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

Опубликовано: 24.08.2018

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

Заголовки-теги h1, h2, h3 - мифы, реальность и шо делать?

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

1	<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 (он отвечает за вывод отдельного поста).

Найдите строку:

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

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

Другие посты