Чи можна використовувати кілька 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
Коротка відповідь допоможе вам впевнено відповідати на цю тему під час співбесіди.