Заголовки H1–H3 на Tilda: содержательная иерархия вместо размера шрифта

Уровни заголовков описывают смысловую структуру страницы. Размер шрифта отвечает за визуальную композицию, а H1–H3 — за отношения между темой, разделами и подразделами. Крупная надпись сама по себе не становится H1, а маленькая не обязана быть H3.

В учебном примере статья называется «Как подготовить сайт компании». Это главный заголовок. Разделы «Соберите содержание», «Настройте страницы» и «Проверьте публикацию» получают H2. Внутри проверки пункт «Мобильная версия» может быть H3, если у него есть самостоятельное содержание.

Не превращайте каждую выделенную фразу в заголовок. Короткое предупреждение или подпись изображения могут оставаться обычным текстом. Последовательность должна позволять понять материал по одному списку заголовков.

1. Найдите основной заголовок страницы.
2. Откройте настройки блока и поле «SEO-тег для заголовка».
3. Задайте ему H1. Для этой страницы оставьте один главный H1 согласно рекомендации Tilda.
4. Для названий основных разделов задайте H2, а для их подразделов — H3.
5. Сохраните и опубликуйте страницу, затем проверьте фактическую структуру.

Поле и назначение уровней описаны в руководстве по доступности Tilda. В Zero Block проверяйте SEO-настройку выбранного текстового элемента. В HTML-вставке уровень задают соответствующим тегом, например <h2>Проверка публикации</h2>.

H1 читатель видит в основном содержании. Title — отдельный метатег страницы, который используется в заголовке вкладки и может участвовать в поисковом представлении. Они должны соответствовать одной теме, но могут различаться формулировкой. Настройка H1 не заполняет автоматически все нужные поля SEO.

Не добавляйте одинаковый H1 в каждую карточку услуг и общую шапку. После подключения общей шапки или собственного кода проверьте итог всей страницы, а не только один локальный блок.

Прочитайте названия подряд. Если после «Настройте страницы» сразу идёт H3 без понятного раздела, пересмотрите план. Не выбирайте H3 только потому, что он выглядит меньше: меняйте типографику отдельно.

На компьютере проверить фактические элементы можно через инструменты разработчика или список заголовков скринридера. На телефоне дополнительно проверьте переносы и интервалы: семантически правильная строка может обрезаться из-за фиксированной высоты Zero Block.

• Два главных заголовка: проверьте шапку, повторные обложки и вставки.
• Надпись выглядит как заголовок, но не входит в список: проверьте назначенный тег.
• Пустой заголовок: удалите пустой элемент или заполните содержанием.
• Разделы непонятны без абзацев: уточните их названия по реальной задаче.

Корректная структура помогает ориентироваться, но не обещает определённое место в поиске. Вместе с ней проверьте оглавление и управление клавиатурой. Для самостоятельного обучения изучите актуальные программы и условия в разделе курсов Perkova&Perkova.