Перевірка заголовків H1–H6

Як виглядає правильна структура заголовків

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

• H1

  Один на сторінку

  Каже, про що сторінка, — зазвичай та сама тема, що й у title, словами, яких чекає читач.

• H2

  Основні розділи

  По одному на розділ чи запитання. Довгий текст без H2 важко читати, і AI-системам нема що цитувати.

• H3–H6

  Підпункти

  Вкладаються в розділ, до якого належать. Більшості сторінок H5 і H6 не потрібні взагалі.

• H2 → H4

  Пропущений рівень

  Стрибок на два рівні вниз ламає структуру для скрінрідерів. Поставте H3 або підніміть заголовок.

• <h2></h2>

  Порожній заголовок

  Зазвичай це іконка або відступ, розмічені як заголовок. Додайте текст або зробіть його звичайним елементом.

• font-size

  Рівень — не розмір шрифту

  Рівень обирають за структурою, а розмір задають у CSS. Дрібний H2 — нормально, великий H4 замість назви розділу — ні.

H1  How to choose running shoes
  H2  Know your foot type
    H3  Flat feet
    H3  High arches
  H2  Match the shoe to the surface
  H2  When to replace them

Як перевірити заголовки сторінки

1. 01

   Введіть URL або вставте HTML

   Перевірте живу сторінку або вставте код чернетки чи сторінки за логіном — вставлений HTML не залишає ваш браузер.

2. 02

   Перегляньте структуру

   Заголовки йдуть у порядку на сторінці з відступом за рівнем, а позначки показують пропущені рівні, порожні заголовки й повтори.

3. 03

   Почніть з H1

   Один H1, що каже, про що сторінка, і близький до title. Далі перевірте, що H2 позначають основні розділи.

4. 04

   Приберіть прогалини

   Замініть пропущені рівні на наступний за ієрархією, додайте довгому тексту змістовні H2 і запустіть перевірку ще раз.