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

Знаете ли вы, что добавление оглавления на веб-страницу не только помогает читателям ориентироваться, но и может улучшить поисковый рейтинг? В этом посте мы покажем вам, как легко создать оглавление в постах и ​​на страницах WordPress.

Мы также расскажем вам, как оглавление поста WordPress может улучшить поисковую оптимизацию (SEO) и рейтинг этого поста в поиске.

Готовый? Давайте начнем.

Зачем использовать оглавление в WordPress?

Оглавление (ToC) служит нескольким целям, принося пользу читателям и владельцу сайта.

Во-первых, читатели могут получить представление о темах, охватываемых более длинным постом или веб-страницей, без прокрутки вниз, чтобы увидеть весь контент.

А если вы используете ссылки в оглавлении, пользователи могут сразу переходить к этим разделам текста. Это также полезный вариант навигации для читателей.

Таким образом, добавление оглавления на вашу страницу WordPress может улучшить взаимодействие с пользователем. Как насчет SEO и вашего рейтинга в поисковых системах?

Как оглавление может улучшить SEO

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

Добавление ключевых слов и внутренних ссылок на ваши страницы потенциально может привести к более высокому рейтингу в поисковых системах. Google также может использовать ToC в качестве источника избранных фрагментов в результатах поиска, что увеличивает количество людей, которые нажимают ссылки на вашу веб-страницу.

Вот пример избранного фрагмента в верхней части результатов поиска:

Создание оглавления в сообщении WordPress не гарантирует, что вы получите рекомендуемый список. Но это дает вам шанс на такой рейтинг и видимость.

Простой способ создать оглавление в WordPress

Вы можете вручную создать оглавление на веб-странице с помощью HTML-кода. Мы покажем вам, как позже в этом посте.

Однако давайте начнем с рассмотрения самого простого способа сделать это на сайте WordPress. Самый эффективный способ создать ToC в WordPress — использовать плагин.

В этом уроке мы будем использовать плагин All in One SEO (AIOSEO) для создания оглавления на странице WordPress.

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

Мы рекомендуем AIOSEO Pro, который поставляется с мощными функциями, такими как помощник по внутренним ссылкам и менеджер перенаправления. Он также выполняет более простые SEO-задачи, такие как оптимизация заголовков, метаописаний и ключевых слов.

Некоторые из других замечательных функций и инструментов SEO в AIOSEO:

• Анализ и оценка вашего SEO на странице с четкими советами по улучшению
• Генерация пользовательской карты сайта
• Автоматическая разметка схемы для часто задаваемых вопросов, рецептов, статей и еще 15
• Оптимизация для местного и личного бизнеса
• Анализ ссылок на страницы, редактор robots.txt и многое другое

Этот премиальный плагин также упрощает создание оглавлений в WordPress. Продолжайте читать и узнайте, как!

Шаг 1. Установите AIOSEO

Первый шаг — установить All in One SEO на свой сайт WordPress. Для начала выберите план на AIOSEO.com и получите лицензию. Базовая версия дает вам доступ к функции оглавления.

После того, как вы зарегистрируетесь и получите лицензионный ключ, нажмите «Загрузить AIOSEO» , чтобы сохранить файл плагина на свой компьютер.

Теперь вам нужно войти в WordPress и установить этот файл. Откройте панель инструментов WordPress и щелкните ссылку меню Плагины »Добавить новый . Затем нажмите кнопку « Загрузить плагин » на этом экране.

Оттуда вы выберете файл, который вы только что загрузили с AIOSEO, и нажмите « Установить сейчас» .

Нажмите « Активировать плагин » на следующем экране, и ваш плагин AIOSEO активен и готов к использованию! Мастер установки поможет вам выполнить остальную часть настройки всего за несколько кликов.

Если у вас есть дополнительные вопросы об этом процессе, ознакомьтесь с руководством по установке All in One для AIOSEO Pro.

Шаг 2. Откройте запись или страницу WordPress

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

Вы также можете вставить ToC в опубликованный пост, если хотите. Обновление поста новым контентом и ссылками — отличный способ поддерживать актуальность контента сайта.

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

Мы будем использовать статью, которую вы читаете, в качестве примера.

Шаг 3. Добавьте блок оглавления AIOSEO

Следующим шагом будет размещение курсора на экране редактора WordPress в том месте, где вы хотите отобразить оглавление. Нажмите Добавить блок , и вы увидите всплывающее окно выбора блока.

Затем введите «aioseo» в поле поиска. Вы увидите несколько пользовательских блоков, включенных в AIOSEO, в том числе AIOSEO Table of Contents .

