Skip to main content

Чи можна використовувати кілька h1 на сторінці?

Так, можна, але потрібно з обережністю.


Історично:

Раніше рекомендувалося строго: лише один <h1> на сторінку, як головний заголовок документа. Це вважалося правильним для SEO і доступності.


Зараз (HTML5):

За стандартом HTML5 допустимо мати кілька <h1>, якщо вони використовуються всередині самостійних секцій - наприклад, у <article>, <section>, <aside>, <nav> тощо.

Приклад:

html
<main> <h1>Головний заголовок сторінки</h1> <section> <h1>Заголовок розділу</h1> <p>Контент...</p> </section> <article> <h1>Заголовок статті</h1> <p>Текст статті...</p> </article> </main>

Це допустимо, якщо кожен <h1> контекстуально є головним у своєму блоці.


Але на практиці:

  • Пошукові системи (Google, Bing) нормально обробляють кілька <h1>, але воліють, щоб основний <h1> був один, що відображає суть сторінки.
  • Скрінрідери і SEO-інструменти можуть, як і раніше, сприймати кілька <h1> як сигнал плутанини в ієрархії.
  • Для консистентності і зручності аналізу краще використовувати один <h1>, а далі <h2>, <h3> тощо.

Висновок: Можна, якщо розумієш, що робиш. Але найчастіше простіше і безпечніше: один <h1> на сторінку, ієрархія вниз. Це і чистіше, і зрозуміліше.

Коротка відповідь

Для співбесіди
Premium

Коротка відповідь допоможе вам впевнено відповідати на цю тему під час співбесіди.