Ви заходите на довгу статтю, бачите стіну тексту й закриваєте вкладку через 3 секунди. Знайомо? Ваші читачі роблять точнісінько те саме, якщо на сторінці немає змісту.

Зміст вирішує одразу три завдання: користувач миттєво розуміє структуру матеріалу, переходить до потрібного розділу одним кліком, а пошуковик отримує гарний сніпет із якірними посиланнями прямо у видачі. Для довгих постів, гайдів і документації це не прикраса, а навігаційний must-have.

Але який плагін обрати, коли в каталозі WordPress.org їх десятки? Ми протестували 8 найпомітніших рішень для змісту, від мінімалістичних блоків Gutenberg до наворочених комбайнів із плаваючою панеллю. У цьому огляді, лише ті плагіни, які реально працюють, оновлюються й не гальмують сайт.

💡 Швидкий огляд:

• Обрати плагін під задачу: для Gutenberg, SimpleTOC або Joli TOC, для максимальної автоматизації, Easy TOC, для віджета в Elementor, вбудований віджет Pro
• Встановити плагін із каталогу WordPress.org і налаштувати автовставку під типи записів
• Перевірити зміст у мобільній версії, якірні посилання мають працювати без зміщення
• За потреби кастомізувати кольори, відступи та глибину заголовків під тему сайту

Порівняльна таблиця: усі 8 плагінів за 30 секунд

1. Easy Table of Contents

Найпопулярніший плагін змісту в каталозі WordPress.org, і не випадково. Easy Table of Contents встановлюється за пару кліків, сам парсить заголовки контенту й генерує зміст із якірними посиланнями. Під капотом, форк перевіреного Table of Contents Plus, але з допрацьованим інтерфейсом і підтримкою сучасних редакторів.

Плагін уміє автоматично вставляти зміст на початок поста, сторінки або довільного типу запису. Глибина заголовків налаштовується, список може бути нумерованим або маркованим, ієрархічним або пласким. Якщо стандартні колірні теми не підходять, збираєте свою: фон, рамка, колір посилань змінюються з адмінки без жодного рядка CSS.

Окремий плюс, сумісність із Rank Math: Easy TOC товаришує з його мікророзміткою й не створює конфліктів у сніпетах. Плагін працює з Classic Editor, Gutenberg, Divi, Elementor, WPBakery та Visual Composer.

Плюси:

• Миттєва автовставка без шорткодів
• Кастомні колірні теми змісту
• Нативна підтримка Gutenberg-блоку
• Ієрархічне або пласке відображення

Мінуси:

• Немає плаваючого змісту
• За дуже глибокої вкладеності (H5-H6) зміст стає громіздким

🔗 Easy Table of Contents на WordPress.org

2. Table of Contents Plus

Ветеран ніші, і досі в строю. Table of Contents Plus був еталонним плагіном змісту задовго до того, як Gutenberg став стандартом. Він не обзавівся блоком для нового редактора, але його шорткод [toc] і багата панель налаштувань досі закривають переважну більшість сценаріїв для класичного редактора.

Плагін уміє будувати динамічну мапу сайту зі списком усіх сторінок і рубрик — це унікальна фіча, якої немає в конкурентів. Правила вставки гнучкі: можна задати мінімальну кількість заголовків для появи змісту, виключити небажані рівні (H5, H6), перевизначити поведінку шорткодом на конкретній сторінці.

Нумерація реалізована за схемою Вікіпедії, проста й не залежна від CSS. Це плюс для кросбраузерності, але мінус для візуальної кастомізації: зовнішній вигляд змінюється лише через користувацький CSS.

Плюси:

• Генерація динамічної мапи сайту
• Тонке налаштування через адмінпанель
• Перевірена стабільність на тисячах сайтів
• Виключення заголовків за рівнем

Мінуси:

• Немає блоку для Gutenberg
• Останнє оновлення, листопад 2024, темп знизився
• Інтерфейс виглядає архаїчно

