Примеры тегов заголовков h2 h3 h4 в SEO

Яндекс и Google учитывает эти HTML-элементы страницы при ранжировании. Роботы поисковых систем сканируют теги для семантического анализа, чтобы определить релевантность текста запросу. И присвоить высокую или низкую позицию в выдаче.

Удачная структура сыграет в плюс при продвижении сайта. За переспам можно получить санкции.

Иерархия

В языке HTML для обозначения иерархии заголовков используют цифры от 1 до 6. Самый важный и значимый — Н1. Это название статьи. Наименее значимый уровень – шестой.

Текст делится на логические блоки, им присваиваются заголовки второго уровня. Если информация под заголовком Н2 содержит несколько аспектов, то можно разделить ее на части с подзаголовками Н3. Каждая из этих частей может быть разбита на более мелкие куски текста с Н4. И так далее – до шестого уровня. Каждый следующий уровень подзаголовка раскрывает предыдущий.

Чаще всего достаточно двух-трех уровней, более глубокая вложенность подходит для объемных сложных документов.

Пример правильной структуры на странице:

<h2>Управление персоналом организации: стратегии и методы</h2>

<h3>Общие принципы</h3>

<h3>Методы управления</h3>

<h4>Экономические методы</h4>

<h5>Уровень оплаты труда</h5>

<h5>Система поощрений и наказаний<h5>

<h4>Административные методы</h4>

<h4>Социально-психологические методы</h4>

<h3>Задачи</h3>

<h4> Формирование кадрового состава</h4>

<h4>Управление затратами на персонал</h4>

<h4>Анализ качества работы сотрудников</h4>

Роль тегов h2…H6 в SEO

Заголовочные теги относятся к внутренней оптимизации, это важный фактор ранжирования.

Правильные заголовки – словосочетания или фразы, которые обобщают информацию, передают ее смысл в сжатом виде. Их учитывают не только пользователи, но и поисковые роботы.

SEO-аналитики считают, что поисковики придают особое значение ключам в заголовках. Вес ключа зависит от уровня: в Н1 ключевая фраза «весит» больше, чем в Н2, и так далее. Прописывать ключевые слова в точном вхождении не запрещено, но это рискованно. Если использовать их в каждом подзаголовке, можно получить санкции за спам.

SEO-оптимизация заголовков – тонкая задача. Аналитики советуют проверить топ выдачи. Если у конкурентов ключи целиком вписаны в заголовок, то можно рискнуть. Если они используют только синонимы или свободную форму ключа, то предпочтительнее такой же «белый» способ.

В любом случае ключевые слова нужно использовать максимально естественно. Прописывать в неизменном виде фразы типа «поставить пластиковые окна недорого Киров» — провальная стратегия.

Использовать точные ключи сразу в нескольких подзаголовках не стоит. Лучше комбинировать. Где-то вписать точное вхождение, где-то «хвост» (часть ключа), где-то использовать разбавку или синоним, а где-то вообще обойтись без вхождения.

Базовые правила

• Проверьте HTML-код шаблона. Заголовки всех уровней должны быть тегами Н, без замен при верстке. Иногда заголовки выводится не через теги, а через стили CSS. Это нужно исправить.
• Эти теги могут быть только в контенте. Использование заголовков для сайта в служебных и оформительских элементах недопустимо. Если вы обнаружите их в HTML-верстке сайтбара, подвала или меню, шаблон нужно поменять.
• Заголовки должны визуально отличаться от основного текста размером шрифта.
• Они не комбинируются с другими тегами. Например, нельзя делать их ссылкой, выделять наклонным или полужирным шрифтом. Верстку можно проверить через HTML-код.
• Должны быть уникальными, лучше и в рамках страницы, и в рамках всего сайта.
• Подзаголовки проверяются на переоптимизацию, поэтому нельзя злоупотреблять вхождением ключей.
• Важна лаконичность. Один подзаголовок – одна мысль или тезис. Оптимальная длина – до 50 знаков (некоторые исследователи считают, что до 65).

Главный заголовок

Начинающие веб-мастера иногда путают заголовок Н1 и Title. Это разные теги сайта, хотя у них похожие задачи.

