Топ 5 плагинов оглавления для WordPress
Опубликовано: 2022-06-15- #1 – Героическое оглавление
- # 2 - LuckyWP Содержание
- #3 – Простой ТОС
- #4 – Простое оглавление
- #5 – НАВЕРХ Содержание
Если вы собираетесь потратить свое время на написание подробных статей, очень важно составить план наиболее важных тем для обсуждения. Затем, по мере написания основного содержания, вы можете начать добавлять/удалять подразделы, которые еще больше улучшат статью. В конце концов, у вас должен быть солидный список основных тем для обсуждения с соответствующими подзаголовками, в которых содержится более подробная информация.
Другими словами, лучший вид письма получается, когда вы можете создать надежное оглавление для конкретной темы, на которой вы сосредоточены. Точно так же полезно дать полную картину вашим читателям. В последние годы виджет «Оглавление» стал практически обязательным для постов в блогах, объем которых превышает 1000 слов.
И это потому, что во многих случаях люди ищут конкретные ответы, а не длинный список тем для обсуждения, которые, возможно, не имеют решающего значения для их вопроса. К счастью, WordPress (плагины) позволяет относительно легко добавлять оглавление к вашим сообщениям в блоге .
Итак, в этой статье я рассмотрю не только плагин, который сам использую в этом блоге, но и несколько альтернатив, которые, по моему мнению, отлично подходят для конкретных сценариев. Прежде всего, наличие нескольких вариантов позволяет вам выбрать тот, который лучше всего подходит для дизайна вашей темы, если вы не особенно заинтересованы в настройке дизайна виджета самостоятельно.
#1 – Героическое оглавление

Попробовав различные плагины, которые я потенциально мог бы использовать для этого блога, я остановился на плагине Heroic ToC, потому что он имеет все необходимые мне функции. В частности, я могу либо оставить оглавление открытым, либо закрыть его.
И это можно сделать для каждого поста в блоге отдельно.
Причина, по которой это важно для меня, заключается в том, что я почти всегда добавляю оглавление к своим сообщениям в блоге, даже если в статье есть только несколько ключевых тезисов. И причиной этого является поиск Google. Если вы не знакомы, Google Поиск может интерпретировать дополнительные ссылки (также известные как привязки HTML) и отображать их непосредственно на страницах результатов поиска. Это выглядит так:

Это полезно, потому что пользователи, которые ищут определенные запросы, могут напрямую перейти к разделу, в котором обсуждается тема/запрос, который они искали. Таким образом, даже если запись в блоге относительно короткая, это все равно отличный способ упорядочить контент для лучшей презентации Google.
Плагин Heroic имеет 4 встроенных стиля, но лично мне было относительно легко выбрать соответствующий класс CSS и настроить виджет по своему вкусу. И использовать его так же просто, как выбрать правильный блок на странице редактирования сообщения. У вас также есть возможность отображать/скрывать определенные теги заголовков, такие как h1, h2, h3 и т. д.
# 2 - LuckyWP Содержание

Я бы сказал, что дизайн LuckyWP, пожалуй, один из самых узнаваемых. С немногим более 90 000 активных установок — этот плагин используется в самых разных блогах WordPress. Компактный дизайн со встроенной иерархией заголовков позволяет очень легко добавлять оглавление к вашим сообщениям.
Если вам не нравится настраивать оглавление вручную, вы можете выбрать опцию автоматической вставки, которая будет размещать оглавление во всех сообщениях вашего блога. Его можно настроить для размещения в определенном месте сообщения блога. А для еще более глубокой настройки — вы можете разместить виджет шорткода вручную. Это также должно хорошо работать с виджетными областями, то есть вы можете применить эффект прилипания к виджету и иметь закрепленный виджет ToC в своих блогах.
#3 – Простой ТОС

Итак, одна вещь, которую мы еще не затронули, это тот факт, что многие из этих плагинов используют JavaScript для своей функциональности. Это означает, что если ваш браузер (или ваши посетители) не поддерживает JS, будет невозможно включить или выключить оглавление. В основном это проблема всякий раз, когда вы отображаете виджет ToC как закрытый изначально. Но, тем не менее, если вы пытаетесь сделать свой сайт как можно более доступным — использование плагинов, которые также поддерживают специальные возможности, имеет большое значение.

