У длинной статьи есть тихий враг. Читатель открывает материал, видит сплошную стену текста и уходит через десять секунд, даже если каждая мысль в нём отточена. Спасает не стиль и не короткие абзацы, а скелет из заголовков, по которому глаз находит нужное место за пару движений. Тот же скелет читают программы экранного доступа и поисковые системы, и у всех трёх аудиторий ожидания совпадают: уровни идут по порядку, а каждый заголовок честно называет то, что лежит под ним. Ниже по шагам разобрано, как собрать такую иерархию от H1 до H6, где её чаще всего ломают и почему привычка вписывать ключ в каждый подзаголовок работает против самой страницы. Побочным эффектом станет оглавление, по которому статью можно просмотреть за минуту и не потерять ни одной мысли.
Навигация по заголовкам, которая заменяет оглавление книги
Читатель длинного материала почти никогда не идёт по нему подряд. Сначала он пробегает заголовки, как пробегают витрины, и решает, куда нырнуть. Если заголовок обещает ровно то, что лежит в разделе, навигация работает. Если обещание расходится с содержимым, доверие тает с каждым абзацем, и никакая оптимизация этого не поправит. Отсюда первое рабочее правило: заголовок предсказывает содержание своего раздела, а все заголовки вместе складываются в связный пересказ статьи.
У этого правила есть аудитория, о которой вспоминают нечасто. Программы экранного доступа вроде NVDA, JAWS и VoiceOver строят по заголовкам полноценную навигацию: клавиша H перебрасывает пользователя между разделами, а отдельная панель выводит весь список заголовков, то есть живое оглавление страницы. Когда уровни перепутаны, человек с нарушением зрения получает ложную карту: разделы кажутся то вложенными в пустоту, то потерянными. Поисковый робот поступает схоже. Для него заголовки служат кратким описанием темы каждого куска страницы, и ровная иерархия подсказывает, где главные мысли, а где уточнения к ним. Статья, которую нельзя пересказать по заголовкам, проигрывает всем сразу: читателю, программе экрана и поиску.
Из заголовков растёт и ещё один полезный элемент длинных материалов, блок содержания в начале страницы. Его собирают из H2 и H3 с проставленными якорями: каждый заголовок получает идентификатор вроде id="kapelnyj-poliv", а оглавление превращается в набор быстрых ссылок, ведущих прямо к нужной главе. Такой блок экономит читателю минуты, а заодно создаёт внутренние переходы внутри самой страницы, которые помогают роботу понять её устройство. Без ровной иерархии собирать его просто не из чего.
Роль каждого уровня от H1 до H6 в структуре материала
Самый верхний уровень в статье всегда один. H1 называет материал целиком и по смыслу совпадает с главным заголовком страницы, поэтому второго H1 внутри текста быть не должно. Советы эпохи раннего HTML5 разрешали ставить отдельный H1 в каждый логический раздел документа, но со временем и браузеры, и поисковые системы от этой идеи отказались, и практика вернулась к простому варианту: один документ, один H1.
H2 держит крупные разделы, те самые главы, из которых складывается статья. Внутри конкретного H2 живут его H3, подразделы, которые раскрывают одну грань темы главы. H4 нужен, когда делится уже сам подраздел, например в технических руководствах с пошаговыми разборами. Большинству статей хватает уровней H1, H2 и H3, изредка добавляется H4, и это не бедность, а дисциплина: чем короче дерево, тем меньше в нём мест, где читатель может заблудиться.
Отдельного разговора заслуживают глубокие уровни в справочниках. H5 и H6 встречаются в спецификациях и больших технических документах, где внутри одного H3 перечисляются варианты через H4, а внутри варианта разбираются тонкие правила через H5. Это законно, пока каждый уровень реально вложен в предыдущий. Ломает картину не глубина сама по себе, а глубина ради статуса: как только пятый уровень появляется потому, что "так положено", оглавление превращается в лабиринт, из которого даже опытный читатель выбирается с трудом. Если документ безоговорочно требует шестого уровня, есть смысл проверить, не стоит ли разделить его на несколько отдельных страниц.
Ошибки в разметке, которые ломают дерево заголовков
Первое место по частоте держит пропуск уровней. Автор ставит после H2 сразу H4, пропуская H3, и формально безобидная дыра оборачивается реальной поломкой: программа экрана объявляет раздел H4 как вложенный в несуществующий уровень, а читатель оглавления видит скачок и теряет логику. Вторая ошибка встречается в материалах, склеенных из нескольких заготовок, когда в тексте остаётся два или три H1 и одна статья притворяется несколькими сразу.
Третья ошибка тоньше. Заголовок выбирают по внешнему виду: нужен шрифт помельче, значит, поставим H4. Тег разметки при таком подходе превращается в кнопку оформления, хотя за внешний вид в вебе отвечает CSS, а разметка описывает только смысл. Четвёртая ошибка родом из погони за позициями: ключ вписывается в каждый подзаголовок подряд, и оглавление вырождается в монотонный повтор одной фразы. Получается ряд вида "SEO-аудит сайта", "SEO-аудит сайта недорого", "SEO-аудит сайта с гарантией", который читается как объявление, а не как карта материала. Переспам бьёт по странице дважды: людям такое оглавление скучно, а поисковые системы давно отличают естественную иерархию от заголовков, набитых одним и тем же запросом. Настоящая иерархия описывает содержание, а не список ключевых фраз, и в этом различие между структурой для людей и структурой только под поисковые фильтры.
Отдельный подвох прячут шаблоны и конструкторы. Некоторые темы оформления выводят названия блоков заголовками самого высокого уровня, и на странице появляются два H1, один из которых принадлежит логотипу или баннеру. Проверка здесь простая: перед публикацией открыть исходный код страницы и посчитать теги H1, потому что в редакторе этой беды может быть не видно.
Пример корректной разметки длинной статьи с вложенными разделами
Крепкую иерархию проще один раз увидеть, чем сто раз описывать словами. Ниже показан фрагмент длинной статьи о системах полива дачного участка: уровни идут без пропусков, а каждый заголовок называет свою часть темы:
<h1>Выбор системы полива для дачного участка</h1>
<p>Вводный абзац объясняет, от чего зависит выбор системы.</p>
<h2>Капельный полив</h2>
<p>Обзор принципа и ситуаций, в которых он выгоднее всего.</p>
<h3>Комплектующие капельной линии</h3>
<p>Что входит в линию и как собрать её без помощников.</p>
<h4>Фитинги и их маркировка</h4>
<p>Как читать маркировку и не переплатить за лишние детали.</p>
<h2>Дождевание</h2>
<p>Когда распыление воды оправдывает расход.</p>
<h3>Расчёт расхода воды</h3>
<p>Простой подсчёт по площади участка и типу почвы.</p>
<h2>Автоматика и датчики влажности</h2>
<p>Какие датчики стоят недорого и что они умеют на практике.</p>В этом фрагменте три H2 делят материал на самостоятельные главы, внутри каждой главы H3 уточняет тему, а H4 появляется ровно там, где без него не обойтись. По одному оглавлению уже ясно, о чём статья и где искать конкретный ответ. Заметна и параллель: все H3 раскрывают разные стороны своих H2 и не перескакивают между главами, поэтому список заголовков читается как связный пересказ, а не как набор обрывков. Такой скелет одинаково пригодится и в статье на две тысячи слов, и в техническом руководстве на двадцать тысяч.
Числовые ориентиры, которые держат структуру в узде
Практика выработала ориентиры, которые не дают структуре расползаться. Заголовок H2 в длинной статье обычно укладывается в 40-80 знаков с пробелами: короче 40 он теряет конкретику, длиннее 80 превращается в предложение, которое глаз не цепляет. Формулировка "Капельный полив для теплицы из поликарбоната" занимает 44 знака и сразу называет и метод, и конкретную ситуацию, а короткое "Полив" теряется в оглавлении среди соседей. Новый H2 появляется в среднем каждые 300-500 слов, поэтому статья на 4000 слов получает 8-12 крупных разделов, а материал на 6000 слов доходит до 15-20. H3 имеет смысл добавлять, когда раздел перерос два-три абзаца и внутри него наметились самостоятельные подтемы. Если читатель листает больше трёх экранов без нового заголовка, ориентир потерян, и текст просит нарезки.
С ключами работает простая пропорция. Прямое вхождение главного запроса живёт в H1 и максимум в одном-двух H2, остальные заголовки получают синонимы, уточнения и разговорные формулировки, под которыми люди реально ищут ответ. Для статьи на 5000 слов с десятью H2 распределение выглядит так: главный запрос стоит в H1 и в первом разделе, во втором и пятом заголовках живут его словоформы, а остальные шесть называют свои подтемы своими словами и вытягивают за собой хвост уточняющих запросов. В здоровой статье прямые вхождения редко занимают больше трети заголовков, зато оглавление почти всегда собирает весь словарный спектр темы и закрывает низкочастотные запросы без единого лишнего повтора.
Своя арифметика есть и у вложенных уровней. H3 обычно короче своего H2 и укладывается в 25-50 знаков, а на один раздел приходится в среднем один-три подраздела. Если под H2 собирается больше пяти H3, оглавление превращается в частокол, и часть подразделов честнее ужать в один плотный абзац. Соотношение подсказывает и разумную глубину: у статьи до 3000 слов в среднем не больше одного H4 на весь текст, а чаще ноль, потому что четыре уровня вложенности нужны только материалам с подробными инструкциями и разборами.
Пассажи, быстрые ответы и судьба отдельного фрагмента страницы
Заголовки влияют даже на то, что человек видит прямо в результатах поиска. С 2021 года алгоритмы умеют ранжировать отдельные пассажи, то есть фрагменты текста, независимо от релевантности всего документа, и это напрямую связано с разметкой. Пассаж почти всегда начинается под своим подзаголовком: связка из H2 и двух-трёх абзацев превращается в самодостаточный ответ, который поисковая система может показать целиком. Раздел, отвечающий на один конкретный вопрос, попадает в блоки быстрых ответов заметно чаще, чем тот же ответ, размазанный по тексту без внятной структуры.
Подсказывают машине и внутренности раздела. Таблица сравнения под заголовком "Сравнение систем полива по расходу воды" или компактная последовательность шагов дают готовый материал для быстрого ответа, поэтому рядом с информационным заголовком полезно держать один наглядный элемент, который можно процитировать целиком.
Отсюда практический вывод для длинных статей. Каждый H2 стоит проектировать как независимую мини-статью: он должен иметь смысл даже вырванным из контекста, отвечать на один вопрос и не заставлять читателя искать продолжение в другой главе. Нейросетевые ассистенты, собирающие ответы по страницам, опираются на ту же структуру: им проще взять цельный кусок под понятным заголовком, чем сшивать обрывки. Иерархия здесь снова работает на людей раньше, чем на машины, потому что читатель, пришедший по ссылке прямо в середину статьи, тоже должен мгновенно понять, куда попал и что его ждёт дальше.
Проверка структуры длинной статьи перед публикацией
Финальная проверка занимает меньше десяти минут и экономит часы переделок после релиза. Проверку удобно свести к короткой последовательности действий:
- Выписать все заголовки по порядку и прочитать только их, как будто это оглавление книги;
- Проверить, что H1 в тексте один, а уровни идут без пропусков и после H2 не встречается сразу H4;
- Убедиться, что каждый заголовок предсказывает содержание своего раздела, а не подбирается под размер шрифта;
- Посчитать прямые вхождения ключей в заголовках и оставить их в явном меньшинстве;
- Открыть статью в программе экранного доступа или хотя бы в режиме чтения браузера и пройти её только по заголовкам;
- Разбить или укоротить разделы, внутри которых читатель листает больше трёх экранов без нового подзаголовка.
Хорошая новость в том, что иерархия прощает мелкие шероховатости, пока цело само дерево. Чуть коротковатый H3 или заголовок на 85 знаков не разрушат навигацию, зато дыра между уровнями или второй H1 ломают её мгновенно и для всех сразу. В этом и есть главная мысль: структура заголовков, построенная под людей, почти автоматически становится правильной и для поисковых систем, а конфликт между ними возникает ровно в одном месте, там, где заголовки пишут под фильтры вместо содержания. Статья, у которой оглавление читается как пересказ, выигрывает у конкурента с идеальными ключами и хаосом внутри, и делает это тихо, без единого лишнего слова в разметке.