Оглавление статьи и якорные ссылки
Длинную статью редко читают подряд — чаще ищут конкретный ответ. Оглавление в начале материала с переходами к разделам решает это: человек сразу прыгает к нужному месту, а не скроллит весь текст. Делается такая навигация на якорных ссылках, помогает и читателю, и SEO. Разберём, как и зачем.
Как это работает
Якорная ссылка — это ссылка не на другую страницу, а на конкретное место текущей. Каждому разделу (заголовку) присваивают идентификатор, а в оглавлении ставят ссылку на этот идентификатор. Клик — и страница прокручивается прямо к разделу.
<a href="#kak-dobavit">Как добавить</a>
<!-- заголовок раздела с тем же id -->
<h2 id="kak-dobavit">Как добавить</h2>
Чем это полезно
- Удобство. Читатель быстро находит нужное и не уходит, не доскроллив, — это в плюс поведенческим факторам.
- Возможные «быстрые переходы» в выдаче. Иногда поиск показывает под результатом ссылки прямо к разделам страницы — оглавление с якорями повышает шанс на такие быстрые ссылки.
- Структура. Оглавление дисциплинирует: оно строится из заголовков, а значит, подталкивает делать чёткую иерархию H2–H3.
- Шеринг разделов. Можно дать ссылку сразу на нужный раздел — удобно делиться.
Когда добавлять и как сделать правильно
Оглавление нужно длинным материалам — лонгридам, гайдам, инструкциям. Короткой заметке оно ни к чему. Несколько правил:
- Стройте из заголовков. Пункты оглавления = заголовки H2 (при необходимости H3). Так оно отражает реальную структуру.
- Понятные идентификаторы. Лучше осмысленные (
#kak-dobavit), чем абстрактные (#section1). - Автогенерация. На CMS оглавление обычно делает плагин — собирает его из заголовков сам и обновляет при правках.
- Плавная прокрутка. Приятный, но необязательный штрих — мягкий скролл к разделу.
Коротко
Оглавление в начале длинной статьи с переходами к разделам помогает читателю быстро найти нужное, а не скроллить весь текст. Делается на якорных ссылках: заголовку дают идентификатор (id), а в оглавлении ставят ссылку на него (#id). Это улучшает удобство и поведенческие факторы, повышает шанс на быстрые переходы в выдаче и дисциплинирует структуру заголовков. Добавляйте оглавление длинным материалам, стройте его из заголовков с понятными id, на CMS — плагином.