Заголовки H1–H3 на Tilda: как назначить теги блокам и Zero Block

Для поисковика заголовок — это не самый крупный текст на странице, а элемент с тегом H1, H2, H3 и так далее. На Tilda внешний вид и тег настраиваются отдельно: можно сделать огромную надпись обычным абзацем и, наоборот, маленький подзаголовок с тегом H1. Поэтому теги заголовков нужно проверять и назначать осознанно.

Зачем нужны теги заголовков

• H1 сообщает, о чём страница. Обычно он близок к главному запросу и к тегу title
• H2 и H3 показывают структуру: разделы и подразделы
• Экранные дикторы позволяют незрячим посетителям перемещаться по заголовкам
• Поисковику проще понять, какие фрагменты страницы отвечают на какие вопросы

Стандартные блоки

В стандартных блоках Tilda у элементов с заголовками есть настройка тега в параметрах блока, в разделе, связанном с SEO. Там можно выбрать, каким тегом будет заголовок блока: H1, H2, H3 или обычный текст. Набор вариантов зависит от блока.

Порядок действий:

1. Откройте настройки блока
2. Найдите параметр тега для заголовка
3. Выберите нужный уровень
4. Сохраните и опубликуйте страницу

Учтите: у блока может быть несколько текстовых элементов — заголовок, подзаголовок, описание. Тег обычно настраивается для заголовка, а подзаголовок остаётся текстом.

Zero Block

В Zero Block каждый текстовый элемент имеет собственную настройку тега. Выделите элемент и в его параметрах выберите тег: H1, H2, H3 или обычный текст. По умолчанию текстовые элементы — не заголовки, поэтому в Zero Block легко получить страницу совсем без H1.

Если заголовок в Zero Block состоит из нескольких текстовых элементов ради дизайна, тег H1 назначьте только одному — тому, что содержит смысловой заголовок.

Правильная иерархия

• Один H1 на страницу — главный заголовок
• H2 — крупные разделы: «Как проходит процедура», «Стоимость и условия», «Вопросы»
• H3 — подразделы внутри H2
• Не прыгайте через уровни без причины: после H1 сразу H3 — плохая структура
• Не делайте заголовками служебные надписи: «Подробнее», «Наши контакты» в каждом блоке, номера телефонов

Пример для страницы услуги

• H1: Чистка зубов в Ташкенте
• H2: Кому нужна профессиональная чистка
• H2: Как проходит процедура
• H3: Подготовка
• H3: Этапы
• H2: Уход после чистки
• H2: Частые вопросы

Обложка, преимущества и форма заявки могут оставаться без тегов заголовков, если они не несут структуры.

Как проверить

• Откройте опубликованную страницу и посмотрите исходный код: найдите теги h1, h2, h3
• Используйте браузерное расширение, которое показывает структуру заголовков
• Проверьте страницу краулером: он покажет страницы без H1 и с несколькими H1
• В Lighthouse раздел доступности сообщает о нарушениях порядка заголовков

Типичные ошибки

1. На странице нет H1: обложка сделана в Zero Block, где текст по умолчанию обычный
2. Несколько H1: каждый блок с крупным заголовком получил H1
3. Заголовки в виде картинки: текст на изображении поисковик не прочитает как заголовок
4. H1 совпадает с названием компании на всех страницах
5. Скопированные страницы с одинаковыми H1

Связь с title

H1 и тег title страницы не обязаны совпадать дословно, но должны говорить об одном. Title задаётся в настройках страницы Tilda, в разделе SEO, вместе с описанием. Проверьте, что они не противоречат друг другу и что заголовок первого экрана отвечает на запрос, по которому человек пришёл.

Итог

На Tilda настройку тегов легко упустить, потому что визуально страница выглядит правильно. Заведите правило: после сборки каждой страницы проверять, есть ли один H1 и логичная структура H2–H3. Это займёт пару минут и уберёт одну из самых частых ошибок сайтов на конструкторах.