🔗 Table of Contents Plus на WordPress.org

3. SimpleTOC

Мінімалістичний Gutenberg-блок для тих, хто не хоче жодного зайвого налаштування. SimpleTOC додає в редактор рівно один блок, «Simple TOC», який автоматично збирає зміст із заголовків поточної сторінки. Жодної адмінпанелі, жодних глобальних налаштувань, жодного JavaScript.

У бічній панелі блоку налаштовуються дві речі: максимальна глибина заголовків і чи потрібно показувати заголовок «Table of Contents». Усе. Вивід, семантично чистий HTML (ненумерований або нумерований список), який успадковує стилі теми. Для заголовків, які не повинні потрапити до змісту, вішається CSS-клас simple-toc-hidden.

Блок оптимізований під Gutenberg повністю: колонкові макети, групи, конвертація в reusable block, усе працює з коробки. Чудовий вибір для лендингів, документації та корпоративних сайтів, де важлива прозорість коду й відсутність роздутого функціоналу.

Плюси:

• Нульовий оверхед: ані JS, ані CSS плагін не додає
• Чистий HTML, товаришує з будь-якою темою
• Reusable block для повторного використання
• Активні оновлення (v7.1.0, червень 2026)

Мінуси:

• Немає автовставки: блок потрібно додати вручну на кожну сторінку
• Не підходить для класичного редактора
• Мінімум опцій кастомізації

🔗 SimpleTOC на WordPress.org

4. LuckyWP Table of Contents

LuckyWP робить ставку на SEO: його мікророзмітка готова для сніпетів Google із якірними посиланнями прямо у видачі. При цьому плагін не жертвує кастомізацією, налаштування зовнішнього вигляду (ширина, обтікання, розмір шрифту заголовка, кольори) доступні з коробки.

Автовставка працює за типами записів. Є шорткод, Gutenberg-блок і класичний віджет, перекриті всі способи розміщення. Нумерація підтримує два формати: римські та десяткові цифри, ієрархічно або лінійно. Можна задати мінімальний поріг заголовків (скажімо, показувати зміст лише якщо в тексті 3+ H2), що рятує короткі нотатки від порожнього змісту.

Відбір заголовків гнучкий: за рівнем (від H2 до H6) і за текстом. Кнопка швидкої вставки винесена на тулбар класичного редактора, зручно для тих, хто не перейшов на блоки.

Плюси:

• SEO-мікророзмітка для сніпетів Google
• Широкі налаштування оформлення без CSS
• Римська та десяткова нумерація
• Тулбар-кнопка в класичному редакторі

Мінуси:

• Оновлюється нечасто (останнє, квітень 2025)
• Ієрархічний вигляд за замовчуванням не всім підходить
• При ввімкненні обтікання може конфліктувати з деякими темами

🔗 LuckyWP Table of Contents на WordPress.org

5. Joli Table of Contents

Якщо потрібен плаваючий віджет змісту, який слідує за прокруткою — це Joli TOC. У безплатній версії плагін дає автовставку, шорткод, вибір глибини заголовків (H2-H14) та 4 іконки для кнопок згортання. Pro за $29 додає 20 іконок, додаткові теми оформлення та власне плаваючу панель, яка підсвічує поточний розділ.

Joli TOC завантажує скрипти та стилі лише на сторінках, де зміст справді показується — це грамотний performance-підхід, який оцінять власники швидких сайтів. Зміст можна примусово увімкнути або вимкнути для конкретного допису, що зручно за нестандартного верстання.

Ієрархія налаштовується: можна задати свій відступ для кожного рівня вкладеності, вибрати плаский або деревоподібний вигляд. Нумерація опціональна, додається префіксом.

Плюси:

• Плаваючий зміст (Pro) із підсвічуванням розділу
• Умовне завантаження асетів (performance-friendly)
• Примусове увімк./вимк. на рівні допису
• 4 іконки згортання в безплатній версії

