Оглавление статьи: когда нужно и как сделать рабочие якоря

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

На коммерческой странице якорная навигация тоже может быть полезна: к составу, стоимости, примерам и условиям. Не нужно объявлять её вредной только потому, что посетитель может пропустить первый экран. Его задача — найти нужное основание для решения.

Прочитайте только заголовки: понятно ли, какой ответ находится в каждом разделе? Уберите одинаковые названия и повтор ключа без новой задачи. Используйте H2 для основных разделов, H3 — для вложенных вопросов.

Оглавление обычно показывает основные разделы. Вложенные пункты нужны, если без них трудно ориентироваться; не выводите автоматически всю глубину H1–H6. Подробнее — иерархия заголовков.

<nav aria-label="Содержание статьи">
  <ul>
    <li><a href="#selection">Как выбрать вариант</a></li>
    <li><a href="#check">Как проверить результат</a></li>
  </ul>
</nav>

<h2 id="selection">Как выбрать вариант</h2>
<p>Содержание раздела.</p>
<h2 id="check">Как проверить результат</h2>
<p>Содержание раздела.</p>

Адрес после # должен совпадать с id нужного элемента. Значения id должны быть уникальны в документе и не содержать пробельных символов ASCII. Кириллица допустима; короткая латиница с дефисами — удобное соглашение, а не обязательное правило HTML.

Плагин или шаблон должен брать заголовки основного текста, а не меню, формы и блоков рекомендаций. Проверьте, как он обрабатывает повторяющиеся названия и уже существующие id.

При изменении заголовка полезно сохранять прежний рабочий якорь, если на него уже ссылаются. Иначе внешние и внутренние ссылки на раздел перестанут попадать в нужное место. Не подключайте несколько генераторов оглавления одновременно.

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

Названия должны читаться целиком, а активная область ссылки — быть удобной для нажатия. Если шапка закреплена, проверьте, не оказывается ли заголовок под ней после перехода. Плавная анимация не обязательна; учитывайте настройки уменьшенного движения.

Рабочие ссылки и осмысленные заголовки помогают навигации и пониманию структуры. Но оглавление не гарантирует позиции, улучшение поведения или дополнительные ссылки в сниппете. Поисковая система сама выбирает оформление результата.

Для самого оглавления не требуется FAQPage. Разметка статьи и вопросов, если она используется, должна соответствовать собственным данным и видимому тексту, а не добавляться ради наличия навигации.

1. Сверьте пункты с реальными разделами.
2. Откройте каждый переход и прямую ссылку с якорем.
3. Проверьте уникальность id, положение под закреплённой шапкой и возврат назад.
4. Повторите на телефоне и с клавиатуры.
5. После редактуры убедитесь, что старые значимые якоря сохранились.

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

Проверим, как читатель находит ответы в длинных материалах: по заголовкам, оглавлению и ссылкам. Это поможет улучшить навигацию без лишних блоков и повторов.