Тайтл работает на продвижение страницы в поиске и на кликабельность сниппета. Чаще всего он начинается с главного ключа в прямом вхождении.

Н1 обычно виден только на сайте, а не в поисковой выдаче. Он сообщает, о чем страница, его цель — заинтересовать и удержать пользователя.

Н1 и Title не должны дублировать друг друга. Поисковые системы могут воспринять дубль с вхождением ключевой фразы как переспам. И понизить документ в выдаче.

Делать эти теги абсолютно разными – другая крайность. Получится смысловой конфликт, и пользователь, перейдя на сайт из поисковых систем, может подумать, что попал не на тот ресурс.

Основные требования

• Н1 всегда один. На странице (в тексте, в оформительских элементах и так далее) не должно быть второго такого тега. Проверьте HTML-код.
• Всегда стоит в начале текста.
• Не должен дублировать другие заголовки на этом сайте.
• Его пишут для людей, он должен соответствовать контенту, быть читабельным, информативным, интересным.
• Идеальная длина Н1 – до 50 символов, но это не жесткое правило.
• Точка в конце не нужна. Ее можно поставить в середине, если заголовок состоит из двух или трех предложений.
• Грамматические и орфографические ошибки недопустимы.
• Можно вписать ключевые слова, если они выглядят там естественно. «Белые» оптимизаторы используют не всю ключевую фразу, а только ее часть. «Разбавляют» ее другими словами или заменяют синонимами. Например, ключ – «купить кухню от производителя дешево Самара». Пример правильного заголовка: «Недорогие кухни от производителя в Самаре», «Готовые недорогие кухонные гарнитуры в Самаре»

Подзаголовок h3

Заголовки второго уровня делают статью удобной для чтения, превращают «простыню» текста в структурированный документ.

Подзаголовки должны быть информативными, грамотными и простыми для восприятия. Сложные креативные конструкции, основанные, например, на игре слов, затрудняют понимание со стороны поисковых роботов, да и пользователей тоже.

Прописывать ключевые слова в h3 не запрещено, если они раскрывают смысл главы. В подзаголовки иногда включают информационные вопросительные запросы. Примеры: «как долго служат пластиковые окна», «что такое армирование». Знак вопроса не ставится, ведь вы не спрашиваете об этом у читателя, а объясняете сами.

В тексте может быть много разных заголовков второго уровня, ограничений нет. Но SEO-аналитики считают, что не стоит дробить текст на маленькие кусочки. Оптимальная длина главы – 600-1000 знаков, но это не абсолютное правило.

Подзаголовки h4-H6

Использовать подзаголовки третьего-шестого уровня необязательно. Часто для грамотной структуризации достаточно первого и второго уровня. Четвертый, пятый, шестой уровни используются крайне редко, для этого статья должна быть очень большой.

• Не забывайте про иерархию. В HTML-коде Н3 находятся строго после Н2, четвертый уровень после третьего и так далее.
• Чем больше цифра, тем меньше шрифт заголовка.
• Нельзя вписывать в подзаголовок другие теги, вставлять ссылки, картинки.
• Ключевые слова в точной или свободной форме не запрещены, если вхождение будет выглядеть естественно. Иногда рекомендуют использовать только часть ключа (хвост), чтобы избежать переспама. Например, в обзоре лосьонов один из ключей – «лосьон для зрелой кожи». Подзаголовок – «Для зрелой кожи». Такая фраза понятна пользователю, способствует SEO продвижению, а причин для санкций нет.

Читайте на askusers.ru

Title важен и для роботов поисковых систем, и для юзеров. Именно мета-тег Title чаще всего виден в поисковой выдаче. Именно по нему ПС определяет релевантность страницы, а пользователь решает, стоит ли переходить по ссылке.

Мета-тег description поисковые системы могут использовать для формирования сниппетов, то есть тех фраз, которые пользователь видит в выдаче. Этот мета-тег часто выводится в анонс. Правильный description повысит кликабельность страницы.

Раньше считали, что URL – адрес страницы – интересен только роботам поисковых систем. Но исследования показали, что пользователи тоже смотрят на адресную строку браузера. Именно поэтому там должен быть человечески понятный URL (ЧПУ).

