H1 – это HTML-тег, который используется для обозначения самого важного заголовка на веб-странице. Он сообщает поисковым системам и пользователям о ее содержании. Обычно на странице используются несколько уровней заголовков для структурирования контента.
Особенности заголовка H1
Вот главные характеристики заголовка H1:
- уникальность на странице. На одной странице должен быть только один тег <h1>. Наличие нескольких H1 может запутать поисковые системы и пользователей относительно ее содержимого;
- содержательность. Текст внутри тега H1 должен быть кратким, понятным и точно отражать содержание страницы;
- видимость. Заголовок H1 обычно отображается крупным шрифтом и выделяется визуально по сравнению с остальным контентом страницы. Это помогает ему выполнять свою роль в структурировании информации;
- ключевые слова. Текст H1 должен содержать главные ключевые слова, релевантные теме страницы, чтобы улучшать ее ранжирование в результатах поиска;
- расположение. H1 начинается с новой строки и располагается в начале страницы, сразу после открывающего тега <body>.
Для чего нужен заголовок H1
Заголовок H1 выполняет следующие функции:
- структурирование контента. Задает иерархию и структуру страницы. Указывает на ее главную тему и содержание. Все остальные заголовки должны быть логически связаны с H1;
- визуальное представление. Отображается как самый большой и выделяющийся заголовок на странице, что четко показывает посетителям, о чем она, и улучшает юзабилити;
- SEO-оптимизация. Поисковые системы используют текст H1 в качестве одного из сигналов релевантности при ранжировании страниц в выдаче. Правильно подобранный заголовок помогает странице ранжироваться выше по определенным запросам и способствует увеличению трафика на нее;
- повышение доступности. Семантически структурированные заголовки важны для людей, использующих вспомогательные технологии, такие как чтецы экрана. H1 помогает им быстро понять основную тему страницы;
- улучшение навигации. Заголовки используются как якоря для навигации на странице. Пользователи могут перемещаться по разделам, нажимая на них;
- повышение конверсии. H1, которые точно отражают содержание страницы, могут увеличить количество конверсий, побуждая пользователей совершать целевые действия.
Чем H1 отличается от Title
H1 и Title – это два разных HTML-элемента, которые различаются по:
- цели. H1 предназначен для информирования пользователей, а Title – для привлечения внимания;
- функциям. Title – элемент внутри <head>, определяющий заголовок вкладки браузера. Его основная цель – идентифицировать страницу при просмотре в вкладке или в результатах поиска. А H1 – элемент внутри <body>, задающий главный заголовок контента на веб-странице. Его цель – кратко описать содержание страницы для посетителей;
- видимости. Title невидим непосредственно на самой странице, он отображается только во вкладке браузера и результатах поиска. H1 является частью видимого контента страницы;
- роли в SEO. Title важнее для SEO, так как его текст используется в результатах поиска, а H1 – для пользователей, посещающих страницу;
- длине. H1 короче, чем Title.
Поэтому H1 и Title должны быть разными.
Вопросы-ответы
Желательно не более 60 символов с пробелами или 5-7 слов, чтобы поисковики учитывали заголовок целиком. Если он получился длиннее, ключевые слова нужно расположить в начале.
Каждая страница должна иметь уникальный H1, отражающий ее конкретную тему. Дублирование одного и того же заголовка на разных страницах негативно повлияет на SEO.
В этом случае рекомендуется сформулировать H1 наиболее общим образом, чтобы он охватывал все основные темы, а более конкретные подтемы раскрыть в подзаголовках H2, H3 и других.