Мінуси:

• Ключова фіча (плаваючий віджет) лише в Pro
• Безплатних тем оформлення менше, ніж у Easy TOC
• Pro за $29/рік, не разова покупка

🔗 Joli Table of Contents (Lite) на WordPress.org🔗 Joli Table of Contents Pro

6. Heroic Table of Contents

Heroic TOC робить одну річ і робить її елегантно: 4 готові шаблони оформлення закривають візуальну частину без метушні з кольорами та відступами. Це плагін для тих, хто хоче «поставив і забув».

Автовизначення заголовків, два режими відображення (згорнутий і розгорнутий), позиціювання в будь-якому місці контентом. Секції змісту можна згортати та розгортати кліком, приємний UX-штрих для довгих статей із десятком підрозділів. Обмежень на кількість змістів на сторінці немає: можна вставити один на початку та додатковий у кінці розділу.

З недоліків, немає шорткоду та Gutenberg-блоку. Плагін покладається на автовставку, що не завжди зручно, якщо верстка допису нестандартна.

Плюси:

• 4 красиві шаблони з коробки
• Згортання/розгортання секцій
• Кілька змістів на сторінці
• Налаштування списку відображуваних заголовків

Мінуси:

• Немає шорткоду та Gutenberg-блоку
• Менше тонких налаштувань, ніж у Easy TOC
• Прив’язка до автовставки обмежує гнучкість

🔗 Heroic Table of Contents на WordPress.org

7. CM Table of Contents

CM Table of Contents вирізняється нестандартним підходом до формування змісту, він будується не лише за заголовками, а й за тегами, класами та ID елементів. Це відкриває сценарії, неможливі в конкурентів: наприклад, зібрати зміст із блоків із довільним CSS-класом або з елементів, обгорнутих у конкретний тег.

Плагін підтримує багаторівневі змісти, шорткоди для ручної вставки та автогенерацію для всіх сторінок сайту. Заголовок змісту кастомізується, розмір шрифту налаштовується. Під час завантаження сторінки зміст типово згорнутий, економить місце на мобільних екранах.

Однак інтерфейс налаштувань відчутно перевантажений, а візуальне оформлення базове, без готових тем і стилізації. CM TOC програє за зручністю новачкам, але виграє в технічно підкованих користувачів, яким потрібен контроль над джерелом даних змісту.

Плюси:

• Зміст за тегами, класами та ID, унікальна фіча
• Автогенерація для всіх сторінок сайту
• Згорнутий стан під час завантаження
• Шорткод для ручного розміщення

Мінуси:

• Перевантажений інтерфейс налаштувань
• Базове оформлення без готових тем
• Немає Gutenberg-блоку

🔗 CM Table of Contents на WordPress.org

8. Elementor Table of Contents Widget

Якщо ваш сайт зібрано на Elementor, вам не потрібен сторонній плагін. Вбудований віджет Table of Contents з’явився в Elementor Pro 2.8 і відтоді став стандартним інструментом для всіх, хто працює в цьому конструкторі.

Віджет пропонує вибрати тег для свого заголовка, задати список заголовків контенту для включення (від H1 до H6) і перемкнути стиль списку, нумерований або маркований. Зміст стилізується штатними інструментами Elementor: шрифти, відступи, кольори підбираються візуально, без коду. Адаптивне верстання працює з коробки.

Мікророзмітка для пошуковиків вбудована, Google бачить якірні посилання. Плюс sticky-підсвічування поточного розділу допомагає читачеві не губитися в довгих матеріалах. Єдиний мінус, залежність від Elementor Pro: використовувати віджет поза екосистемою конструктора неможливо, а річна підписка коштує $49.

Плюси:

• Повна інтеграція з візуальним редактором Elementor
• Візуальна стилізація без коду
• Sticky-підсвічування активного розділу
• Вбудована мікророзмітка

Мінуси:

