Divi превращает WordPress в тяжелый конструктор, который при неправильной настройке увеличивает время отклика сервера (TTFB) до 1.2–2 секунд, что критично для конверсии лендинга. SEO-оптимизация такого сайта — это борьба с избыточным DOM-деревом и CSS-мусором ради попадания в «зеленую зону» Core Web Vitals.
Борьба с DOM-деревом и раздутым кодом
Главная проблема Divi — глубокая вложенность элементов. Типичный лендинг на Divi имеет DOM-дерево на 2500–4000 элементов, тогда как Google рекомендует держать его ниже 1500. Это замедляет рендеринг страницы и снижает оценку LCP (Largest Contentful Paint).
Кейс: замена стандартных модулей «Аккордеон» и «Табы» на кастомный легкий код или упрощенные блоки сокращает размер HTML-документа на 30–40%. В одном из проектов оптимизация структуры позволила снизить время отрисовки первого экрана с 3.4 до 1.8 секунды.
Экспертный вывод: минимизируйте использование вложенных строк и колонок внутри колонок. Чем площе структура страницы, тем быстрее индексация и выше позиции в мобильной выдаче.
Оптимизация скорости загрузки и кэширование
Divi генерирует огромные CSS-файлы. Без настройки «Performance» в параметрах темы сайт грузит до 1.5 МБ лишних стилей. Необходимо активировать Dynamic CSS и Critical CSS, что позволяет сократить объем передаваемых данных на 200–400 КБ на одну сессию.
Для лендинга критически важен выбор стека: связка WP Rocket + Asset CleanUp позволяет отключить загрузку стилей Divi на тех страницах, где они не нужны (например, в блоге или на странице контактов), что дает прирост скорости загрузки на 15–25%.
Экспертный вывод: не полагайтесь на встроенные функции Divi. Используйте Asset CleanUp для точечного вырезания лишнего JS/CSS, иначе вы получите «перегруженный» код, который тормозит конверсию.
Техническая настройка метаданных и заголовков
Конструктор Divi часто путает новичков: они создают визуально крупные заголовки, забывая про HTML-теги H1-H6. В итоге на лендинге оказывается либо три H1, либо вообще ни одного, что сбивает поискового робота с толку при определении релевантности страницы.
Важно проверить настройки плагинов: часто возникают ошибки настройки плагинов SEO для WordPress, когда мета-теги перебиваются внутренними настройками темы или дублируются. Правильная иерархия (1 H1 → 2-3 H2 → несколько H3) повышает вероятность попадания в расширенный сниппет на 10–15%.
Экспертный вывод: всегда проверяйте иерархию через расширение SEO Meta in 1 Click. Визуальный размер шрифта в Divi не должен диктовать выбор тега заголовка — приоритет всегда у семантики.
Оптимизация изображений для конверсии и SEO
Лендинги на Divi обычно перегружены тяжелой графикой. Использование форматов WebP вместо JPEG/PNG снижает вес страницы в среднем на 40–60%. Например, замена главного баннера с 800 КБ (JPG) на 120 КБ (WebP) сокращает время LCP на 0.8 секунды.
Критическая ошибка — использование огромных картинок в качестве фонов секций без задания конкретных размеров в CSS. Это вызывает сдвиги макета (CLS), что штрафуется Google. Рекомендуемый вес одного изображения для лендинга — не более 150–200 КБ.
Экспертный вывод: используйте плагины типа Imagify или ShortPixel для автоматизации WebP. Для фоновых изображений в Divi всегда создавайте отдельные сжатые версии под мобильные устройства.
Вывод
SEO-оптимизация лендинга на Divi — это в первую очередь техническая чистка кода, а не работа с текстами. Начните с сокращения DOM-дерева и внедрения WebP, затем переходите к жесткой фильтрации CSS через Asset CleanUp. Избегайте избыточных плагинов-аддонов для Divi (типа Bloom или Nexus), так как каждый из них добавляет 50–100 КБ лишнего кода. Мой выбор: максимально «голый» Divi + WP Rocket + ручная семантическая разметка заголовков.