Редактор Wix Harmony: работа с порядком DOM
3 мин.
Эта статья относится к новому редактору Wix Harmony, выпущенному в январе 2026 года. Если вы не уверены, используете ли вы редактор Wix Harmony или редактор Wix, узнайте больше здесь.
Порядок объектной модели документа (DOM) определяет структуру страниц вашего сайта. Он устанавливает последовательность загрузки и выбора элементов страницы: что идет первым, вторым и так далее.
Четкий и логичный порядок DOM может оптимизировать ваш сайт по нескольким параметрам. Используйте информацию в этой статье, чтобы узнать подробнее о том, почему DOM важен и как с ним работать.
Почему важен порядок DOM
DOM сайта — это порядок загрузки и чтения элементов на страницах сайта, который может влиять на:
- Специальные возможности: Некоторые посетители сайта могут использовать клавишу Tab, программу чтения с экрана или другие вспомогательные технологии для навигации по сайту. Эти технологии полагаются на порядок DOM, чтобы знать, в какой последовательности выбирать или читать элементы.
- Производительность: DOM определяет последовательность загрузки элементов на сайте. Если она не соответствует визуальному порядку элементов, это может повлиять на загрузку сайта (например, макет страницы может смещаться по мере загрузки контента).
- Позиция в соцсетях: Поисковые системы используют DOM для определения порядка, в котором выполняется сканирование и индексирование сайта (слева направо и сверху вниз). Неупорядоченный или неправильный DOM может привести к тому, что поисковая система «прочитает» контент в неверном порядке и неправильно его поймет.
Хотите протестировать порядок DOM вашего сайта?
Вы можете протестировать автоматический порядок DOM сайта Wix с помощью клавиши Tab на клавиатуре или программы чтения с экрана в опубликованной версии сайта.
Ручная настройка порядка DOM
Wix автоматически упорядочивает DOM вашего сайта по умолчанию, оптимизируя контент страницы для производительности и позиции в соцсетях. Тем не менее, вы можете вручную настроить порядок DOM для определенных секций и контейнеров.
Чтобы отключить авто-DOM:
- Перейдите в редактор.
- Нажмите на иконку Слои
в левом нижнем углу редактора. - (В панели «Слои») Нажмите на иконку Другие действия
рядом с соответствующей секцией или контейнером. - Нажмите Вкл. рядом с пунктом Оптимизировать порядок DOM, чтобы отключить его.
- Перетащите соответствующие элементы в нужном вам порядке.
Настройка порядка DOM в Помощнике по специальным возможностям
Вам может быть предложено автоматически упорядочить DOM в Помощнике по специальным возможностям. Это может появиться для конкретных страниц или для всего сайта:
- Проблемы на уровне сайта: В разных языках разное направление чтения (например, во французском — слева направо, а в арабском — справа налево). Эта задача отображается, когда направление чтения языка сайта не совпадает с визуальным порядком элементов.
- Проблемы на странице: Эта задача отображается, когда DOM отключен хотя бы в одной из секций или контейнеров страницы.
Чтобы упорядочить DOM с помощью Помощника:
- Перейдите в редактор.
- Нажмите на название сайта в левом верхнем углу редактора.
- Прокрутите вниз до пункта Специальные возможности и нажмите Исправить проблемы.
- Нажмите Сканировать сайт.
- Упорядочите DOM в зависимости от типа задачи:
- Уровень сайта: Выберите выпадающий список Уровень сайта.
- Уровень страницы:
- Нажмите на соответствующую коллекцию страниц (например, Основные страницы, Страницы магазина).
- Выберите конкретную страницу.
- Нажмите на выпадающий список Упорядочить DOM.
- Выберите Автоматически (рекомендуется).
- Нажмите Применить.
- (Необязательно) Проверьте визуальное отображение элементов сайта, чтобы убедиться, что они выровнены.
Откуда Wix берет информацию о специальных возможностях?
- Мы даем рекомендации в соответствии с Руководством по обеспечению доступности веб-контента (WCAG), разработанным Консорциумом Всемирной паутины (W3C).
- Наши рекомендации основаны на следующих критериях успеха: