Перейти к содержимому

Структурированное оглавление в Joomla 6

  • Федор Васильев
  • Joomla

Здравствуйте, на связи Фёдор Васильев, я специалист по Joomla. В этой статье подробно разберём, как сделать оглавление в Joomla 6 быстро и правильно. Покажу установку, настройку и практическое применение плагина JO Table Of Contents, а также дам рекомендации по SEO и юзабилити. В результате вы получите структурированное оглавление в Joomla 6 с поддержкой иерархии, якорей и кастомных стилей, чтобы повысить удобство чтения и поведенческие метрики.


Зеркала на видео:

Рутуб, Бусти

Источник: страница расширения JO Table Of Contents.


Почему оглавление в Joomla 6 важно для SEO и UX

  • Во‑первых, оглавление в Joomla 6 помогает пользователям мгновенно ориентироваться в длинных материалах, сокращая время до нужного раздела.
  • Во‑вторых, поисковые системы лучше понимают структуру контента, что положительно влияет на сниппеты и видимость подзаголовков.
  • В дополнение, правильная разметка заголовков H2/H3 вместе с кликабельным TOC повышает глубину просмотра и снижает показатель отказов.
  • Например, в руководствах, обзорах и лонгридах читатели чаще взаимодействуют с содержанием, когда видят понятное оглавление.


Обзор плагина JO Table Of Contents для Joomla 6

Плагин JO Table Of Contents — это лёгкое расширение для Joomla 5/6, которое автоматически сканирует заголовки в статье и строит навигационное меню. Согласно описанию разработчика JewelOsman на странице расширения JO Table Of Contents, он поддерживает:

  • Динамическую генерацию оглавления
    — плагин автоматически находит H2/H3/H4 и формирует TOC. Благодаря этому оглавление в Joomla 6 создаётся без ручной разметки.
  • Иерархический и плоский формат
    — можно выводить древовидную структуру либо ровный список. В результате вы адаптируете вид под формат статьи.
  • Настраиваемые типы списков
    — маркеры, нумерация или собственные иконки. Поэтому стиль TOC легко подстроить под дизайн шаблона.
  • Шорткоды управления
    — поддерживаются теги {notoc}, {jotoc}, а также параметры {jotoc list="type" fa-class="icon-class"} для точечного контроля в тексте.
  • Фильтрация по категориям
    — можно включать оглавление выборочно: по определённым категориям или глобально для всех материалов.
  • Переопределение настроек через шорткоды
    — удобно менять вид TOC в конкретной статье, не трогая глобальные опции.
  • Интеграция с Font Awesome
    — добавляйте иконки для пунктов оглавления, при необходимости загружая CDN.

Совместимость заявлена для Joomla 4, 5 и 6; лицензия GPLv2 или позднее; тип — свободное скачивание. Подробности и демо доступны со страницы JED; ссылка на загрузку ведёт на сайт разработчика.

Установка JO Table Of Contents: пошаговая инструкция

Чтобы корректно внедрить оглавление в Joomla 6, выполните простые шаги.

Шаг 1. Скачивание

  • Перейдите на страницу расширения JO Table Of Contents.
  • Нажмите «Get JO Table Of Contents (v1.0.0)» и скачайте пакет с сайта разработчика.

Шаг 2. Установка через админку Joomla

  • Откройте «Расширения» → «Установить».
  • Загрузите архив плагина и дождитесь завершения установки.
  • В результате плагин появится в списке плагинов контента.

Шаг 3. Активация плагина

  • Перейдите в «Расширения» → «Плагины» и найдите «JO Table Of Contents».
  • Включите плагин.
  • Однако перед сохранением загляните в параметры, чтобы настроить оглавление в Joomla 6 под ваш стиль.


Базовые настройки: как оформить оглавление в Joomla 6

Правильная конфигурация влияет и на UX, и на SEO, поэтому обратите внимание на ключевые опции.

