Длинная статья без оглавления — как книга без содержания: чтобы найти нужный абзац, читателю приходится прокручивать весь текст. Часть людей уходит на середине, часть — вообще сразу, потому что по первому экрану непонятно, есть ли в материале ответ на его вопрос. Оглавление решает обе задачи: показывает структуру и позволяет прыгнуть сразу к нужному разделу.
Разберу, как сделать его правильно и что это даёт сайту.
Что такое якорь и как он работает
Якорь — это ссылка на конкретное место страницы. Технически она состоит из адреса страницы и идентификатора элемента: адрес плюс решётка и короткое имя раздела. Когда пользователь нажимает такую ссылку, браузер прокручивает страницу к нужному заголовку, не перезагружая её.
Публичные якоря полезны и снаружи: если вы отвечаете в обсуждении или в мессенджере, можно дать ссылку не на весь текст, а на конкретный абзац — человек попадёт ровно туда, где находится ответ.
Зачем оглавление тексту
- Читатель видит объём и структуру материала за пять секунд и решает остаться.
- Дочитываемость и глубина просмотра растут: люди переходят по разделам, а не уходят после первого экрана.
- Поиск лучше понимает структуру страницы: список ссылок на разделы — это подсказка о том, какие темы раскрыты.
- В результатах поиска иногда показываются ссылки на разделы — переходы по ним идут сразу в нужное место.
- Вам проще поддерживать статью: при обновлении видно, какие блоки устарели и куда добавить новый материал.
Когда оглавление нужно, а когда мешает
Ориентир простой: если в тексте четыре и больше смысловых разделов и он длиннее примерно пяти тысяч знаков, оглавление оправдано. Для коротких новостей или заметок на полторы страницы оно только отвлекает — читатель успевает проскроллить сам.
Есть и второй случай, когда оглавление неуместно: страница услуги или лендинг с одним призывом. Там логика другая — человек должен дойти до формы, а не распрыгаться по якорям. В таких материалах лучше работают подзаголовки и визуальные акценты, а не навигационный список.
Как оформить: состав и порядок
Классическая схема: сразу после вступления идёт блок «Содержание» со списком разделов, дальше текст. При длине больше десяти тысяч знаков имеет смысл разбить список на две колонки на широких экранах и свернуть его в кнопку на телефоне.
- Пункты формулируйте по заголовкам, но убирайте канцелярит: читателю важна суть, а не «классификация основных подходов».
- Один пункт — один смысл, без вложенности третьего уровня: три уровня вложенности никто не читает.
- Добавьте в конце списка пункт «Частые вопросы», если такой блок есть в статье.
- Если материал делится на логические части, дайте им короткие подписи: «Что делать до старта», «Как считать результат».
Технические детали, о которых забывают
Уникальные идентификаторы. Каждый якорь должен встречаться на странице один раз. Если у двух разделов одинаковый идентификатор, ссылка всегда будет вести в первый — типичная ошибка при копировании блоков.
Понятные имена. Идентификатор лучше делать из латиницы и дефисов, коротким и читаемым: он попадает в адрес, которым люди делятся. Это тот же принцип, что и для нормальных адресов страниц, о котором мы писали в материале про понятные URL.
Отступ при переходе. Если у сайта фиксированное меню, при прокрутке к якорю заголовок уедет под шапку. Лечится небольшим отступом сверху у целевого блока — это правка на пять минут для разработчика, но заметная разница для читателя.
Ссылка «наверх». После длинного раздела полезно дать кнопку возврата к оглавлению: на телефоне это экономит несколько экранов прокрутки.
Как это связано с перелинковкой
Внутренние якоря — часть общей работы со ссылками на сайте. Если обычные внутренние ссылки соединяют страницы, то якоря соединяют разделы внутри одной страницы. Вместе они образуют навигацию, по которой человек двигается без возврата в поиск.
Полезный приём: в тексте статьи можно ссылаться не только на другие материалы, но и на свои же разделы. Например, в разделе про технические детали дать ссылку на блок с чек-листом. Такой приём работает в связке с обычной внутренней перелинковкой и делает длинный текст связным.
Типичные ошибки
Оглавление из служебных слов. «Введение», «Заключение», «Итоги» в списке занимают место, но не помогают выбрать, куда идти. Лучше формулировать по сути или не включать их вовсе.
Список без ссылок. Красивое содержание, где пункты не кликабельны, только раздражает: человек тянется нажать и не может. Если делать блок — делать его рабочим.
Автоматическое оглавление по всем заголовкам. Плагины часто включают в список вообще всё, включая подписи и мелкие подзаголовки внутри абзацев. Получается список на двадцать пунктов, в котором теряется главное.
Забыли обновить. Текст переписали, разделы переименовали, а содержание осталось прежним — и ссылки ведут в никуда. Проверяйте оглавление каждый раз, когда меняете структуру статьи.
Как оценить пользу
Смотрите на две метрики: глубину просмотра и время на странице. Если оглавление работает, растёт доля посетителей, которые доходят до второй половины текста. Второй признак: переходы по ссылкам с якорями в отчётах — если люди кликают по пунктам, значит, блок нашли полезным.
И ещё один косвенный эффект: статьи с продуманной структурой удобнее обновлять. Когда разделы обозначены, дописать новый блок проще, чем перебирать сплошной текст. А свежие дополнения — прямой путь к росту позиций, о чём подробно в статье про обновление старых статей.
Оглавление не увеличит трафик само по себе. Оно делает другое: помогает человеку остаться и дочитать. А это уже влияет на поведенческие факторы и, через них, на видимость страницы в поиске.