HTML-заголовки

Текст веб-сторінки зазвичай містить: заголовки, визначення, цитати або фрагменти коду. Виділення таких текстових структур відбувається за допомоги спеціальних елементів, які допомагають надати тексту правильне стильове оформлення.

З іншого боку, текст, що був відформатований за певними правилами, допомагає пошуковим системам зрозуміти, які слова несуть важливе смислове навантаження, за якими краще ранжувати веб-сторінку в пошуковій видачі.

Заголовки.

Для створення базової текстової структури – використовують заголовки. В HTML існує 6 парних тегів, що формують заголовки:

<h1> Заголовок </h1>
︙
<h6> Підзаголовок </h6>

Буква “h” в назві тегу – це перша буква англійського слова “heading” (заголовок).

Тег <h1> позначає самий важливий заголовок (заголовок верхнього рівня), а тег <h6> позначає підзаголовок самого нижнього рівня.

Елементи <h1> … <h6> повинні використовуватися тільки для виділення заголовків нового розділу або підрозділу. Також, при використанні заголовків необхідно враховувати їх ієрархію, тобто за <h1> повинен слідувати <h2> і так далі.

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