Тип TOC: иерархия или плоский

  • Иерархический режим
    — строит древо уровней H2 → H3 → H4. Подходит для длинных руководств.
  • Плоский режим
    — выводит единый список заголовков. Например, хорошо для коротких обзоров.

Вид списка: маркеры, цифры или иконки

  • Маркированный список
    — визуально мягкий вариант для блогов и новостей.
  • Нумерация
    — подчёркивает пошаговость и порядок. В результате читателю проще следить за прогрессом.
  • Иконки с Font Awesome
    — добавляют брендированности. В дополнение можно включить подключение CDN при необходимости.

Категории, где показывать TOC

  • Глобально для всех материалов
    — быстро, но не всегда уместно.
  • Только выбранные категории
    — тонкая настройка для разных типов контента. Например, включить для «Документация» и выключить для «Новости».

Порог заголовков

  • Рекомендуется включать минимум с H2 и H3.
  • Подводя итог, избегайте слишком глубоких уровней (H5/H6), если они не несут смысла — это упростит навигацию.

Тонкая настройка через шорткоды

Шорткоды плагина позволяют быстро переопределять логику на уровне статьи.

  • Отключить TOC в конкретной статье:
    {notoc}
  • Вставить оглавление вручную (в нужном месте текста):
    {jotoc}
  • Изменить тип списка и иконки локально:
    {jotoc list="ol" fa-class="fa fa-list-ul"}
    — здесь list="ol" укажет нумерованный список, а fa-class добавит иконки.

Благодаря этому оглавление в Joomla 6 можно варьировать без изменения глобальных настроек.


Практика: как вписать TOC в дизайн и шаблон

Чтобы оглавление выглядело органично, следуйте нескольким правилам:

  • Расположение
    — ставьте TOC над первым H2 или сразу после вводного абзаца. Поэтому читатель моментально видит структуру.
  • Шрифты и размеры
    — подберите стиль, близкий к заголовкам материала. В результате оглавление не будет «спорить» с контентом.
  • Отступы и разделители
    — добавьте комфортные отступы, чтобы TOC не «слипался» с основным текстом.
  • Мобильная адаптация
    — проверьте кликабельность якорей и читаемость на телефонах. Например, уменьшите отступы и высоту строк.

SEO‑рекомендации для оглавления в Joomla 6

Чтобы оглавление в Joomla 6 приносило максимум пользы в SEO, соблюдайте хорошие практики:

  • Корректная иерархия H2/H3
    — используйте заголовки осмысленно и избегайте пропусков уровней. В результате поисковикам проще интерпретировать структуру.
  • Читаемые якоря
    — следите, чтобы текст пунктов TOC отражал суть раздела. Поэтому генерация якорей будет интуитивной и полезной.
  • Без «переспама»
    — фокусная фраза «оглавление в Joomla 6» должна встречаться равномерно, без нагромождений.
  • Внутренняя перелинковка
    — при необходимости добавляйте мини‑навигацию в конце длинных разделов: ссылки «к оглавлению» или «к началу».
  • Скорость загрузки
    — иконки Font Awesome подключайте через CDN только при реальной необходимости. В дополнение объединяйте ресурсы, чтобы уменьшить число запросов.

Частые сценарии использования

  • Обучающие статьи и мануалы
    — оглавление в Joomla 6 повышает вовлечённость и экономит время читателя.
  • Новости и обзоры
    — плоский TOC помогает быстро перескочить к нужному разделу, например к «Итогам» или «Плюсам/Минусам».
  • Документация и база знаний
    — иерархический режим делает сложные материалы прозрачными и логичными.

Типичные ошибки и как их избежать

  • Слишком много уровней заголовков
    — однако это ухудшает читабельность TOC; ограничивайтесь H2–H3 (редко H4).
  • Дублирующиеся заголовки
    — в результате якоря могут совпадать. Различайте формулировки, добавляйте контекст.
  • Слишком длинные заголовки
    — укоротите их, чтобы TOC не занимал полэкрана на мобильных.
  • Игнорирование мобильной вёрстки
    — поэтому обязательно тестируйте на разных устройствах.


