Почему размер шрифта не делает текст заголовком
Дизайнер на Тильде оценивает страницу глазами: крупная надпись на обложке кажется заголовком. Поисковая система и программы для чтения с экрана смотрят в код. Для них заголовок — это элемент с тегом H1, H2, H3 и так далее. Огромная надпись, оформленная как обычный абзац, заголовком не считается, а маленькая подпись с тегом H1 считается главным заголовком страницы.
Для владельца бизнеса это не академический вопрос. Допустим, вы запустили сайт мебельной мастерской в Ташкенте и ведёте на него людей из Instagram и Google. Реклама будет работать в любом случае, но органический трафик по запросу вроде «кухня на заказ» вы получите только если поисковик понимает, о чём страница. Заголовки — один из самых дешёвых способов объяснить ему это.
Есть и второй эффект: структура помогает людям. Посетитель, который листает страницу с телефона, быстрее находит нужный раздел, если разделы названы осмысленно, а не лозунгами.
SEO-тег для заголовка Тильда: стандартные блоки
В готовых блоках Тильды тег заголовка выбирается в настройках блока, в разделе, связанном с SEO. Набор вариантов зависит от блока: обычно доступны H1, H2, H3 и обычный текст. В некоторых блоках первого экрана тег уже задан по умолчанию, но полагаться на это нельзя — проверяйте каждый блок отдельно.
Порядок действий такой:
- Откройте настройки блока на странице
- Найдите параметр, где выбирается тег заголовка
- Выберите уровень: H1 для главного заголовка, H2 для разделов, H3 для подразделов
- Сохраните изменения и опубликуйте страницу заново
- Откройте опубликованную версию, а не редактор, и убедитесь, что тег применился
Zero Block: где чаще всего пропадает H1
В Zero Block у каждого текстового элемента своя настройка тега, и по умолчанию все они — обычный текст. Поэтому типичная история выглядит так: обложку собрали в Zero Block, получили красивый первый экран, а на странице нет H1.
Вторая ловушка — заголовок, разбитый на несколько элементов ради дизайна: одно слово другого цвета, строка другого размера. Если дать H1 каждому куску, на странице появятся несколько главных заголовков. Если не дать никому — не будет ни одного. Надёжнее держать смысловой заголовок в одном текстовом элементе и менять цвет и размер внутри него. Если разделить всё же пришлось, H1 получает только элемент с смыслом, а декоративные строки остаются обычным текстом.
Стандартный блок или Zero Block: что выбрать
Стандартные блоки быстрее собирать и проще проверять: тег виден в одном месте настроек, а структура блока предсказуема. Zero Block даёт свободу в дизайне, но требует дисциплины: теги нужно ставить вручную на каждом элементе, и ошибиться проще.
Практичный подход: для основных смысловых разделов, особенно для текстов услуг, используйте стандартные блоки, а Zero Block оставляйте для обложки и нестандартных композиций. И в обоих случаях после сборки проверяйте результат в опубликованной версии.
Иерархия на примере страницы услуги
Представьте страницу «Ремонт квартир в Ташкенте». Логичная структура похожа на оглавление статьи, которое одинаково понятно и человеку, и роботу:
- H1: Ремонт квартир в Ташкенте под ключ
- H2: Из чего складывается стоимость ремонта
- H2: Как мы работаем: от замера до сдачи
- H3: Замер и смета
- H3: Черновые и чистовые работы
- H2: Оплата и гарантии
- H2: Частые вопросы
Правила иерархии и ошибки, которых стоит избегать
Правила простые: один H1 на страницу, H2 для крупных разделов, H3 только внутри H2 и без перепрыгивания с H1 сразу на H3. Пишите заголовки по смыслу: вместо «Наши преимущества» лучше «Почему ремонт заказывают именно у нас» — в таком заголовке есть тема, и он может отвечать на вопрос, который человек вводит в поиск.
Обложка, блок с цифрами, форма заявки и кнопки оплаты через Click или Payme структуры не несут, и тегов заголовков им не нужно. Самые частые ошибки:
- Нет H1, потому что обложка сделана в Zero Block
- Несколько H1: каждый блок с крупным шрифтом получил главный тег
- Заголовок встроен в картинку, и текст не читается как заголовок
- Тег заголовка у логотипа, слогана, телефона или надписи «Подробнее»
- Номера «01», «02» и подписи над заголовками оформлены тегами
- На всех страницах одинаковый H1 — просто название компании
- Страницу скопировали как шаблон и забыли поменять заголовки
Как согласовать H1 и title
Title задаётся в настройках страницы, в разделе SEO, рядом с описанием. Он не обязан совпадать с H1 дословно, но должен говорить о том же. Если title обещает «Доставка цветов в Самарканде», а H1 гласит «Мы дарим эмоции», человек и поисковик получают разные сигналы. Первый экран должен сразу подтверждать, что посетитель попал туда, куда шёл.
Не копируйте пару title и H1 на десятки страниц. У каждой страницы услуги или категории свой запрос, а значит, и своя пара заголовков.
Проверка и чек-лист перед запуском рекламы
Проверка занимает пару минут, если делать её сразу после сборки страницы. Перед тем как лить трафик из таргета или Google Ads, пройдите список:
- Откройте опубликованную страницу и найдите в исходном коде h1, h2 и h3
- Установите браузерное расширение, показывающее структуру заголовков
- Прогоните сайт краулером: он покажет страницы без H1 и с несколькими H1
- Запустите Lighthouse и посмотрите замечания по порядку заголовков
- Убедитесь, что H1 один и содержит главный запрос, а title совпадает с ним по смыслу
- После правок опубликуйте страницу повторно и проверьте снова
Шаблон страницы и следующий шаг
Если на сайте много однотипных страниц, соберите одну эталонную с правильными тегами и копируйте новые страницы с неё, каждый раз меняя заголовки. Это убирает большую часть повторяющихся ошибок.
Для комплексной работы над структурой, мета-тегами и техническими ошибками команда markdev занимается SEO-оптимизацией сайтов в Узбекистане: можем посмотреть ваши страницы на Тильде и подсказать, что исправить в первую очередь.
Частые вопросы
Сколько H1 должно быть на странице Тильды?
Один. Он описывает главную тему страницы. Остальные крупные разделы оформляйте как H2, а подразделы как H3.
Почему в Zero Block нет H1, хотя текст огромный?
В Zero Block текстовые элементы по умолчанию обычный текст. Выделите нужный элемент, назначьте тег в его параметрах и опубликуйте страницу.
Должен ли H1 совпадать с title?
Дословно необязательно, но смысл должен быть один. Оба заголовка отвечают на запрос, по которому человек пришёл на страницу.
Можно ли сделать заголовок картинкой?
Лучше нет. Текст на изображении не читается как заголовок. Оставьте картинку как оформление, а сам заголовок сделайте текстом с тегом.
Как быстро проверить теги на сайте?
Откройте опубликованную страницу, найдите h1 в исходном коде или используйте расширение для просмотра структуры заголовков. Для всего сайта подойдёт краулер.
Нужно ли ставить теги на кнопки и форму заявки?
Нет. Кнопки, формы, телефоны и декоративные подписи структуры не несут, поэтому остаются обычным текстом.
Разберём вашу задачу бесплатно
Оставьте контакт — за 15 минут созвона покажем, где теряются заявки и что сделать в первую очередь.