И одним из таких плагинов является SimpleTOC от Марка Тонсинга. Это яркий пример того, что для отображения аккуратного виджета «Оглавление» не требуется JavaScript или внешний CSS. Плагин автоматически наследует стиль темы, которую вы сейчас используете. Таким образом, даже если вы решите изменить свою тему в будущем, плагин SimpleTOC адаптируется к вашему новому стилю.
#4 – Простое оглавление

Очень немногие плагины WordPress имеют более 100 000 загрузок, не говоря уже о 300 000, как у плагина Easy Table of Contents. Это одно из самых популярных решений, которое используют пользователи WordPress для добавления виджета ToC в свои сообщения, страницы и области виджетов.
Что касается функций, которые делают этот плагин уникальным, вот некоторые из них:
- Настройте внешний вид, изменив цвета ссылок, фон и стили границ.
- Включите отображение/скрытие оглавления по умолчанию, и пользователи могут сделать то же самое.
- Фактически, настройте, какие заголовки используются для каждого сообщения — вы также можете настраивать стиль каждый раз, когда добавляете оглавление к сообщению или странице.
- Можно установить как фиксированный виджет, чтобы он прокручивался вместе с пользователем вместе с содержимым.
#5 – НАВЕРХ Содержание

TOP — это недавно выпущенный плагин Table of Contents от BoomDevs. Этот плагин сразу привлек мое внимание, потому что он многое делает правильно. Первая и, вероятно, самая интересная особенность заключается в том, что TOP имеет встроенную функцию закрепления ToC. Когда пользователь прокручивает контейнер ToC, он автоматически выравнивается по боковой панели. Идеально подходит для тех действительно длинных частей контента.
НАВЕРХ Содержание: основные характеристики
- Оптимизирован для использования с Gutenberg (как Block) и другими разработчиками веб-сайтов (такими как Elementor).
- Включите автоматическую вставку или используйте короткий код для отображения в любом месте (включая боковую панель).
- Пользовательские шаблоны: светлая, бледная и темная тематика.
- Все, от шрифта до цветов для отображения, можно настроить и настроить.
Естественно, плагин также оптимизирован для производительности и адаптации к мобильным устройствам.
Как изменить привязку HTML вручную
В заключение этой статьи я хочу кратко рассказать об изменении анкоров HTML вручную. Во многом потому, что любой плагин Table of Contents полагается на автоматическую вставку привязки. И в некоторых случаях это может вызвать проблемы, например, якорь имеет заранее определенный префикс. Вот так:

Вы можете щелкнуть любой заголовок в своей статье, затем на правой боковой панели перейти к «Дополнительно», и вы увидите назначенную привязку HTML для этого конкретного заголовка. В этом примере видно, что якорь имеет префикс htoc , который добавляется самим плагином. Затем вы можете удалить этот префикс и назначить более чистый якорь на основе конкретного заголовка.
Это в основном актуально, если вы хотите, чтобы ваши URL-адреса контента были чистыми. Это также делает его более приятным для обмена с другими людьми, поскольку URL-адрес не будет выглядеть так странно. И последнее, но не менее важное: я надеюсь, что один из этих плагинов отлично подойдет для вашего блога, как и для моего.
Есть ли какие-либо преимущества для SEO в оглавлении?
Помимо того, что Google создает дополнительные ссылки для разделов ваших статей и сообщений в блогах, добавление оглавления не дает никаких реальных преимуществ для SEO. Однако реальная выгода заключается в том, что вы обеспечиваете лучший пользовательский опыт для своих читателей, поскольку ToC упрощает быструю навигацию по контенту.
Как добавить липкое оглавление в WordPress?
Самый быстрый способ - использовать плагин TOP Table of Contents, однако также можно добавить липкое оглавление, используя виджет плагина, а затем сделав этот виджет липким.