Тег H1: что, как и зачем.


Говоря об основных тегах HTML, нельзя не упомянуть тег H1, которому достаточно много уделяют внимания не только программисты и верстальщики, но и специалисты по поисковой оптимизации.

Тег H1 является парным тегом. Его синтаксис следующий:

1
<H1>Какой-то заголовок</H1>

Вот пример использования H1 на реальном сайте:

тег H1

Тег H1 относится к группе тегов для создания заголовков в HTML-коде страниц. Сюда относятся H1, H2, H3, H4, H5 и H6. Самым важным является H1, значимость остальных убывает от H2 до H6, то есть H6 имеет наименьший вес. По сути, заголовок определяет только один тег – H1, все остальные теги определяют подзаголовки.

Допустим, у нас есть статья, посвященная операционным системам. В данной статье мы рассматриваем несколько ОС: Windows, Linux и т.д. Мы могли бы озаглавить всю статью как «Операционные системы», заключив этот заголовок в тег H1, а в тексте использовать подзаголовки (с тегом H2) для описания отдельных систем:

1
2
3
4
5
6
<h1> Операционные системы </h1>
Вступительный текст
   <h2>Windows</h2>
    Рассказ о Windows 
   <h2>Linux</h2>
    Рассказ о Linux

Если бы нам понадобилось разбить текст о Windows еще на несколько частей, то можно было бы их заголовки заключить в теги H3.

Не стоит добавлять после H1 тег переноса на новую строку <br>. Браузеры автоматически добавляют его.
Поскольку тег H1 определяет заголовок верхнего уровня, то его содержимое, как правило, определяет главное содержание страницы. Это «знают» и учитывают поисковые системы, используя содержание такого заголовка для определения релевантности страницы тем или иным поисковым запросам (конечно же, совместно с другими признаками).

Нередко разработчики бесплатных шаблонов для сайтов забывают о значимости H1 и используют html-код подзаголовков (часто H2). Если у вас сайт на WordPress, вы можете проверить это в своей активной теме. Для этого зайдите через редактор шаблона и откройте файл single.php (он отвечает за вывод отдельного поста).
Найдите строку:

1
<?php the_title(); ?>

Эта строка должна быть заключена в тег H1:

1
<h1><?php the_title(); ?></h1>




Другие посты

Категория: HTML

Оставить комментарий