Как правильно настроить заголовок в Elementor: работа с H1–H6 и SEO‑оптимизация для WordPress
В этой статье разберём, как грамотно настроить заголовок в конструкторе Elementor для WordPress — с учётом SEO и визуальных параметров. Пошагово рассмотрим все ключевые настройки.
Шаг 1. Добавление и базовая настройка заголовка
Перенесите элемент «Заголовок» на страницу в редакторе Elementor.
Настройте секцию для удобства работы:
установите высоту «по размеру»;
ширину — «во всю ширину».
В поле заголовка введите нужный текст (например, «Спартак — чемпион»).
Шаг 2. Настройка ссылки
В поле «Ссылка» укажите URL, куда будет вести заголовок:
для внешних ссылок — скопируйте полный адрес;
для внутренних — используйте название страницы или скопируйте её URL.
В параметрах ссылки можно:
выбрать опцию «Открывать в новом окне»;
добавить атрибут
nofollow, чтобы не передавать ссылочный вес.
Шаг 3. Выбор размера заголовка
В поле «Размер» выберите один из вариантов:
маленький;
средний;
большой;
огромный;
гигантский.
По умолчанию используется размер, заданный в глобальных настройках стиля сайта.
Шаг 4. Выбор HTML‑тега (H1–H6)
Это критически важный шаг для SEO. В поле HTML Tag выберите подходящий тег:
H1 — главный заголовок страницы. Должен быть единственным на странице: поисковики используют его, чтобы понять основную тему контента.
H2 — подзаголовок для H1, структурирует контент.
H3–H6 — более мелкие подзаголовки для детализации структуры.
P — если заголовок не должен участвовать в иерархии (используется как обычный абзац).
Span или Div — для нестандартных случаев (например, стилизации без семантики).
Шаг 5. Выравнивание текста
Выберите вариант выравнивания:
по левому краю;
по центру;
по правому краю;
по ширине.
Шаг 6. Настройки стиля
Цвет текста
используйте глобальные цвета (через иконку глобуса) — они синхронизируются с настройками сайта;
задайте цвет вручную, если нужно уникальное оформление.
Типографика
выберите шрифт: используйте глобальные настройки или подключите шрифт из Google Fonts (например, Roboto);
задайте размер шрифта (ползунком или вручную);
настройте насыщенность (например, 900 для жирного текста).
Преобразование текста
верхний регистр (все буквы заглавные);
нижний регистр;
первый символ заглавный (по умолчанию).
Стиль текста
обычный;
курсивный;
наклонный;
подчёркнутый;
перечёркнутый.
Интерлиньяж и межсимвольный интервал
интерлиньяж — расстояние между строками (задаётся в пикселях или условных единицах);
межсимвольный интервал — расстояние между буквами.
Тень текста
Настройте:
цвет тени;
размытие;
смещение (горизонтальное/вертикальное).
Шаг 7. Расширенные настройки
Отступы
отступ снаружи — расстояние от текста до границ секции (можно связать значения для всех сторон или настроить отдельно);
отступ внутри — расстояние между текстом и границами секции.
Анимация при появлении
Выберите эффект:
зуммирование;
слайд;
появление справа/слева;
пауза.
Настройте:
длительность анимации;
задержку (например, 2 секунды после прокрутки до блока).
Фон
Варианты:
сплошной цвет (глобальный или ручной);
изображение (настройте позицию, параллакс, повторение);
градиент (измените угол, расположение цветов).
Дополнительно можно задать фон при наведении (например, смена цвета).
Границы
Настройте:
толщину (например, 5 пикселей);
стиль (сплошная, двойная, пунктир);
цвет;
скругление углов.
Можно задать разные границы при наведении (например, двойная линия вместо сплошной).
Шаг 8. Адаптивность
В разделе «Адаптивность» укажите, на каких устройствах будет отображаться заголовок:
компьютеры;
планшеты;
смартфоны.
Если отключить отображение для какого‑то устройства, элемент станет серым в редакторе и не появится на экране у пользователей с этим девайсом.
Шаг 9. Дополнительные замечания
Атрибуты и пользовательские настройки недоступны в бесплатной версии Elementor.
Для сброса всех настроек используйте кнопку «Очистить».
Чтобы сохранить понравившийся цвет в глобальных настройках, добавьте его через палитру и назовите (например, «Спартаковский красный»).
Ключевые SEO‑рекомендации
Используйте один H1 на страницу — это главный сигнал для поисковиков.
Соблюдайте иерархию: H2 → H3 → H4 и т. д.
Избегайте дублирования заголовков на разных страницах.
Делайте тексты заголовков краткими и релевантными содержанию.
Теперь вы знаете, как настроить заголовок в Elementor с учётом SEO и дизайна. Экспериментируйте с параметрами, но помните о балансе между визуальной привлекательностью и оптимизацией для поисковых систем!