• Вимагає Elementor Pro ($49/рік)
• Не працює поза екосистемою Elementor
• Обмежений однією сторінкою, немає глобальних налаштувань

🔗 Elementor Table of Contents Widget

Якщо ви краще сприймаєте візуально, ось коротке відео зі встановлення та налаштування Easy Table of Contents, найпопулярнішого плагіна з нашого огляду:

⁉️🤔 Часті запитання

Чи потрібен зміст для SEO?

Так, і ось чому. Google використовує якірні посилання (#section) для формування розширених сніпетів зі швидкими переходами, користувач із видачі потрапляє одразу в потрібний розділ. Плагіни на кшталт LuckyWP Table of Contents і Easy TOC спеціально генерують структуровану мікророзмітку для цього. Прямого впливу на позиції зміст не дає, але збільшує CTR сніпета та знижує показник відмов, а це вже ранжувальні сигнали.

Який плагін найкраще працює з Gutenberg?

SimpleTOC і Joli Table of Contents спроєктовані як нативні Gutenberg-блоки, вони не тягнуть за собою меню налаштувань в адмінці та працюють прямо в редакторі. Easy TOC теж пропонує блок, але він дублює функціонал автовставки, а не замінює її. Якщо ваш сайт повністю на блоках і ви прагнете мінімалізму, беріть SimpleTOC. Якщо потрібен плавучий зміст із підсвічуванням розділів, Joli TOC Pro.

Чи можна поставити два різні плагіни змісту одночасно?

Технічно можна, але сенсу в цьому нуль. Два змісти на сторінці створюють дубльовані якірні посилання та плутають пошуковики. Якщо потрібно кілька змістів (наприклад, загальний на початку та локальний усередині довгого розділу), Heroic Table of Contents підтримує мультивставку з коробки та робить це без конфліктів.

Чому Table of Contents Plus давно не оновлювався?

Останнє оновлення TOC Plus вийшло в листопаді 2024 року — це не критично для плагіна, чий код стабілізувався за десятиліття. Однак темп розробки справді знизився: немає Gutenberg-блоку, інтерфейс не перероблений під сучасний WordPress. Якщо ви починаєте з нуля, беріть Easy TOC (це його форк з активною розробкою). Якщо TOC Plus уже встановлений і працює, міняти не обов'язково, але майте на увазі довгострокову перспективу.

Що робити, якщо зміст конфліктує з темою?

Перше, перевірте налаштування обтікання: у LuckyWP і Easy TOC можна перемкнути float з left/right на none — це вирішує більшість конфліктів. Друге, якщо тема жорстко задає стилі для списків, SimpleTOC успадковує стилі теми без додавання власних і підійде найкраще. Третє, у Heroic TOC є 4 ізольовані шаблони, які не залежать від CSS-скидань теми.

Що ставити на сайт у 2026 році: підсумковий розклад

Вісім плагінів не означає, що вибирати потрібно наосліп. Ось коротка матриця рішень, яку ми вивели з практики:

• Вам потрібна максимальна автоматизація, ставте Easy Table of Contents. Автовставка за типами записів, вбудовані теми, робота з будь-яким редактором. Золота середина для абсолютної більшості сайтів.
• Ви живете в Gutenberg, SimpleTOC для мінімалістів, Joli TOC для тих, кому потрібен плавучий зміст. Обидва нативні, обидва не вантажать зайвого.
• **Ви на **Elementor, навіть не думайте про сторонні плагіни, вбудований віджет Pro закриває все.
• Вам потрібне унікальне джерело даних (не заголовки, а теги/класи), CM Table of Contents. Сценарій рідкісний, але коли потрібен, альтернатив немає.
• Вам важлива візуальна охайність без метушні з CSS, Heroic TOC з його 4 шаблонами.

Зайдіть у каталог плагінів, поставте той, що підходить під ваш редактор і задачу, і налаштуйте автовставку. П’ять хвилин, а читач скаже спасибі.