Как создать оглавление в WordPress

Пользовательский опыт посетителя (UX) должен быть очень важен для вас как владельца или разработчика веб-сайта. Тем не менее, может быть трудно понять, охватили ли вы все свои основы, и что еще вы должны включить в свой сайт.

Одним из элементов, который часто упускают из виду, является оглавление (TOC) для вашего длинного контента. Добавление оглавления к каждому из ваших сообщений не только позволяет читателям находить именно те разделы, которые им интересны, но и делает ваш контент более организованным.

В этом посте мы представим различные варианты создания оглавления WordPress (включая плагины, шорткоды и HTML). Затем мы расскажем о двух популярных стилях и о том, как их достичь. Давайте начнем!

Почему я должен включать оглавление на свой сайт WordPress?

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

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

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

Получение расширенного сниппета — не точная наука. Однако списки (такие как оглавления) часто отображаются, потому что они могут давать ответы на вопросы искателей в ясной и лаконичной форме.

Добавление оглавления с помощью плагинов

Плагины — это идеальный способ расширить функциональность WordPress. Существует несколько доступных решений, которые обеспечивают простой способ добавления оглавления WordPress к сообщениям вашего сайта.

Наш любимый плагин оглавления WordPress — Fixed TOC. Вы также можете использовать другие плагины в сочетании с ним, такие как фиксированный виджет Q2W3, для дальнейшей оптимизации оглавлений на вашем веб-сайте.

Установить плагин просто. Все, что вам нужно сделать, это:

1. Перейдите в «Плагины» > «Добавить новый» на панели инструментов WordPress.
2. Загрузите ZIP- файл плагина (бесплатный или платный) или установите его из каталога плагинов (только для бесплатных плагинов).

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

Например, вот как создать TOC после установки Fixed TOC:

1. Перейдите в «Настройки» > «Фиксированное оглавление».
2. На вкладке «Общие» выберите, к каким типам сообщений вы хотите применить оглавление, какие уровни заголовков включить и где вы хотите разместить свое оглавление.
3. На вкладке «Цвет» выберите цветовую схему для оглавления.

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

Добавление оглавления с помощью шорткодов

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

Шорткоды упрощают добавление оглавления к вашим сообщениям, страницам, боковой панели и виджетам. Вот как:

1. Загрузите подключаемый модуль TOC, который использует короткие коды, или используйте подключаемый модуль без коротких кодов в сочетании с таким решением, как Shortcoder.
2. Найдите шорткоды, предлагаемые плагином, или создайте их с помощью Shortcoder.
3. Скопируйте шорткоды и вставьте их в любое место в WordPress (например, в запись блога). Shortcoder предлагает простые шорткоды оглавления, что упрощает добавление их на ваш сайт.

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

Как создать оглавление в WordPress без плагина

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

Создание оглавления с помощью HTML  

Хотя HTML может быть пугающим, создание оглавления с кодом на самом деле является отличным вариантом для тех, кому нужно простое решение для своего веб-сайта. Для этого вы вставите таблицу в WordPress и включите в закладки ссылки на определенные страницы.

Это, безусловно, самый простой ручной вариант — без излишеств и громоздкости. Конечно, вы можете сделать все возможное, если хотите, включив несколько цветов, различные стили шрифта и заголовки и многое другое. Вы ограничены только собственным творчеством и знанием HTML.

Использование шаблонов страниц архивов и ссылок для оглавления

Оглавления не всегда нужно размещать на отдельных постах и ​​страницах. Вместо этого вы можете создать «основной» оглавление, используя шаблоны WordPress. Это предустановленные дизайны страниц, которые позволяют создавать специальные страницы для таких элементов сайта, как архивы и ссылки.

Затем эти страницы можно использовать на вашем веб-сайте в качестве «главных» оглавлений, направляя пользователей именно к тому контенту, который они ищут. Например, возьмем страницу «Архивы оставления работы позади»:

Шаблоны для этих страниц обычно называются archives.php и links.php (хотя вы можете их переименовать). Некоторые темы включают эти страницы, но не все. Тем не менее, вы можете создать свой собственный с очень небольшими знаниями в области кодирования.

Стили содержания

Стиль вашего оглавления играет огромную роль в том, насколько хорошо он улучшает UX посетителей. Имея это в виду, давайте рассмотрим два самых популярных стиля содержания WordPress.

Плавающее оглавление

Плавающее оглавление — это виджет, который остается фиксированным сбоку страницы. Его реализация состоит из двух шагов. Во-первых, вам нужно настроить оглавление WordPress и добавить его на свой сайт WordPress в качестве виджета (используя один из предыдущих методов).

Как только это будет сделано, вы можете использовать подключаемый модуль фиксированного виджета Q2W3 (или аналогичное решение), чтобы виджет оглавления «застрял» сбоку страницы. Установив этот плагин, вернитесь в область виджетов вашего сайта и откройте виджет TOC. Затем установите флажок Фиксированный виджет :

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

Боковая панель оглавления

Подобно плавающему оглавлению, в этом методе боковая панель отображается справа или слева от вашей веб-страницы. Однако вместо того, чтобы прокручиваться вместе с пользователем, боковая панель оглавления остается в фиксированном положении (например, на WPBeginner):

Боковую панель TOC очень легко создать. Просто добавьте виджет TOC, если это возможно, или включите шорткод в существующий виджет боковой панели. Ваше оглавление WordPress будет отображаться как фиксированный аспект боковой панели.

Настройте свой сайт с помощью движка WP

Предоставление пользователям вашего веб-сайта UX высочайшего качества заставит их возвращаться за дополнительным контентом. В дополнение к обучению вас различным методам включения WordPress TOC в ваши сообщения и страницы, наши ресурсы содержат много ценных советов и приемов для улучшения вашего сайта.

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