В современном интернете внимание читателя, это самый ценный ресурс. Когда пользователь открывает объемную статью, он хочет сразу понять, найдет ли он ответ на свой вопрос. Плагин Easy Table of Contents (EToC) для WordPress — это проверенное временем решение, которое помогает структурировать контент, улучшить поведенческие факторы и получить дополнительные бонусы от поисковых систем в виде расширенных сниппетов.
Данный плагин является логическим продолжением и форком популярного ранее Table of Contents Plus. Он сохранил легкость кода, но приобрел современные настройки совместимости с конструкторами страниц, такими как Elementor, Divi и Gutenberg. В этой статье мы подробно разберем, как настроить этот инструмент, чтобы он работал на ваш сайт, а не против него.
Почему выбор пал на Easy Table of Contents?
Существует множество способов добавить оглавление: вручную через якоря, с помощью Gutenberg-блоков или сторонних скриптов. Однако EToC лидирует по ряду причин:
- Автоматизация: Вам не нужно вручную прописывать ссылки для каждого подзаголовка.
- SEO-оптимизация: Плагин создает «быстрые ссылки», которые Google и Яндекс часто подтягивают прямо в поисковую выдачу.
- Гибкость: Можно настроить отображение только для определенных типов записей.
- Производительность: Минимальное влияние на скорость загрузки страницы.
Пошаговая настройка: Вкладка «Общие»
После установки и активации плагина перейдите в раздел Настройки -> ToC. Это «сердце» плагина, где определяются глобальные правила поведения оглавления.
Первым делом обратите внимание на пункт «Поддержка типов записей». Здесь нужно отметить галочками те типы контента, где оглавление теоретически может появиться. Обычно это «Записи» (Posts) и «Страницы» (Pages). Если вы используете произвольные типы записей (например, «Товары» или «Портфолио»), отметьте и их.
Следующий критически важный пункт, «Автоматическая вставка». Если вы хотите, чтобы содержание появлялось само во всех статьях, выберите те же типы записей, что и в предыдущем пункте. Это избавит вас от необходимости вставлять шорткод [ez-toc] вручную в каждый текст.
Условия отображения и позиционирование
Настройте параметр «Показывать, когда». Оптимальное значение, 3 или 4 заголовка. Если в вашей статье всего два подзаголовка, оглавление будет выглядеть избыточным и только запутает читателя.
Позиция оглавления по умолчанию, «Перед первым заголовком». Это стандарт индустрии. Читатель видит вводный абзац, а затем сразу получает карту статьи. Другие варианты (вверху, внизу, после первого абзаца) используются реже и зависят от специфики дизайна вашего шаблона.
| Параметр | Рекомендуемое значение | Комментарий |
|---|---|---|
| Заголовок оглавления | «Содержание» или «Навигация» | Должно быть понятно и лаконично. |
| Минимум заголовков | 4 | Исключает появление блока в коротких заметках. |
| Иерархия | Включено | Показывает вложенность H3 в H2. |
| Нумерация | Десятичная (1, 1.1) | Упрощает ориентацию в структуре документа. |
| Плавная прокрутка | Включено | Улучшает UX, избавляя от резких прыжков по странице. |
Настройка внешнего вида (Appearance)
Easy Table of Contents позволяет гибко настроить визуальный блок, чтобы он гармонировал с вашей темой.
Ширина: Рекомендуеться выставлять «Авто» (Auto) или 100%. Фиксированная ширина в пикселях может некорректно отображаться на мобильных устройствах. Если вы хотите, чтобы текст обтекал оглавление, выберите выравнивание «Слева» или «Справа», но помните, что на смартфонах это часто выглядит неопрятно.
Цветовая схема: В плагине есть предустановленные темы (светлая, темная, серая, голубая). Однако лучше использовать вариант «Пользовательская» (Custom). Здесь вы можете задать цвета фона, границ и ссылок, соответствующие вашему брендбуку. Важно, чтобы ссылки в оглавлении по цвету отличались от основного текста, намекая на их кликабельность.
Размер шрифта: Оптимально выставлять 90-95% от основного текста. Содержание должно быть заметным, но не доминировать над основным контентом.
Продвинутые настройки и SEO
Раздел «Расширенные» (Advanced) содержит функции, которые часто игнорируют, а зря.
Уровни заголовков: По умолчанию плагин берет все заголовки от H1 до H6. Это ошибка. H1 — это название статьи, оно не должно дублироваться в содержании. Заголовки H4-H6 часто используются для технических нужд или мелких уточнений. Идеальный выбор — H2 и H3. Это создает чистую и понятную структуру.
Исключение заголовков: Если у вас в каждой статье есть блок «Поделиться в соцсетях» или «Похожие статьи», оформленный заголовком H2, вы можете исключить его по ключевому слову. Просто впишите текст заголовка в поле «Exclude Headings», разделяя их вертикальной чертой |.
Якоря (Anchors): Плагин автоматически генерирует ID для заголовков. Если вы используете кириллицу, убедитесь, что в настройках не стоит принудительная транслитерация, если вы хотите сохранить читаемые URL, или наоборот — включите её, если ваш сервер плохо обрабатывает русские символы в ссылках.
Важность расширения PHP Intl
Для корректной работы с многоязычными сайтами и правильной обработки спецсимволов в заголовках, рекомендуется, чтобы на вашем хостинге было активно расширение PHP Intl. Это гарантирует, что якоря будут создаваться без ошибок, а переходы по ссылкам внутри страницы будут работать стабильно во всех браузерах.
Сравнение способов создания оглавления
Чтобы окончательно убедится в пользе плагина, сравним его с альтернативами:
| Метод | Плюсы | Минусы |
|---|---|---|
| Easy Table of Contents | Полная автоматизация, гибкий дизайн, SEO-эффект. | Дополнительный плагин в системе. |
| Нет нагрузки на базу данных, полный контроль. | Огромные затраты времени, риск ошибок в коде. | |
| Блоки Gutenberg | Встроено в редактор, визуальное управление. | Сложно настроить массово для всех старых постов. |
Этапы внедрения оглавления на сайт
- Анализ структуры: Проверьте, используете ли вы заголовки H2-H3 правильно (соблюдая иерархию).
- Установка: Скачайте плагин из официального репозитория WordPress.
- Базовая конфигурация: Включите авто-вставку для постов.
- Визуальная подгонка: Настройте цвета под дизайн сайта.
- Тестирование: Откройте самую длинную статью и проверьте работу ссылок и плавность прокрутки.
- Проверка в Google Search Console: Через пару недель проверьте, появились ли дополнительные ссылки в результатах поиска.
Типичные проблемы и их решение
Иногда оглавление не отображается. Самая частая причина — недостаточное количество заголовков в тексте (проверьте настройки лимита). Вторая причина, конфликты с темами, которые используют свои кастомные скрипты прокрутки. В настройках EToC есть галочка «Smooth Scroll Method», попробуйте переключить её между JS и CSS режимами.
Также стоит помнить о производительности. Хотя плагин легкий, он выполняет парсинг контента «на лету». Если у вас очень посещаемый ресурс, включите кеширование фрагментов (Fragment Caching). Это позволит серверу не пересобирать оглавление при каждом визите пользователя, а брать его из кеша, что существенно сэкономит ресурсы процессора.
Настройка Easy Table of Contents — это один из самых простых и эффективных способов улучшить качество вашего сайта на WordPress. Вы не только делаете контент доступным и удобным для чтения, но и помогаете поисковым роботам лучше понимать структуру ваших материалов. Уделите 15 минут качественной настройке параметров внешнего вида и фильтрации заголовков, и вы увидите, как время пребывания пользователей на страницах начнет расти. Помните, что хороший контент заслуживает хорошей навигации.
Использование этого плагина — это проявление заботы о читателе. В эпоху информационного шума люди склонны сканировать текст глазами в поисках конкретики. Дайте им эту возможность, предоставив четкий план статьи в самом её начале. Правильно настроенное оглавление станет тем самым мостиком, который превратит случайного посетителя в постоянного читателя.