Закажи юзабилити-тестирование прямо сейчас

Заказать услугу

Заголовки страниц в тегам h2, h3, h4-h6

Автор Алексей На чтение 6 мин Просмотров 25к. Опубликовано 13.08.2018 Обновлено 13.03.2019

Заголовок в тексте — это инструмент, который делает информацию удобной для читателей и структурирует ее для поисковых систем. При правильном оформлении тегов h2–H6 страницу сайта будет проще вывести на лидирующие позиции в выдаче. 

Именно по seo заголовкам Google и Яндекс определяют, насколько тематика Вашей страницы совпадает с запросами, которые вводят пользователи. Иными словами, насколько релевантна данная страница. Релевантность страниц – один из главных факторов seo продвижения.

h2 – главный подзаголовок в статье, который обычно размещен над текстом.

h3-h6 — маленькие подзаголовки, которые проставляются по принципу вложенности.

Содержание

1. Главный заголовок h2
2. Основные требования к h2
3. Заголовок h3
4. Основные требования к h3
5. Заголовки h4-h6
6. Основные требования к h4-h6
7. Иерархия заголовков
8. Как заполнять h-теги в WordPress

Главный заголовок h2

Самый главный заголовок страницы размечается тегом h2. Это может быть название страницы, статьи или товара. Это обязательный заголовок и он должен присутствовать на всех страницах сайта без исключения. Очень часто встречаю, что тега h2 просто нет или их несколько. На месте заголовка страницы заместо h2, находится тег h3. Это еще в лучшем случае – бывает что вообще нет заголовков типа H на странице. А то что выглядит типа заголовка, просто обычный div или span блок с прописанными заранее стилями подходящими на заголовок.

Каждая страница вашего сайта несет в себе какую-то конкретную информацию (во всяком случае, должна нести). Основную суть информации вы и будете размещать в заголовке. Например, если вы продаете 3D-телевизоры, значит заголовок страницы должен выглядеть как основной запрос и выделяться в html коде страницы тегом h2. 

Основные требования к h2

• На странице должен присутствовать только один заголовок первого порядка (заголовок 1, h2). Это главный заголовок, видимый пользователю и отражающий ключевую суть поста. 
• Заголовок h2 всегда стоит в начале текста. 
• Длина заголовка должна быть не более 65 символов.
• h2 должен быть уникальным в рамках вашего сайта.
• Тег h2 не должен быть ссылкой, картинкой и т.д. Заголовок должен быть заголовком.
• В h2 старайтесь заключать самое частотное ключевое слово.

Заголовок h3

Если h2 многие все же придерживаются правил и используют на страницах своего сайта, то тегом h3 многие пренебрегают, а зря! Этим тегом обычно размечаются подразделы статьи, страницы.

Еще на этапе сбора семантического ядра для сайта в целом или для отдельной статьи нужно примерно понимать из каких разделов будет состоять статья. Опишем ли мы подробно преимущества, стоимость или какие-либо другие подробности по теме статьи или по товару.

Например, страницы товара в магазине телевизоров – если заголовок h2 страницы имеет вид «Телевизор Panasonic TX-75EXR780», то тегом h3 мы будем примерно разбивать на части (подразделы) описание самого товара на странице и иметь вид «Характеристики телевизора Panasonic TX-75EXR780» и «Преимущества телевизора Panasonic TX-75EXR780».

Тем самым мы за счет заголовков типа h3 захватим важные моменты, которые также могут интересовал посетителя сайта помимо самого названия. Теперь сайт будет конкурировать с остальными не только по запросу по основному “Panasonic TX-75EXR780”, но и по дополнительным запросы касаемо преимуществ и характеристик данной модели телевизора. А охват большего числа запросов в свою очередь – это рост трафика на сайт.

Иногда заголовок типа h3 попадал в сниппет результатов поиска. Туда как правило попадает либо h2, либо title – они оба самые сильные по важности заголовки страницы и за ними преимущество, но не исключено и влияние h3 на сниппет.

Основные требования к h3

