Создание оглавления (ToC) в WordPress может оказаться сложной задачей для новичков. Даже если вы эксперт, использование стандартного метода WP может отнять несколько минут, которые можно было бы потратить на другие продуктивные дела.
В этой статье я покажу, как автоматически создать оглавление в WordPress и легко кастомизировать его, чтобы сэкономить время.
- Почему оглавление важно в WordPress
- Как создать оглавление внутри статьи WordPress
- Способ 1: Как автоматически создать оглавление WordPress
- Шаг 1: Добавьте блок «Оглавление» AIOSEO
- Шаг 2: Как кастомизировать оглавление
- Способ 2: Как вручную создать оглавление WordPress
- Шаг 1: Создание HTML-анкоров
- Шаг 2: Создание оглавления с помощью обычного блока контента
- Шаг 3: Свяжите подзаголовки внутри оглавления
- Как автоматически добавлять оглавление в мобильное меню WordPress
- Заключение
Почему оглавление важно в WordPress
Оглавление помогает пользователям легко перемещаться по публикации, улучшая пользовательский опыт (UX). Большинство читателей просто хотят перейти к разделу с ответом, который они ищут, и содержание помогает в этом.
Еще одно преимущество заключается в том, что оно помогает повысить показатель кликабельности (CTR) в SEO. Статьи с оглавлением выглядят более привлекательно и интерактивно на страницах результатов поисковых систем (SERP), поскольку они дополнены ссылками для перехода.
Ссылки для перехода — отличный способ побудить посетителей перейти на сайт и сразу перейти к разделу, который их больше всего интересует.
Высокий CTR сигнализирует поисковым системам, что люди считают контент ценным. В результате ваши СЕО-рейтинги улучшаются.
Еще одно преимущество оглавлений заключается в том, что они могут помочь вам попасть в сниппет, чтобы получить максимальный SEO-трафик.
ПС часто выбирают фрагменты контента в виде списков для отображения в качестве избранного сниппета. Главная причина заключается в том, что списки (такие как оглавления) и маркированные списки могут ясно и лаконично передавать ответы на вопросы пользователей.
Как создать оглавление внутри статьи WordPress
Самая большая сложность при создании оглавления в ВордПресс заключается в том, что добавление гиперссылок вручную может занять много времени.
К счастью, есть способ, который позволяет автоматически добавлять содержание в WP и даже кастомизировать заголовки.
В этом руководстве рассмотрим 2 метода: с помощью плагина и кода.
Способ 1: Как автоматически создать оглавление WordPress
Самый простой способ автоматически разработать оглавление в ВордПресс — использовать функцию «Оглавление» в плагине All in One SEO.
AIOSEO — один из лучших плагинов для СЕО в WordPress на рынке, которым пользуются более 3 миллионов владельцев сайтов. Помимо десятков мощных SEO-функций, он включает расширенный блок «Оглавление», который позволяет автоматически создавать содержание в WP.
Первое, что нужно сделать, — это установить и активировать AIOSEO Pro.
После установки и конфигурации плагина вы готовы добавить оглавление в ВордПресс.
Шаг 1: Добавьте блок «Оглавление» AIOSEO
Чтобы добавить содержание в пост в блоге, нужно всего лишь открыть редактор контента WordPress и нажать кнопку «Добавить блок».
Далее вам выбрать блок «AIOSEO – Оглавление».
Как только нажмете на «AIOSEO – Оглавление», он автоматически создаст блок содержания со всеми подзаголовками.
Шаг 2: Как кастомизировать оглавление
Блок «Оглавление» не только экономит ваше время, автоматически генерируя оглавление, но и обладает мощными функциями кастомизации. Например, вы можете:
- Персонализировать текст заголовков в оглавлении.
- Скрыть и изменить порядок заголовков внутри блока «Оглавление».
- Кастомизировать анкоры содержания.
Чтобы персонализировать оглавление, вам нужно нажать на меню кастомизаций блока.
Здесь вы можете изменить порядок элементов в оглавлении или скрыть определенные элементы.
Другие параметры кастомизации блока «Оглавление» вы найдете в сайдбаре редактора.
Здесь вы можете изменить стиль списка и другие расширенные персонализации дизайна.
После завершения кастомизации оглавления не забудьте сохранить черновик — и все готово.
Способ 2: Как вручную создать оглавление WordPress
Если не хотите использовать плагин оглавления в WP, вы можете создать его вручную. Однако этот процесс может быть очень трудоемким.
Шаг 1: Создание HTML-анкоров
Первый шаг — добавить HTML-анкоры к тегам заголовков или подзаголовков.
Они будут служить внутренними ссылками, которые будете использовать для связывания различных подзаголовков контента в содержании.
Для начала кликните на любой подзаголовок в редакторе контента.
Затем перейдите в параметры блока в сайдбаре и прокрутите вниз до раздела «Дополнительно». Затем введите свой тег в поле HTML-анкора.
Ваш HTML-анкор должен соответствовать подзаголовку. Это поможет вам запомнить анкор, связанный с каждым подзаголовком.
Шаг 2: Создание оглавления с помощью обычного блока контента
После создания HTML-анкоров можно приступить к разработке оглавления.
Сначала добавьте блок «Абзац» в том месте, где хотите отобразить содержание. Присвойте ему соответствующее название.
Затем добавьте блок «Список», в котором перечислите все подзаголовки. Можете либо набрать их вручную, либо скопировать и вставить.
Это будет вашим оглавлением.
Шаг 3: Свяжите подзаголовки внутри оглавления
После того как закончите создание списка содержания, следующим шагом будет связь его с подзаголовками с помощью созданных HTML-анкоров.
Для этого выделите элемент списка в оглавлении и нажмите на значок «Ссылка».
Затем введите HTML-анкор, соответствующий подзаголовку, на который создаете линк, и не забудьте поставить перед ним символ решетки (#). После этого нажмите на значок «Ввод» (или нажмите клавишу Enter на клавиатуре), и HTML-анкор будет добавлен в список оглавления.
Повторите этот процесс для остальных пунктов в содержании.
Как автоматически добавлять оглавление в мобильное меню WordPress
Рассмотрю еще один способ добавить оглавление WordPress, который отличается от двух описанных выше. Это более современное решение, нацеленное на повышение удобства посетителей сайта.
Чтобы оглавлением действительно пользовались, оптимально его всегда держать в поле зрения. Если просто закрепить содержание с анкорными ссылками на экране конкретной статьи, оно будет занимать огромную часть экрана и мешать читателю, а не помогать. Но есть решение — использование мобильных панелей-меню, куда можно добавить содержание и другие элементы для быстрого к ним доступа.
Сформировать удобное мобильное меню позволяет плагин WPBar. В списке элементов расширения имеется «Содержание». Используя его в плагине, вебмастер может:
Автоматически формировать меню на основе заголовков тех страниц (записей, товаров), где соблюдены условия его отображения. В качестве условия используется количество заголовков заданного типа.
Выводить содержание только в том случае, если оно действительно требуется. Для этого в плагине предусмотрены инструменты таргетирования по контенту. Отображать панели можно в блоге, отдельных рубриках, на конкретных страницах, в определенных кастомных типах записей.
Настраивать внешний вид самой панели-меню и всплывающего списка заголовков, который появится по нажатии на кнопку элемента «Содержание».
Содержание легко сделать одним из главных пунктов меню — увеличив его ширину относительно других элементов или выделив при помощи CSS. А может оно быть просто одним из нескольких компонентов. Все зависит от целей и задач на конкретном сайте.
В отличие от рассмотренных выше вариантов добавления оглавления, WPBar не требует выполнять никакие ручные действия на отдельных страницах. Все что нужно сделать — создать саму панель с пунктом «Содержание» и определить, где и как она будет выводиться. Это дает возможность в любой момент массово перенастроить внешний вид содержания или отключить его.
WPBar выводит плавающее меню в WordPress на любом шаблоне. Его использование — надежный способ улучшить поведенческие факторы сайта.
Скидка на WPBar
Заключение
Я надеюсь, что эта статья помогла вам узнать, как легко добавить оглавление в WordPress.