Краткая инструкция: добавляем TOC в готовую статью

  1. Включите плагин JO Table Of Contents и выберите иерархию, тип списка и категории.
  2. Откройте материал, проверьте логичность H2/H3.
  3. Если нужно вручную указать место — добавьте {jotoc} после вступления.
  4. При желании настройте локальные параметры: {jotoc list="ol" fa-class="fa fa-circle"}.
  5. Сохраните и проверьте оглавление в Joomla 6 на десктопе и смартфоне.
  6. В результате получите удобную навигацию и улучшенные поведенческие метрики.

Ответы на частые вопросы

  • Совместим ли плагин с Joomla 6?
    — Да, на странице JED указана совместимость J4/J5/J6.
  • Можно ли отключить TOC в отдельной статье?
    — Конечно, используйте {notoc}.
  • Как поменять стиль для одного материала?
    — Добавьте {jotoc ...} с нужными параметрами. Например, смените тип списка и иконки.
  • Будут ли конфликты с шаблоном?
    — Обычно нет. Однако проверьте CSS‑наследование и при необходимости добавьте небольшие стили.


Подводя итог

Оглавление в Joomla 6 — это простой способ сделать длинные статьи управляемыми и удобными. Плагин JO Table Of Contents автоматически строит TOC по заголовкам, поддерживает иерархию, шорткоды и иконки. В результате вы улучшите навигацию, поведенческие метрики и читабельность, а также получите дополнительный плюс к SEO за счёт чёткой структуры материала. Настройте глобальные параметры, при необходимости используйте локальные шорткоды — и ваше оглавление в Joomla 6 будет выглядеть профессионально и работать безупречно.

Joomla 6, JO Table Of Contents

  • Просмотров: 102

Еще уроки по Joomla

images/Joomla/J-6/345455676576.jpg#joomlaImage://local-images/Joomla/J-6/345455676576.jpg?width=1280&height=720
| Федор Васильев | Joomla
Здравствуйте, на связи Фёдор Васильев, я специалист по Joomla. Если на сайте Joomla 6 у вас десятки или сотни материалов, то ручное редактирование title и description быстро превращается в рутину. Им…
images/Joomla/J-6/3.jpg#joomlaImage://local-images/Joomla/J-6/3.jpg?width=1280&height=720
| Федор Васильев | Joomla
Здравствуйте, на связи Фёдор Васильев, я специалист по Joomla. В этой статье подробно разберём, как сделать оглавление в Joomla 6 быстро и правильно. Покажу установку, настройку и практическое примен…
images/Joomla/J-6/12234.jpg#joomlaImage://local-images/Joomla/J-6/12234.jpg?width=1280&height=720
| Федор Васильев | Joomla
Здравствуйте, на связи Фёдор Васильев, я специалист по Joomla. В этом видео обзоре я покажу как обновить движок Joomla с 4 версии до 5, и после с 5 до 6 версии.
images/Joomla/J-6/znacek-utub--JOOMLA-vosstanovleno.jpg#joomlaImage://local-images/Joomla/J-6/znacek-utub--JOOMLA-vosstanovleno.jpg?width=1280&height=720
| Федор Васильев | Joomla
Здравствуйте, на связи Фёдор Васильев, я специалист по Joomla. В этой статье разбираем, как быстро и без кода добавить на сайт профессиональный обратный отсчет Joomla 6. Мы рассмотрим модуль JO Count…

© Школа Федора Васильева, все права защищены. 2014-2026

Почта: Адрес электронной почты защищен от спам-ботов. Для просмотра адреса в браузере должен быть включен Javascript. Телефон: 8 (960) 375-50-04