RU
PortuguêsEnglishEspañolDeutschFrançaisItaliano日本語Русский中文
Главная Избранное
Voltar

Генератор оглавления для поста в блоге

Вставьте HTML поста (например, из редактора WordPress в режиме кода). Оглавление и HTML с id появятся сразу.

Как пользоваться

Кликабельное оглавление за секунды

Доступно на: PortuguêsEspañolEnglishDeutschFrançaisItaliano日本語Русский中文

Следующий инструментГенератор HTML-таблиц→
Реклама

Генератор оглавления для поста в блоге: для чего нужен

Вставьте HTML поста, например из редактора кода WordPress, и получите оглавление со ссылками на каждый раздел. Инструмент читает заголовки h2, h3 и, при желании, h4, сохраняет существующие id и создаёт недостающие из текста заголовка, без диакритики, через дефисы и без повторов.

Вы получаете два кода: оглавление, которое нужно вставить после введения, и пост с id в заголовках. Оглавление может быть раскрывающимся блоком или постоянной рамкой, с нумерацией 1, 1.1, 1.2 или без; плавная прокрутка учитывает тех, кто просил меньше анимации.

Как пользоваться

  1. Вставьте HTML поста.
  2. Выберите уровни, формат и нумерацию.
  3. Скопируйте оглавление и пост с id.

Когда использовать

  • Длинные посты в блоге.
  • Руководства и туториалы.
  • Страницы с частыми вопросами.

Частые вопросы

Помогает ли оглавление в Google?

Может помочь. Если у заголовков есть якоря, Google иногда показывает ссылки на разделы прямо под результатом, и человек сразу попадает в нужную часть. А в длинном посте оглавление с самого начала показывает, что текст отвечает на вопрос.

Что, если у заголовка уже есть id?

Инструмент сохранит существующий id и создаст только недостающие: из текста заголовка, без диакритики и через дефисы. Если у двух заголовков получится одинаковый id, ко второму в конце добавится -2.

Где разместить оглавление?

После введения, перед первым h2. Если оглавление длинное, используйте раскрывающийся блок (details), чтобы он не сдвигал текст вниз на телефоне.

Правда бесплатно?

Да, 100% бесплатно. Без регистрации, без подписки и без ограничений использования. Все инструменты Tools123 бесплатны.

Похожие инструменты

Большое спасибо за поддержку!

Каждое пожертвование помогает держать сайт в сети. Инструменты созданы, чтобы помогать вам, но у нас есть расходы на серверы. Если можете помочь, это очень важно! Выберите или введите сумму:

Безопасная оплата через Stripe. Откроется в другой вкладке.

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