Как проверить H1 в Tilda и настроить его для SEO

Открываете код страницы на Tilda и видите, что крупный заголовок обернут в <div> или <p>, а не в <h1>? Или наоборот: в настройках блока стоит H1, но в HTML формируется что-то другое. Tilda генерирует теги заголовков автоматически на основе выбора в настройках блока: если вы назначили текстовому элементу H1, редактор выведет именно <h1> в финальном коде. Остается разобраться, как это проверить, где найти нужную настройку и что делать, если нужен полный контроль над HTML. В этой статье покажем реальную механику работы H1 в Tilda, разберем пошагово, как назначить заголовок через стандартные блоки и Zero Block, и объясним, как быстро проверить результат через инструменты браузера.

H1 в Tilda: от настроек до живого кода

В конструкторе Tilda вы выбираете тип заголовка через выпадающий список в настройках текстового блока: H1, H2, H3 или paragraph. После публикации страницы эта настройка превращается в соответствующий HTML-тег — если выбрали H1, в коде появится <h1>, если paragraph — <p>. Конструктор не подменяет заголовки на div или span произвольно: каждому значению в интерфейсе отвечает строго определенный тег. Проблемы начинаются, когда пользователь меняет стиль текста визуально, но забывает проверить семантическую разметку или использует блоки, где тег задан жестко и не меняется через интерфейс.

Главная ошибка новичков — выбор размера шрифта вместо настройки семантики. По опыту компании TzMonster, 80% проблем с ранжированием сайтов на конструкторах решаются банальной проверкой типа заголовка в настройках блока, а не переездом на другую платформу.

H1 — это не просто div или p

H1 — самостоятельный HTML-тег, который сообщает поисковикам и скринридерам главную тему страницы. Div и p служат для группировки контента и абзацев текста, но не несут семантической иерархии заголовков. Когда в коде страницы вместо <h1> стоит <div class=»big-title»>, поисковик видит обычный блок с CSS-стилями, а не заголовок первого уровня. Семантика теряется, и алгоритм ранжирования не получает явного сигнала о приоритете фразы.

Миф о том, что «Tilda превращает H1 в div», возник из-за путаницы: пользователи смотрят на крупный шрифт и думают, что это автоматически H1, хотя в настройках блока стоит paragraph или вообще не задан тип заголовка. Конструктор честно отдает тот тег, который вы указали. Если в списке выбран H1, финальный HTML содержит <h1> — проверьте через DevTools и убедитесь сами.

Как настроить H1 в Tilda: блоки и Zero Block

В стандартных текстовых блоках (T001, T123 и других) откройте настройки текстового элемента — кликните по тексту, затем на иконку шестеренки. В поле «Title tag» или «Тип заголовка» выберите H1 из списка. Сохраните блок и опубликуйте страницу: конструктор сформирует <h1>текст</h1> в финальном коде. Для остальных крупных надписей оставьте paragraph или H2–H3, чтобы не создавать несколько H1 на одной странице.

Если нужен полный контроль, используйте Zero Block: добавьте элемент Text, введите заголовок, затем в правой панели Settings найдите выпадающий список HTML Tag и выберите H1. Альтернатива — вставить HTML-блок (T123 в режиме HTML) и прописать <h1>текст</h1> вручную. Второй способ дает абсолютную прозрачность разметки, но требует базового понимания HTML. После публикации проверьте результат через инструменты разработчика браузера.

Проверяем H1: смотрим код, оцениваем важность для SEO

Откройте опубликованную страницу в браузере, нажмите F12 (Chrome/Firefox) или Ctrl+Shift+I, перейдите на вкладку Elements (Элементы). В дереве HTML найдите тег <h1> — воспользуйтесь поиском Ctrl+F внутри панели и введите «<h1». Если тег присутствует один раз и содержит ключевую фразу страницы, разметка корректна. Если вместо <h1> видите <div> или <p>, вернитесь в настройки блока Tilda и измените тип заголовка.

Для SEO важнее не сам факт наличия H1, а его уникальность и соответствие поисковому запросу. Поисковики понимают структуру H1–H2–H3 и используют ее для определения темы и подтем страницы. Два H1 на одной странице размывают сигнал: алгоритм не знает, какой заголовок главный. Один осмысленный H1 с целевой фразой, подкрепленный логичной иерархией H2–H3, дает четкий контекст и улучшает позиции в выдаче.