Теги заголовка H1–H6: иерархия заголовков в статье

Теги заголовка H1–H6 — это не про красивый шрифт, а про план статьи, который считывают и человек, и поисковый робот. У читателя заголовки формируют содержание за пару секунд без чтения текста целиком. У Яндекса и Google дерево заголовков достраивает структуру страницы для сниппетов и ответов ИИ-поиска. Ошибка в иерархии заголовков ломает оба сценария одновременно.

Проблема редко в выборе конкретного тега для заголовка. Копирайтер обычно и так знает, что H1 один, а H2 крупнее H3. Проблема в целостности дерева на живой странице. Это пропущенный уровень, задвоенный H1 или заголовок, оформленный жирным текстом без тега вообще. Такие поломки не видно на глаз, зато их видит любой парсер, который читает код страницы, а не картинку.

Чек-лист: как проверить дерево заголовков за 2 минуты

Проверка дерева заголовков — это быстрый аудит структуры готовой статьи, который занимает около 2 минут и не требует навыков программирования. Его стоит делать с любой статьёй, которую сверстали руками, а не только с новыми.

Четыре шага ниже закрывают почти все реальные поломки: и лишний H1 от шаблона CMS, и пропущенный уровень, и заголовок, сделанный жирным текстом вместо тега.

Расширение-аутлайнер строит визуальную схему без чтения кода вручную, поэтому подходит контент-менеджеру без технического бэкграунда. Если схема прыгает через уровень или показывает второй H1, статью правят точечно, без пересборки вёрстки целиком.

Что на каком уровне: матрица заголовков H1–H6

Что такое заголовки H1, H2, H3 и следующие за ними H4–H6, проще понять через уровень вложенности текста, а не через разные виды контента. Каждый следующий тег раскрывает предыдущий, а не заменяет его по смыслу. Подзаголовки — это все уровни от H2 до H6. Сами по себе они не самостоятельны, а раскрывают тему, заданную заголовком первого уровня.

Заголовок, подзаголовок и основной текст — это три слоя, из которых складывается любая статья. H1 задаёт тему, подзаголовки H2–H6 делят её на блоки, а обычный текст в абзацах раскрывает содержание внутри каждого блока.

Ниже пример правильной последовательности. Два блока H2, у каждого свой подпункт H3, уровни идут без пропусков.

Типичная поломка выглядит иначе: после H2 сразу идёт H4, потому что автору показалось, что H3 «слишком мелкий» шрифт для этого фрагмента. Тег заменили визуальным ощущением размера, а не структурной логикой. Причины таких поломок и правки разобраны в разделе про типичные ошибки ниже. Правила оформления самого тега H1 и его отличие от Title разобраны в отдельном материале.

Чем проверяют иерархию заголовков на сайте

Теги заголовков на сайте проверяют специализированными инструментами, а не разглядыванием вёрстки. Часть из них бесплатна и работает в браузере за один клик, часть — часть техаудита сайта целиком.

Как SeoFab строит уровни заголовков ещё до генерации текста

SeoFab не расставляет H2 и H3 на глаз. Сначала разбирается реальный топ-10 Яндекса по теме и контент конкурентов, и только потом обязательные подтемы и контент-гэп раскладываются по уровням заголовков.

Это часть инженерного конвейера SeoFab из 14 этапов: сначала парсинг выдачи и конкурентов, затем ИИ-анализ обязательных тем, контент-гэпа и LSI, и только после этого дерево заголовков собирается под требования выдачи, а не под вкус автора.

Пользователю на входе нужно только задать тему и ключевые слова в форме генератора SEO-статей. Дальше уровни заголовков расставляет система, а не человек в визуальном редакторе CMS.

На выходе получается не текст с визуально крупными подписями, а готовый HTML-файл с уже проставленной микроразметкой. Дерево заголовков в нём семантически корректно с самого начала, без отдельной пост-проверки после публикации.

Практическое применение: статья с готовой структурой без ручной вёрстки

Получить статью с уже правильным деревом заголовков можно без ручной вёрстки. Достаточно один раз задать тему в генераторе статей, а не расставлять H2 и H3 самостоятельно после того, как текст уже написан.

Если нужен не разовый инструмент, а комплексное продвижение под ключ, посмотрите услуги на главной странице SeoFab.

Тег заголовка H1–H6 в HTML: как оформляется и почему это не про размер шрифта

Тег для заголовка в HTML — это элемент от <h1> до <h6>, который прописывается в коде страницы. У него нет фиксированного размера шрифта по умолчанию, заданного спецификацией, — только смысловой уровень вложенности.

SEO-тег для заголовка важен именно как структурный узел, а не как визуальный размер. Скринридеры, поисковые роботы и ИИ-парсеры строят план страницы по вложенности узлов в коде, а не по кеглю текста на экране.

Подзаголовок оформляется тегом <h2>, <h3> и так далее, а конкретный размер шрифта под него задаётся отдельным правилом в CSS и может быть каким угодно. Внутри самого тега допустима инлайновая разметка, например ссылка-якорь для оглавления. А вот вложенный <h2> внутри <h1> недопустим.

Частый смежный вопрос — какие размеры у заголовков H1, H2, H3 в пикселях. Единого стандарта нет: браузер по умолчанию рисует H1 крупнее H6, но это чисто визуальное наследие стандартных стилей. Дизайнер может сделать H1 визуально мельче H2 через CSS, и это не изменит структурный уровень тега. Размер шрифта и уровень заголовка — это два независимых слоя. Один визуальный, другой структурный.

Типичные поломки иерархии заголовков

Типичные поломки иерархии заголовков — это не про выбор неправильного тега, а про три конкретных паттерна, которые постоянно повторяются при ручной вёрстке. Предостережения дальше защищают уже проверенную по чек-листу статью, а не открывают тему заново.

Все три поломки бьют по одному месту: скринридер и ИИ-парсер достраивают план страницы по вложенности узлов в коде, а не по тому, как текст выглядит на экране. Если узел не структурный, для них его как будто нет.

Итог простой. Расставить теги заголовков H1–H6 руками может каждый, но целостность дерева проверяют инструментом, а не глазами. Два действия защищают уже сделанную работу: прогонять статью через один из инструментов аудита и не подменять тег заголовка размером шрифта.