Как сделать содержание статьи wordpress
Как сделать содержание статьи в WordPress – 2 простых способа
Добрый день, дамы и господа!
Сегодня я решил рассказать вам о том, как сделать содержание статьи в WordPress. Реализовать это можно двумя разными способами: как вручную, так и с помощью плагина. В этом материале мы рассмотрим оба способа. Итак, начнем.
Зачем нужно содержание
Обычно оглавление используется для улучшения поведенческих факторов на ресурсе. Иными словами, если пользователь будет видеть, что в содержании есть нужный фрагмент, который и был ему интересен, то он не покинет ваш сайт, а прочтет эту информацию, что, в свою очередь, улучшит показатели поведенческих факторов вашего проекта.
Структура заголовков статьи – очень важный аспект при написании текстов. Если вы просто оставите полотно текста без каких-либо разделений на смысловые части, то вашим пользователям будет крайне неудобно читать такой текст. Они просто не будут понимать что к чему и, скорее всего, просто не станут читать ваше произведение искусства.
Чтобы не допустить этого, вы должны разделять все тексты на смысловые части, а также рекомендуется составлять заголовок к каждой из них. Так читатели будут понимать, о чем пойдет речь в том или ином разделе ваших материалов. Вот наглядный пример оглавления одной из статей на нашем блоге.
Заголовки важны и при SEO-продвижении. Так, например, ключ, который содержится в главных заголовках (H1) и подзаголовках (H2), обязательно будет учитываться всеми известными поисковыми системами.
Если вы забудете прописать ключ в таких заголовках, сделаете их неинформативными и пустыми, то вероятнее всего ваш материал будет очень плохо индексироваться. Поэтому заголовки, подзаголовки и все, что образует структуру материала, не просто желательны, а необходимы для корректного продвижения вашего ресурса и его взаимодействия с поисковиками.
Оглавление помогает сразу видеть все эти заголовки, а значит и составные части вашего текста.
По этой причине многие вебмастера сейчас стремятся добавить на свой сайт содержание в силу того, что посетители, особенно переходящие по нецелевым запросам, могут закрыть статью, увидев что она начинается с каких-то отдаленных слов.
Пользователь может подумать, что в этом материале нет полезной информации для него конкретно. Однако содержание решает эту проблему. Оно сразу показывает ему, о чем данный материал.
Кстати говоря, среди СЕО-специалистов всех видов и мастей бытует мнение, будто содержание статей в ВордПресс помогает поисковикам лучше ранжировать материалы. Это значит, что сайт с оглавлением будет иметь некоторое преимущество перед аналогичным конкурентом. Насколько это правда судите сами, но я склонен верить этому по нескольким причинам. Дополнительные ключи в тексте – одна из них.
Содержание в статьях WP с помощью плагина
Наиболее простым и в то же время популярным способом реализации содержания в статьях WordPress является его создание с помощью плагина Table of Contents Plus. Его очень легко установить прямо из админки ВордПресс, используя каталог плагинов.
Просто перейдите в Плагины – Добавить новый, после чего введите название искомого плагина в окно поиска. Сразу после этого вы должны кликнуть по кнопке “Установить” и по завершению установки просто активировать TOC Plus. Звучит просто, не правда ли?
Как видите, при таком поисковом запросе внутри каталога на первом месте высвечивается чуть менее популярный плагин – Easy Table of Contents. Он обладает абсолютно такими же функциями, поэтому вы можете попробовать и его, при желании, конечно же.
Теперь, когда TOC Plus установлен и активирован, нам нужно понять, как им пользоваться. Переходим в настройки плагина, где видим примерно такую картину.
Плагин имеет поддержку русского языка и имеет вполне себе дружественный интерфейс. Поэтому его настройка не потребует каких-то специальных знаний. Нужно просто указать на позицию, установить минимальное количество заголовков, при котором оглавление будет показываться и решить, в каких типах содержимого оно будет.
Чуть ниже вы можете установить текст заголовка и кнопок “Скрыть”/”Показать”. Там же доступны настройки внешнего вида, плавной прокрутки и расширенных параметров.
С помощью последних вы легко и непринужденно сможете установить стоп-слова (заголовки с оглавлением этих слов не будут показаны), параметры вложенности (H1 – H6), префиксы для якорей и многое другое.
Среди прочего в расширенных параметрах есть опция, которая отвечает за наличие в оглавлении только строчных букв. Комбинируя эту настройку с определенным шаблоном внешнего вида, вы сможете добиться, чтобы оно выглядело по-настоящему красиво на вашем ресурсе. Я думаю, что нет нужды рассказывать о настройке TOC подробнее. Благодаря русскоязычному интерфейсу вы легко осилите это и сами.
С помощью этого плагина можно легко создать оглавление материалов в автоматическом режиме. Даже подстроить некоторые весьма важные параметры, что позволит сделать его интерактивным и полезным для читателей вашего сайта.
Как я уже говорил, создание содержания возможно не только с помощью TOC Plus. В каталоге представлено большое количество разных вариантов, с помощью которых можно это сделать.
Тот же Easy Table of Contents тоже пользуется популярностью у сообщества вебмастеров. И хоть активных установок там пока не так много, можно с уверенностью сказать, что данный плагин почти ничем не уступает Table of Contents Plus.
Но я бы все равно рекомендовал вам остановиться именно на этом расширении, т. к., кроме поддержки русского языка, оно имеет отличные возможности для тщательной и грамотной настройки оглавления для вашего сайта на ВП.
Установка вручную
Вы также можете сделать содержание вручную, используя для этих целей только HTML. В принципе, это не так уж и сложно, нужно лишь слегка попотеть и вручную добавить якоря к каждому заголовку в вашем тексте. Когда статей не так много, это не страшно, но когда их сотни и тысячи… Тут-то и могут возникнуть проблемы. Решать все равно вам, я же просто расскажу вам об этом способе более подробно.
Перед каждым заголовком в вашей статье, вы должны добавить якорь, который имеет следующий вид.
Теперь в нужном месте вашего материала будет выводиться оглавление. С его помощью читатели легко смогут ориентироваться в материалах вашего сайта. При желании вы можете изменить внешний вид созданного содержания, используя для этих целей CSS.
Обратите внимание, что хоть данный способ и лишает вас необходимости устанавливать еще один дополнительный плагин, он все равно остается очень трудозатратным. Даже при наличии 5 заголовков в одной статье вам придется изрядно попотеть, выискивая все заголовки в коде и расставляя там якоря. Далее вам будет необходимо расставить ссылки на все эти якоря и прописать названия всех заголовков.
К большому сожалению, без должных знаний в области html и css вы не сможете хорошо настроить визуальную составляющую вашего оглавления. Вполне возможно, что оно будет выглядеть просто ужасно, просто не вписываясь в общую концепцию оформления статьи и всего ресурса в целом.
Заключение
Надеюсь, теперь вам понятно, что такое содержание статей в WordPress. Настройка и использование плагина не должны вызывать у вас каких-то затруднений. Установил, активировал и уже почти все готово.
С ручным добавлением, конечно, может быть чуть сложнее. Однако это больше трудоемкое и нудное занятие, сложным его не назовешь. Нужно лишь расставить якоря в тексте над заголовками, после чего составить список в начале страницы, сославшись на все эти якоря. По дизайну – будет не очень, если конечно, вы не разбираетесь в стилях CSS. С их помощью можно сделать действительно крутое оглавление для статей ВордПресс, не прибегая к установке сторонних плагинов.
То же возможно и при дополнительных знаниях устройства самого WordPress вместе с PHP. Можно вручную написать скрипт, который будет добавлять оглавление во все статьи лучше любого плагина.Если вы хотите создать информационный сайт и зарабатывать на нем, то я могу посоветовать вам курс Василия Блинова “Как создать блог”. На этом курсе вы рассмотрите большое количество важных и полезных аспектов создания собственного блога для заработка, научитесь оптимизировать свои статьи и выводить их в топ. Не обойдется и без темы о содержании статей. Если вам интересно, действуйте, к тому же доступ к 1-му уровню для всех свободный.
Как создать в WordPress содержание записи или страницы
Наличие содержания (оглавления) в статье упрощает пользователям переход к разделу, который они хотят прочитать. В этой статье вы узнаете, как создать содержание в записи WordPress и на страницах без написания HTML или CSS.
Зачем добавлять содержание в посты WordPress
Возможно, вы видели оглавление на таких сайтах, как Википедия. Оглавление упрощает пользователям переход к разделу в длинных статья к определенному разделу. То есть каждая строка содержания – это внутренняя ссылка на определенный раздел статьи.
Это также SEO полезная функция, потому что Google автоматически добавляет ссылку перехода к разделу рядом с вашим сайтом в результатах поиска.
Вы можете вручную создать оглавление в WordPress, написав код HTML. Но для новичков это сложно, потому что нужно вручную создать список, добавить ссылки и атрибут идентификатора в статье. Рассмотрим более приемлемый способ.
Создание содержания в WordPress
После активации перейдите на Settings » Table of Contents (Настройки » Содержание). Отсюда можно управлять общими настройками для оглавления, такими как выбор позиции, выбор ярлыка для каждого пункта и т. д.
Можно включить или отключить автоматическую вставку содержания для каждого типа записей. Если включено, плагин автоматически добавит оглавление для любой статьи, содержащей более 4 заголовков. Вы можете изменить это количество, указав приемлемое для вашего контента.
Далее можно изменить внешний вид окна оглавления. Выберите тему, отрегулируйте ширину и высоту, задайте размер шрифта или создайте собственную цветовую схему.
Все плагины для работы с контентом в разделе Плагины WordPress.
После этого перейдите в раздел «Дополнительные настройки». Параметры по умолчанию будут работать для большинства веб-сайтов, но можно просмотреть эти параметры, чтобы узнать, хотите ли вы что-либо настроить.
Не забудьте нажать кнопку «Сохранить изменения», чтобы сохранить выбранные настройки.
Добавление содержания в записи и на страницы WordPress
Если вы не отключили автоматическую вставку, плагин автоматически будет добавлять оглавление в записи на основе выбранных настроек. Вы также можете управлять настройками в редакторе записи.
На экране редактирования записи вы увидите новый раздел для добавления и управления оглавлением.
В этом разделе можно отключить опцию автоматической вставки оглавления в запись, если, например, статья короткая. Также можно определить, какой уровень заголовка (H1, …, H6) использовать для элементов оглавления.
После того, как статья с несколькими заголовками оформлена, нажмите Просмотреть, чтобы убедиться. что Содержание отображается правильно.
Оглавление статьи появится чуть выше первого заголовка. Теперь ваши читатели нажмут на пункт оглавления и перейдут к разделу, который их заинтересовал.
Оглавление / Содержание статьи WordPress с плагином и без
Если вы не поняли о чём идет речь, посмотрите например: в Википедия, да и не только на ней, у многих блогеров присутствует блок содержание статьи с заголовками постов.
Содержание блок для WordPress
Навигация по статье как в Википедии:
Навигация по статье в Вики
Используйте содержание статьи WordPress
Вот, для исправления такой ошибки и нужно обязательно сделать содержание статьи WordPress.
Оглавление помогает разбить содержимое на более мелкие, усваиваемые части. Это облегчает чтение, что, в свою очередь, приводит к лучшему ранжированию.
И так, создать такую навигацию по статье можно с помощью плагина (легче всего) и без, с применением якоря, то есть, в ручную. Рассмотрим оба варианта, а вы выберите то, что вам удобней.
Содержание / Оглавление статьи WordPress с помощью плагинов
Содержание поста легче всего сделать с помощью специальных плагинов. На данный момент существуют несколько популярных модулей и да, все они на русском языке.
Удобный для пользователя специализированный плагин, который позволяет вставлять оглавление / содержание в ваши сообщения, страницы и пользовательские типы сообщений.
Плагин WordPress Easy Table of Contents
Модуль уже установили на данный момент 1 857 960 раз. Официальная страница Easy Table of Contents ru.wordpress.org
Идем дальше. Следующий у нас будет просто супер Plugin, до этого были только «цветочки», а теперь пошла «вкусная ягода». Встречайте.
Мощный, но удобный для пользователя плагин, который автоматически создает оглавление / содержание статьи в ВордПресс. Может также выводить карту сайта для посетителей со списком всех страниц и категорий. Плагин на русском языке.
Плагин для WP Table of Contents Plus
Очень функциональный и удобный модуль, с помощью которого можно автоматически создавать блок навигации по статье, которая будет похожа на содержание в Википедии. С заголовками и подзаголовками, то есть, древовидную навигацию (иерархия).
Это больше, чем просто плагин оглавления в посте. Table of Contents Plus может также выводить карту сайта со списком страниц и / или категорий по всему вашему сайту.
Вот, как у меня получилось, содержание статьи:
Или так, с обтеканием текстом:
Навигация по статье
Настройки плагина Table of Contents Plus
Далее, можно настроить внешний вид содержания статьи:
Настройка внешнего вида
Выберите готовый стиль блока или создайте свой (Пользовательское):
Создание собственного стиля блока
Еще можно произвести дополнительные настройки, нажав Расширенные, откроется продолжение, где можно отметить с какими тегами формировать содержание статьи, от h1 по h6.
После всех настроек навигации в статье, не забудьте нажать кнопку Сохранить настройки.
Вот вроде и всё, ах да, если вдруг вы не захотите отображать содержание в определённой статье, перед публикацией её вставьте такой код [no_toc]. И последнее, с помощью данного плагина можно создать карту сайта.
Карта сайта: Создает список всех страниц и категорий для вашего сайта WordPress. Вы можете использовать это в любом посте, странице или даже в текстовом виджете. Обратите внимание, что это не будет включать в себя индекс сообщений, поэтому используйте sitemap_posts, если вам нужен этот список.
Пример шорткода sitemap_posts. Это позволяет вам распечатать индекс всех опубликованных сообщений на вашем сайте ВордПресс. По умолчанию статьи перечислены в алфавитном порядке, сгруппированные по первым буквам:
В самом простом случае размещение [sitemap] на странице автоматически создаст карту сайта всех страниц и категорий. Это также работает в текстовом виджете. Настройка HTML карта сайта для сайта WP:
Настройка Карта сайта в плагине Table of Contents Plus
Очень удобно и навигация по статье, и сразу можно создать карту сайта в ВордПресс для читателей. Лишний плагин не надо устанавливать.
И ещё, не могу пропустить новый plagin от LuckyWP. Он автор многих полезных расширений под WP, таких как: добавляем код на сайт с LuckyWP Scripts Control, уведомление о cookie с LuckyWP Cookie Notice (GDPR) и других.
Создаёт SEO-дружественное содержание для ваших постов, страниц и произвольных типов постов. Полностью настраиваемый внешний вид. Уже 302 234 установок.
Расширение WordPress LuckyWP Table of Contents
LuckyWP Table of Contents работает автоматически или вручную (через шорткод, Gutenberg-блок или виджет). LuckyWP Оглавление (Содержание) был успешно протестирован со следующими плагинами:
У него полно возможностей. Подробно можно почитать на странице WordPress.org. Вот некоторые характеристики:
Установка плагина стандартная. А это вкладки для настроек:
Для автоматической вставки содержания в посты, выберите опцию
Автодобавление содержания в настройках плагина (вкладка Автодобавление). Поддерживаемые позиции:
Также вы можете выбрать типы постов, в которые будет автоматически добавлено оглавление.
Вот как выглядит работа плагина. Нумерация элементов: десятичные числа по порядку и вложенные. Ссылка Показать/Скрыть (опционально):
Содержание на сайте WordPress
И например, внешний вид можно настроить любой:
Замечательный плагинчик. Рекомендую.
Как сделать якорь ссылку. Навигация в статье без плагина
Как создать якорные ссылки в WordPress? Очень просто. Принцип действия якорей: в нужном месте вашей статьи ставите определенную метку и потом делаете ссылку на нее (наше содержание). Кликнув по ссылке, читатель сразу попадает в нужное место раздела статьи. И так, приступим.
Якорем называется закладка с уникальным именем на определенном месте веб-страницы, предназначенная для создания перехода к ней по ссылке. Якоря удобно применять в документах большого объема, чтобы можно было быстро переходить к нужному разделу.
Допустим, у вас есть в статье пять заголовков с тегами h2, нам нужно создать в начале статьи или в любом месте записи меню, только в переключив вкладку в редакторе сообщений на «Текст»:
Теперь, добавляем к каждому заголовку статьи якорь, соответственно нашему созданному содержанию, в нашем случае это цифры из меню 1, 2, 3, 4, 5 без решётки. Выделено красным цветом:
id=»1″ > Заголовок h2 номер 1
id=»2″ > Заголовок h2 номер 2
id=»3″ > Заголовок h2 номер 3
id=»4″ > Заголовок h2 номер 4
id=»5″ > Заголовок h2 номер 5
Объясню немного, то есть, начинаете писать статью,например: вступительную часть, затем меню с содержанием статьи с нужными заголовками. Далее, по ходу написания сообщения создаёте или вставляете заголовки с нашими якорями. Работать наша навигация будет после публикации вашего шедевра. После клика по ссылке в содержании, вас отправят на ту часть документа, на которую вы закинули якорь. Вот, как то так.
Лучше использовать этот метод когда ваша статья уже написана, так будет легче всего. В нужных местах записи расставьте метки (якоря), куда будут переходить ваши читатели. Только в режиме «Текст»:
Как сделать ссылку на якорь? В любом месте статьи, всё таки лучше, как всегда в начале, пишем названия нашего содержания и каждый заголовок по очереди выделяем мышкой, нажимаем в визуальном редакторе кнопку Вставить/изменить ссылку:
Позвольте друзья откланяться, совсем не надолго. Пока и до новых встреч. Всем удачи.
8 бесплатных плагинов для создания содержания статьи в Вордпресс
Обновлено: 19 июля 2021
Существует много плагинов, которые выводят оглавление страницы или записи. Некоторые делают это автоматически, другие – с помощью шорткодов. В одних много настроек, а другие просты в использовании. Для вас я сделал обзор восьми лучших плагинов содержания статьи для WordPress.
Также рекомендую ознакомиться:
Перед тем как перейти к описанию плагинов содержания для Вордпресс, хочу порекомендовать быстрый и выгодный хостинг NETX . За 1,5 доллара в месяц он предлагает 15 гигабайт SSD памяти и возможность разместить 5 сайтов. Для тех, у кого большая нагрузка, можно заказать VPS от 3 долларов в месяц.
Пользуюсь этим хостингом с августа, пока не было никаких проблем. Ни разу он не падал, сайты всегда доступны. Для сравнения – шаред хостинги с аналогичными условиями обычно в 2-3 раза дороже. Поэтому всем рекомендую зарегистрироваться и переносить свои сайты сюда .
Код или плагин?
Всех вебмастеров можно поделить на два типа: одни предпочитают прописывать коды, а вторые – использовать плагины. Содержание статьи несложно вывести путем добавления кода в файлы темы, но так ли это удобно?
Если вы не используете кастомную тему вордпресс, значит, ваш шаблон периодически обновляется. При обновлении темы загружаются новые файлы, которые устанавливаются вместо старых. Соответственно, все ваши правки с кодом теряются.
Можно, конечно, отдельно выписывать код и добавлять его после каждого обновления. Но зачем, если есть плагины? После установки свежей версии шаблона они исправно работают и нет нужды вносить правки в системные файлы.
Конечно, с помощью кода можно реализовать все свои пожелания. Но что будет, если вам придется вносить изменения? Хорошо когда вы сами умеете кодить, а если нет? Придется искать программиста или просить знакомых.
А с плагинами такая проблема отпадает – вы самостоятельно сможете все настроить. Максимум что может от вас потребоваться – знание английского языка. Да и то, большинство хороших плагинов для оглавления уже переведены на русский.
В общем, плагины – наше все 
А теперь давайте перейдем непосредственно к обзору.
Extended Table of Contents (with nextpage support)
Самый простой и незатейливый плагин. Автоматически добавляет содержание в посты, но может работать и с другими форматами записей. Не обновлялся с прошлого года, но совместим с последней версией WordPress.
Плагин применим к разным типам записей и страниц (см. скриншот). Но, как по мне, это вариант для ленивого. Лучше выбрать что-то получше.
Table of Contents Generate Easily
Это альтернатива предыдущему плагину содержания. У него есть свои интересные функции, но нет многих полезных возможностей. Вы не сможете выбрать какие заголовки показывать, а какие нет. Зато у вас на выбор две цветовые схемы и три варианта расположения плагина.
Ultimate Blocks для Гутенберга
Это даже не плагин оглавления, это набор блоков для Gutenberg. Одним из них является блок содержания. Его вы устанавливаете на странице там, где удобно.
CM Table of Contents
Большое преимущество этого плагина оглавлений – возможность стилизовать отдельные элементы. Так же он поддерживает использование шорткодов. То есть, вы можете вставить содержание в любом месте страницы.
Простой плагин содержимого WordPress, который выводит оглавление страницы с помощью шорткодов. После установки вы не сможете выбрать какие-либо опции, их нужно прописывать в каждом шорткоде. Это одновременно и достоинство, и недостаток.
Table of Contents Plus (TOC+)
Easy Table of Contents
Функциональность плагина большая, он не уступает предыдущему Table of Contents Plus. Но имеет ряд кардинальных отличий. В настройках этого плагина для содержания вы можете:
№1 Лидер: LuckyWP Table of Contents
Как и в последних двух вы можете выбрать:
После активации в каждой записи появится дополнительное окошко в правой боковой колонке:
Нажав кнопку «Настроить», вы сможете определить настройки плагина для каждой отдельной записи или страницы. Как по мне, это очень удобно. Индивидуально можно выбрать цвета, шрифты, настройки и условия отображения подзаголовков и многое другое. На данный момент это лучший плагин для содержания статьи Вордпресс.
Конечно, плагинов для отображения содержания статей много. Но рассматривать их не имеет смысла. В этой подборке я собрал лучшие в своей категории. Представленных вариантов хватит, чтобы решить необходимую задачу. Свое мнение и вопросы вы можете оставить в комментариях. Не забудь поделиться публикацией с друзьями!