Разметка страницы играет важную роль для SEO. H1-h6 – это заголовки, расположенные на странице, которые помогают поисковому роботу определять иерархическое строение страниц на сайте. Изначально они, как и Alt-тэги, были придуманы для слабовидящих людей, но сейчас они, в большей степени, используются поисковиками для сканирования текста. Правильная и продуманная разметка не только ускоряет обработку текста поисковыми роботами, но это и большой плюс в карму сайта, а, следовательно, в SEO продвижение. Существуют и другие тэги разметки страницы, например, div, span и т.д. Эти тэги используются для разметки шапки, подвала и сайт бара. Более подробно остановимся на значении тэгов h1-h6. Пользователю сайта мета-тэги видны чисто визуально, как заголовки и подзаголовки.
О значении тэгов можно прочитать в Яндекс Справке
Пример иерархического расположения тэгов:
Заголовки на странице и в статье
Визуально заголовки h1-h6 в большинстве текстовых редакторов различных CMS выглядят следующим образом:
Шрифт различной величины используется для того, чтобы подчеркнуть иерархию заголовков (h1-h6).
Заголовки в коде статьи:
<h1>Заголовок первого уровня h1</h1>
<h2>Заголовок второго уровня h2</h2>
<h3>Заголовок третьего уровня h3</h3>
<h4>Заголовок четвёртого уровня h4</h4>
<h5>Заголовок пятого уровня h5</h5>
<h6>Заголовок шестого уровня h6</h6>
Иерархия заголовков
Заголовки на странице должны иметь строгую иерархию .
Каждая страница начинается с заголовка h1. Он всегда идет первым и единственным, больше не повторяясь в структуре статьи.
Например, на нашем сайте он выглядит вот так:
В данном случае h1 – “Создание СМИ сайтов” — это заголовок страницы. Он не совпадает с title.
Вторым по значимости является заголовок h2, который может встречаться несколько раз в зависимости от объема и смысловой нагрузки контента.
Очень часто этого заголовка h2 достаточно для грамотного и правильного оформления страницы. Но бывает и так, что приходится использовать следующий заголовок: h3.
Заголовок h3 используется внутри текста, обозначенного заголовком h2, разделяя контент на дополнительные смысловые разделы.
Важно
Нельзя пропускать заголовки (использовать заголовки более низкого уровня без использования заголовков более высокого уровня). Например, нельзя использовать h3, если на странице не присутствует h2
Обычно для большинства текстов хватает заголовков: h1, h2, h3. Известно, что робот в течение определённого времени может обходить (проверять) не всю страницу сразу, а именно заголовки. Очевидно, что заголовки h4-h6 – это наименее важные заголовки для раскрытия смысла текста как в понимании поискового робота, так и в понимании человека.
Для чего же тогда использовать заголовки h4-h6? Ответ прост: для простановки якорей в текстах некоторых CMS. Например, текстовый редактор WordPress предлагает использовать якоря в заголовках. Тут, конечно, всегда можно возразить: «Зачем нужны якоря, когда проще использовать CSSID?». Можно, но Яндекс Турбо понимает только якоря. И чтобы не мучиться потом с правкой Турбо страниц, просто используйте заголовки более низкого уровня для простановки якорей.
h1 – самый главный
Что нужно помнить при написании h1?
- H1 не должен копировать title . На самом деле, это не возбраняется, но в title имеет смысл вносить ключевые слова, и tittle по определению должен быть более информативным, чем h1, потому что его видят ваши потенциальные покупатели. Более подробно про tittle можно прочитать здесь
- Заголовок размещается вверху всей страницы. Перед заголовком h1 нельзя использовать менее приоритетные заголовки h2, h3 и т.д.
- H1 должен содержать название вашей страницы и максимально точно определять её суть.
- Н1 должен быть всего 1 (один) на странице.
- Правильно составленный заголовок h1 должен привлекать внимание пользователя и соответствовать его ожиданиям, чтобы статью хотелось прочесть. Также этот заголовок посетители могут увидеть в меню либо на ссылке на ту или иную статью в других разделах сайта. Интересный заголовок h1 может способствовать переходу к другой статье, чтобы посетитель провёл больше времени на сайте, что учитывается поисковиками.
- Заголовок h1 указывает поисковым системам на то, что контент, расположенный на этой странице, соответствует вписанному в нее заголовку title, ранее изученному пользователем на странице поисковой выдачи.
Как использовать заголовки h2-h6
- Нельзя пропускать заголовки. Например, если на прописан заголовок h3, то перед ним обязательно должен стоять заголовок h2.
- Чем выше приоритетность заголовка, тем больше должен быть размер его шрифта. Во всех известных CMS эта функция, как правило, реализована по умолчанию.
- Каждый заголовок должен быть емким и информативным, отображающим основную суть материала, следующего за ним.
- Не нужно спамить в заголовках ключевыми словами. В заголовках h2-h6 ключи использовать можно, но стоит делать это с осторожностью. Главное – это раскрыть суть информации, которая последует за заголовком.
- Нужно помнить, что в поисковую выдачу Яндекс вместо title могут попадать заголовки h2.
- Не нужно пытаться вставить все уровни заголовков в текст, руководствуясь принципом «чтобы было».
- Если объем информации небольшой, то заголовков h3-h6 может и не быть.
Основные ошибки использования заголовков h1-h6
- На странице встречается несколько заголовков h1. Это самая грубая ошибка, которая, как ни странно, допускается чаще всего. Главное правило: одина страница — один заголовок h1.
- Не соблюдается иерархия заголовков. Не все понимают этот момент, считая, что вправе оформлять текст так, как заблагорассудится. Поисковые системы считают иначе. Иерархия заголовков должна соблюдаться. Не должно быть h4 без h3, например.
- Заголовки, составленные из ключевых слов. Использовать ключи в заголовках можно, но только в пределах разумного. Не стоит оформлять в виде заголовка несколько ключей, перечисляемых через запятую. Как правило, заголовки содержат ключи в порядке их приоритетности. То есть, заголовок h1 включает в себя наиболее высокочастотный запрос, а заголовок h6 (если он используется) — низкочастотный запрос.
Заголовки h1-h6 в WordPress
Не секрет, что 70% сайтов в мире написано в самой распространённой CMS — WordPress.
Посмотрим, как проставляются заголовки h1-h6 на её примере.
Как только вы добавляете страницу или запись, что с точки зрения поисковых машин одно и то же, у вас появляется надпись, показанная на картинке выше. Это и есть h1 WordPress.
Остальные уровни заголовков добавляются следующим образом:
Сначала пишется абзац:
Затем этот абзац выделяется и преобразуется в заголовок:
Не забудьте выбрать уровень заголовка h2-h6.
Заключение
Правильное использование заголовков позволяет не только улучшить читаемость вашего текста, но и значительно облегчает “прочтение” вашей страницы поисковыми роботами, что положительно влияет на SEO страницы и сайта в целом.