Нажмите на блок Table of Contents, и AIOSEO немедленно создаст ваш ToC. Вы увидите все заголовки разделов в том порядке, в котором они появляются в тексте публикации.

AIOSEO также автоматически создает кликабельные ссылки из элементов ToC на соответствующие заголовки.

Шаг 4. Отредактируйте автоматически созданное оглавление

Если вы удовлетворены структурой и содержанием вашего оглавления, вы можете продолжить и нажать кнопку « Готово ».

Однако, если вы хотите переупорядочить элементы оглавления или скрыть некоторые из них, AIOSEO позволит вам сделать это быстро и легко.

Чтобы удалить элементы из ToC, просто щелкните значок глаза справа. Они будут выделены серым цветом в таблице и не будут отображаться в оглавлении, отображаемом для пользователей.

Чтобы упорядочить элементы оглавления в другом порядке, нажмите кнопку « Изменить порядок» . Затем вы можете перетаскивать элементы в любом порядке.

Когда вы будете довольны содержанием и порядком оглавления, нажмите « Готово » . Ваше пользовательское оглавление теперь является частью вашей страницы. Нажмите «Предварительный просмотр », чтобы увидеть, как это выглядит на вашем реальном веб-сайте:

Если вы хотите, вы можете добавить заголовок над своим оглавлением или стиль, который вам нравится. Идите вперед и проверьте ссылки сейчас, чтобы убедиться, что они ведут к нужным частям вашего поста.

Когда вам нужно отредактировать ToC, просто щелкните внутри блока в редакторе. Вы вернетесь в режим редактирования в блоке AIOSEO Table of Contents .

После того, как ваше оглавление будет в самый раз, вы готовы к публикации!

Бонус: создайте оглавление WordPress без плагина

Если вы по какой-то причине не хотите использовать плагин для создания ToC, не волнуйтесь. Вы по-прежнему можете создать оглавление без плагина и предоставить те же преимущества для читателей.

Для этого сначала вы создадите список, а затем вставите ссылки из элементов списка в заголовки оглавления.

Однако вам не обязательно использовать формат списка. Вы можете сделать ToC со ссылками, используя обычное форматирование абзаца, но это не так распространено.

Для начала создайте список с помощью блока « Список » в редакторе блоков WordPress. Вы можете составить оглавление, используя упорядоченный (нумерованный) список или неупорядоченный (маркированный) список.

Добавьте все заголовки из вашего поста, которые вы хотите добавить в оглавление, в свой список.

Если хотите, вы можете сделать отступ элементов списка, выбрав их и щелкнув значок Увеличить отступ . AIOSEO делает это автоматически с помощью блока Table of Contents, но вам придется делать это вручную.

Связать элементы списка с якорным текстом заголовка

На этом этапе вы вставите ссылки в элементы списка. Эти внутренние ссылки приведут пользователей прямо к интересующему их разделу публикации.

Давайте используем наш первый заголовок в качестве примера, еще в редакторе блоков WordPress. Если вы поместите курсор в заголовок и щелкните, вы увидите меню параметров для этого блока. Щелкните меню с тремя точками справа и выберите Показать дополнительные настройки .

После этого вы увидите новое меню настроек на правой боковой панели. Нажмите на вкладку « Блок », чтобы увидеть дополнительные настройки для этого блока.

Следующим шагом будет копирование текста в поле HTML ANCHOR . Убедитесь и скопируйте все это точно, иначе ваша ссылка не будет работать. Если хотите, вы можете отредактировать якорный текст, прежде чем копировать его.

Теперь вернитесь к маркированному списку, который вы создали на последнем шаге. Поместите курсор в элемент списка, где вы хотите разместить ссылку, и щелкните значок « Ссылка ».

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

Щелкните стрелку « Возврат» , чтобы добавить ссылку и сохранить ее. Как видите, редактор блоков показывает вам, что это внутренняя ссылка, вместе со всем текстом анкорного текста.

Теперь вам придется повторить этот процесс для каждого элемента в вашем списке. Убедитесь, что вы предварительно просмотрели и проверили свои ссылки на наличие ошибок перед публикацией.

Отформатируйте и настройте список по своему усмотрению, и вы создали оглавление WordPress вручную, без плагина. Хорошая работа!

Заключение: как сделать оглавление WordPress

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

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

Еще не используете MonsterInsights? Чего ты ждешь?

И, пожалуйста, не забудьте подписаться на нас в Twitter, Facebook и YouTube, чтобы получать дополнительные полезные советы по Google Analytics.