• На странице желательно наличие 2-4 заголовков h3. Должны отражать суть дальнейшего текста.
• Наиболее частотный запрос — в заголовке h2, менее частотные — желательно в h3.
• Тег h3 не должны быть ссылкой, картинкой и т.д. Заголовок должен быть заголовком.

Заголовки h4-h6

Все заголовки начинаz с h4 и до h6 несут в себе уточняющую и дробящую страницу на подразделы роль, но это используется крайне редко. У вас должна быть просто очень огромная статья, чтобы можно было выстроить такую иерархию из подразделов страницы и задействовать все типы заголовков. 

Основные требования к h4-h6

• Нельзя, чтобы наименьший подзаголовок присутствовал без большего. То есть, если в тексте стоит тег h5, то ему обязательно должны предшествовать h3 и h4.
• Чем выше заголовок по уровню, тем крупнее должен быть и шрифт. В WordPress обычно по умолчанию настройки выставлены таким образом, что теги автоматически форматируются в правильном виде.
• Все h-теги обязаны соответствовать содержанию контента, отображать суть информации.
• Недопустимо использовать h2-h6 в качестве анкоров или активных ссылок.
• Нельзя писать другие теги внутри тега h.
• В h-тегах допускается только текст и знаки препинания.
• В подзаголовках не должно быть переспама ключевых слов. Ключевики лучше всего задействовать в title, h2, h3, а в более мелких, таких как h4, h5, h6 делать упор на детальное раскрытие темы.

Иерархия заголовков

Все заголовки должны идти в строгом порядке. Первым на странице всегда идет заголовок типа h2.

Далее за ним разбивая страницу на подразделы идет тег h3 и часто этого более чем  достаточно.

Если подразделы для каждого из заголовков h3 получились внушительных размеров и в них затронуты несколько еще более мелких подтем, то внутри каждого или одного отельного подраздела с тегом h3 вы делаете сложенные “мини” подразделы страницы и размечаете их h4.

Не обязательно что все подразделы озаглавленные тегом h3 будут большими и их надо дробить еще на несколько подразделов.  

Вот пример хорошей иерархии заголовков из статьи по продвижению сайта на WordPress:

Как заполнять h-теги в WordPress

h2 по умолчанию заполняется в поле над статьей:

Чтобы сделать подзаголовки h3-h6, надо выделить необходимый элемент или поставить курсор на нужную строку и, наведя курсор на вкладку «заголовки», выбрать нужный, кликнув по нему. 

Есть еще более простой способ – можно набрать текст в Ворде, используя нужные разметки и просто копипастом перенести статью в редактор вордпресса. Выделенные в Word заголовки автоматически отобразятся в нужных размерах. При необходимости можно подправить их, используя инструменты редактора CMS WordPress.

Правильная расстановка заголовков в тегах h2, h3, h4, h5, h5, h6 может дать отличный результат для SEO сайта. По этому, не жалейте времени на настройку.

h2-h6 заголовки имеют чрезвычайно важное значение. Не стоит ими пренебрегать, но и злоупотреблять тоже не стоит. Заголовки могут как поднять, так и опустить сайт.

Как использовать подзаголовки h2, h3 + h4 в 2022 году

Существует много доступной информации о передовых методах SEO, и не вся она последовательна.

Однако есть одна область, с которой согласны большинство людей, — это использование заголовков и тегов заголовков.

Нет, не все используют их одинаково, но несомненно, что с точки зрения SEO теги заголовков имеют значение.

Тег заголовков Основы SEO

Большинство людей имеют смутное представление о том, что такое заголовки, потому что это не сложная концепция.

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

Источник: https://www.nomensa.com/blog/2017/how-structure-headings-web-accessibility

Теги заголовков делают по сути то же самое, но это теги HTML, которые выделяют заголовки и подзаголовки. на протяжении всей статьи.

Почему теги заголовков важны для SEO?

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

Даже Google использует теги заголовков для своего контента, так что это должно говорить о том, насколько они важны.

Вот что сказал Джон Мюллер о тегах заголовков и их роли в ранжировании сайта:

«Итак, заголовки на странице помогают нам лучше понять содержание страницы.

Заголовки на странице — не единственный фактор ранжирования, который у нас есть.

Мы также смотрим на содержимое отдельно.

Но иногда наличие четкого заголовка на странице дает нам немного больше информации о том, о чем этот раздел».

(Источник: https://www.searchenginejournal.com/google-heading-tags-important/377592/ )

Почему Google любит теги заголовков…

Есть несколько веских причин последовать примеру Google и сделать большинство тегов заголовков:

• Обеспечьте структуру текста, чтобы его было легче читать и обеспечить лучший пользовательский интерфейс.
• Сделайте свою статью более доступной для читателей с нарушениями зрения, поскольку программа чтения с экрана может предоставлять структуру контента на основе
• HTML-код. Это также позволяет читателям переходить по контенту на основе тегов.
• Улучшите SEO на странице, используя основные ключевые слова и ключевые фразы в тегах заголовков, чтобы повысить рейтинг.
• Избранные фрагменты в результатах поиска также используют теги заголовков, извлекая эту информацию из тегов заголовков HTML.
  

Давайте посмотрим на это практически.

Когда вы создаете статью с заголовками, эти заголовки выделяются на фоне остального текста.

Независимо от того, используете ли вы более крупный шрифт или выделяете слова жирным шрифтом, заголовки разбивают текст и облегчают чтение вашим читателям. Теги заголовков делают что-то подобное за кулисами.

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

Поисковые системы также используют теги заголовков, чтобы понять, о чем идет речь в следующем разделе.

Сколько существует тегов заголовков?

Обычно существует шесть уровней тегов заголовков. У вас есть h2 в качестве основного заголовка, а затем пять тегов, которые функционируют как SEO-подзаголовки.

Тем не менее, большинство страниц используют теги заголовков h2, h3 и h4 на своих страницах и редко используют теги заголовков h5, H5 и H6.

То, что вы используете, зависит от структуры вашей страницы или статьи. Для наших целей мы сосредоточимся на трех наиболее распространенных тегах заголовков.

Как выглядят теги заголовков в HTML?

В HTML заголовок имеет специальное обозначение, обозначающее начало и конец выделения.

Вот пример того, как тег h2 этой статьи выглядит в HTML:

Как и заголовки, которые вы выбираете для своей статьи, теги должны иметь смысл, чтобы быть эффективными.

Если вы потратили какое-то время на составление своей SEO-стратегии, у вас должно быть довольно хорошее представление о том, что ищут пользователи.

Если нет, посмотрите, как другие сайты в поисковой выдаче структурируют заголовки своего контента.

Давайте углубимся в то, как использовать теги h2, h3, h4, SEO и многое другое!

Важность тегов заголовка h2

Тег заголовка h2 подчеркивает заголовок этой статьи. Его следует использовать только один раз в статье, чтобы определить основную тему статьи.

Заголовок h2 должен быть достаточно описательным, чтобы указать, о чем ваша статья, и включать ключевое слово или ключевую фразу.

Заголовки h2 являются наиболее важными на странице и выделяются для поисковых систем.

На самом деле, в тех случаях, когда заголовок страницы не определен или считается нерелевантным для поисковой системы, они могут вернуться к вашему заголовку h2 в результатах поиска.

Сколько тегов заголовков h2 следует использовать на каждой странице?

Технически вы можете использовать любое количество тегов заголовков h2.

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

Хотя у вас не обязательно возникнут проблемы с использованием двух (или более) из них, это не рекомендуется. Заголовки h2 крупнее и занимают больше места, что может сбить с толку читателей (и поисковых роботов).

Даже если это не повредит SEO, на самом деле это не поможет.

Тег h2 Советы по SEO (для SEO-оптимизированных заголовков)

Поскольку тег заголовка h2 является самым важным заголовком на вашей странице, вы, вероятно, захотите, чтобы он был как можно лучше.

Вот несколько советов, которые помогут вам максимизировать SEO тега h2.

• Некоторые люди считают хорошей идеей включать ключевые слова в заголовок h2, но это не всегда так. Попробуйте использовать ключевую фразу, которая имеет смысл в вашей статье.
• Не делайте заголовок h2 слишком длинным, иначе он будет нечитаемым. Попробуйте использовать от сорока до шестидесяти символов.
• Тег заголовка и тег заголовка h2 могут быть похожими или одинаковыми, если хотите. Возможно, вы захотите расширить заголовок страницы или переработать его, чтобы максимально использовать ключевые фразы.

Использование тегов заголовков h3

Вы когда-нибудь читали статью, в которой был заголовок, а затем один длинный текст?

Если нет, то вам повезло. Нет ничего более утомительного для прочесывания, чем массивный текст.

Вот почему нам нужны подзаголовки.

Что делают теги заголовков h3?

С точки зрения SEO, подзаголовки многое делают для страницы.

Тег заголовка h3 является наиболее важным из тегов подзаголовка.

Использование заголовков h3 по всей статье позволяет добиться трех целей.

• Улучшите читаемость для ваших читателей и поисковых систем, разбив текстовые блоки.
• Насыщайте свою страницу ключевыми словами и фразами, особенно второстепенными. Опять же, обозначение тега заголовка привлекает внимание поисковой системы к этим словам.
• Привлеките внимание к определенной информации, изображениям или диаграммам на своей странице (и на вашем сайте), создав заголовок и обозначив его тегом h3.

Как заставить SEO-тег h3 работать на вас

Тег h3 SEO немного отличается от тегов h2, потому что, очевидно, их может быть больше.

Теги заголовков h3 являются наиболее важными подзаголовками, которые вы можете использовать.

Они разбивают вашу статью на разделы, похожие на главы в книге, и выделяют основные моменты вашего содержания — не только для читателей, но и для поисковых систем.

Чтобы максимально эффективно использовать теги h3, убедитесь, что вы включили как можно больше ключевых слов и фраз, чтобы повысить свой рейтинг в результатах поиска. Однако вам не обязательно точно сопоставлять ключевые фразы и не делать заголовки слишком длинными.

Еще одна важная вещь, которую следует помнить при создании тегов h3 для целей SEO, заключается в том, что слова имеют значение. Вы не можете просто выбросить ключевое слово в качестве тега заголовка h3 и ожидать, что оно сработает для ваших читателей или поисковых систем.

Теги заголовков h3 нуждаются в содержании и должны сообщать, о чем следующий раздел.

Добавление тегов заголовков h4

Несмотря на то, что не существует жестких правил относительно того, сколько тегов заголовков h3 можно использовать, в какой-то момент это начинает казаться чрезмерным.

Почему бы вместо загрузки h3 не использовать третий уровень или подразделы с тегами заголовков h4?

Зачем использовать теги заголовков h4?

SEO-подзаголовки — это способ привлечь внимание к большему количеству ключевых слов и фраз.

Когда вы используете теги заголовков h4, они должны поддерживать предшествующие теги заголовков h3 и обычно включают хотя бы одно похожее ключевое слово.

Теги заголовков h4 — это удобный способ использовать многоуровневый подход, чтобы более опытные или знающие читатели могли пропустить основную информацию и сразу перейти к более сложному содержанию.

Как вы можете видеть в этой статье, мы использовали заголовок h4, чтобы расширить наши подразделы h3.

Возможно, вы уже знали, что следует использовать только один тег заголовка h2. Вы можете просмотреть этот раздел и перейти к советам, как использовать теги заголовков h2 для повышения SEO-рейтинга. А теперь представьте, как это будет выглядеть, если мы удалим эти подзаголовки.

Структура заголовков для SEO: Применение тегов заголовков к вашей странице

Использование тегов заголовков не сложнее, чем создание поста.

Несмотря на то, что за кулисами используется HTML, вам не обязательно нужны навыки программирования, чтобы использовать теги заголовков.

Это помогает создать план для вашей страницы, прежде чем назначать теги заголовков, чтобы убедиться, что она работает и хорошо работает для вас.

Источник: https://www.reliablesoft.net/h2-tag/

Возможно, вы захотите создать схему своей страницы или статьи и расположить заголовки и подзаголовки, как оглавление.

Это не только поможет упорядочить информацию, но и создаст основу для тегов заголовков.

После того, как вы разбили статью на заголовок, разделы и подразделы, вы можете назначить теги заголовков. Ваш заголовок будет h2, вашим разделам будет назначен h3, а ваши подразделы станут тегами заголовков h4.

Давайте рассмотрим практический пример. Посмотрите на заголовки и подзаголовки этой статьи. Вы видите разницу между заголовками и основным текстом?

Теперь посмотрите, как выглядят заголовки в терминах HTML:

Как видите, есть один тег заголовка h2, соответствующий названию статьи.

Затем идут теги заголовков h3, разделяющие отдельные пункты, которые мы рассмотрели, включая заключение.

Для некоторых заголовков h3 мы разбили их на подразделы, требующие заголовков h4.

Как настроить теги заголовков

Установить теги заголовков довольно просто.

В зависимости от программы или программного обеспечения, которое вы используете, для применения тега заголовка к вашим заголовкам можно выбрать один щелчок или выпадающее меню.

Просто выделите текст и выберите нужный заголовок.

В WordPress просто выделите свой заголовок и выберите соответствующие теги заголовков из раскрывающегося списка:

В Документах Google снова просто выделите свой заголовок и выберите соответствующий подзаголовок:

Помните, вам нужно сохранить ваши теги заголовков в порядке номеров и не могут пропускать номера.

Например, если вы не используете теги заголовка h4, вы не можете использовать тег заголовка h5, потому что это сбивает с толку поисковых роботов и может повлиять на ваш рейтинг.

Полезная информация о SEO 🔍

Предоставьте нам свой сайт (или клиентов), и мы проанализируем SEO-элементы сайта (на странице, URL-адрес, конкуренты и т. д.), а затем организуем эти данные для действенного SEO-аудита.

Аудит моего SEO сейчас

Максимально используйте оптимизацию тегов заголовков

Хотя не все люди следуют лучшим практикам SEO тегов h2, h3, h4, большинство делают это, потому что хотят использовать все имеющиеся в их распоряжении инструменты.

Конечно, вы можете просто выделить слова жирным шрифтом или курсивом в основной текст, но это сложнее и требует больше времени, чем вставка тегов заголовков.

Сопоставление тегов заголовков с фактическими заголовками выполняется быстро и легко, но при этом хорошо смотрится на веб-сайте. Заголовки и теги заголовков создают визуально привлекательную и удобочитаемую веб-страницу для вашей аудитории и роботов поисковых систем.

Теперь, когда вы лучше понимаете, как использовать теги заголовков h2, h3 и h4, не пора ли заставить их работать на вас?

Использование тегов заголовков h2, h3, h4 для SEO и UX • LockedownSEO

Джон Локк

Джон Лок — SEO-консультант из Сакраменто, Калифорния. Благодаря своему веб-агентству Lockedown SEO он помогает производственным предприятиям занимать более высокие позиции.

Веб-сайт Фейсбук Твиттер LinkedIn Инстаграм YouTube

Семантический HTML является основой хорошо структурированного веб-сайта.

С распространением визуальных инструментов для создания веб-страниц стало проще использовать заголовки для представления с гарантированной структурой.

Существуют прагматические причины сосредоточиться на создании веб-сайтов и веб-страниц, которые являются семантическими и HTML-валидными в соответствии со стандартами Консорциума World Wide Web (W3C).

Мы также рассмотрим, как правильная иерархия HTML способствует доступности и удобству для пользователей.

HTML-иерархия структуры страницы

Согласно WCAG 2.1, раздел 4.1.1, уровень A, элементы разметки HTML должны быть вложены в соответствии с их спецификациями. Это означает, что теги заголовков h2, h3, h4, h5, h5 и h6 правильно вложены в веб-страницу.

Тег заголовка h2

Теги h2 используются в качестве основного заголовка и должны появляться на странице только один раз (для корректного HTML).

В целях SEO Google очень снисходительно относится к использованию тегов заголовков h2, поскольку программное обеспечение для создания страниц и программы «перетаскивания» обычно используются для отображения тегов заголовков для представления вместо семантической иерархии.

В браузерах для чтения с экрана тег h2 устанавливает концепцию контура, а иерархия дополнительно устанавливается вложенными тегами от h3 до h6. Теги абзацев (p), упорядоченные списки (ol), неупорядоченные списки (ul), цитаты и другие элементы HTML вложены в каждый из тегов заголовков.

Согласно примечаниям Mozilla Developer Network (MDN), пользователи, использующие программы для чтения с экрана, часто перескакивают с заголовка на заголовок, чтобы понять смысл страницы. Поэтому важно не пропускать заголовки в их естественной иерархии.

Тег заголовка h3

Теги h3 чаще всего используются для обозначения начала разделов на веб-странице. На нашем веб-сайте и сайтах, которые мы разрабатываем для клиентов, теги h3 являются наиболее часто используемыми тегами заголовков, обозначающими начало нового раздела или идеи на веб-странице.

Тег заголовка h4

Теги h4 размещаются под тегами h3, чтобы начинать подразделы основного раздела.

Теги заголовков h5, H5, H6

Теги от h5 до h6 используются для вложения в качестве подразделов в основные разделы и более крупные подразделы. Эти заголовки обозначают более мелкие компоненты раздела веб-страницы.

Пример кода иерархии тегов заголовков

Ниже приведен пример кода правильной структуры HTML в теле веб-страницы.

 
Основной заголовок
 
     
Раздел первый
 
         
Маленькая идея в первом разделе
 
     
Раздел второй
 
         
Подраздел второго раздела
 
             
Подраздел h4
 
     
Раздел третий
 
         
Подраздел
 
             
Меньший раздел
 
                 
Более глубокий раздел
 
                     
Самый маленький раздел
 
     
Обзор
 

 

Семантика против представления

Наиболее распространенная ошибка в иерархии HTML заключается в использовании заголовков для представления дизайна, а не иерархического значения.

Веб-браузеры по-прежнему отображают страницу, и поисковые системы обычно не имеют проблем, когда иерархия нарушена. Однако это не идеально. Технически, когда иерархия HTML не упорядочена, HTML не будет на 100% соответствовать стандартам W3C. Хотя в 2020-х годах многие страницы не проходят валидацию идеально из-за встроенных виджетов и модульности веб-дизайна, веб-разработчики следует стремиться использовать стандарты W3C, когда это возможно.

Считается, что допустимый и эффективный код роботу Googlebot легче сканировать и анализировать для индексации. Действительные страницы, закодированные в соответствии со стандартами W3C, также, как правило, более удобны для навигации программами чтения с экрана.

Специальные возможности, программы для чтения с экрана и иерархия HTML

Браузеры для чтения с экрана предназначены для слепых или слабовидящих людей, которые могут пользоваться Интернетом. Эти специальные браузеры считывают страницу пользователям. Обычно используются два средства чтения с экрана: JAWS (доступ к заданиям с помощью речи) и NVDA (невизуальный доступ к рабочему столу).

Некоторые веб-разработчики и владельцы веб-сайтов ошибочно полагают, что веб-доступность и программы для чтения с экрана составляют бесконечно малую часть рынка. Реальность такова, что только в Соединенных Штатах более 8,1 миллиона человек имеют инвалидность по зрению, что составляет около 3,3% населения.

По оценкам, около 4,4 миллиона человек в Соединенных Штатах пользуются программами чтения с экрана. Не менее 1,38% всех интернет-пользователей в США используют программы для чтения с экрана.

Другие причины, по которым люди могут не использовать правильную иерархию HTML

Работая в кругах SEO, я наблюдаю некоторые теории о более высоком рейтинге, которые распространяются через видео и форумы. Одна из таких теорий гласит, что если вы используете ключевые слова в определенных пропорциях в тегах h3, h4, h5, h5 и h6, это может оказать положительное влияние на вашу поисковую оптимизацию.

Это кажется немного упрощенным и, вероятно, неустойчивым, поскольку Google вносит коррективы в свой алгоритм ранжирования тысячи раз в год.

Однако я вижу, как люди следуют этому совету и добавляют случайные теги заголовков, чтобы «обыграть систему» ​​и попытаться занять более высокое место. Мой совет — сосредоточиться на создании контента или функциональности сайта, которые позволяют людям достигать своих целей или находить информацию, за которой они пришли, в приятной обстановке.