Тег h1: Тег | htmlbook.ru

16.03.2021 alexxlab

Содержание

Тег | htmlbook.ru

Internet Explorer	Chrome	Opera	Safari	Firefox	Android	iOS
3.0+	1.0+	2.0+	1.0+	1.0+	1.0+	1.0+

Спецификация

HTML:

3.2

4.01

5.0

XHTML:

1.0

1.1

Описание

HTML предлагает шесть заголовков разного уровня, которые показывают относительную важность секции, расположенной после заголовка. Так, тег <h2> представляет собой наиболее важный заголовок первого уровня, а тег <h6> служит для обозначения заголовка шестого уровня и является наименее значительным. По умолчанию, заголовок первого уровня отображается самым крупным шрифтом жирного начертания, заголовки последующего уровня по размеру меньше. Теги <h2>,…,<h6> относятся к блочным элементам, они всегда начинаются с новой строки, а после них другие элементы отображаются на следующей строке. Кроме того, перед заголовком и после него добавляется пустое пространство.

Синтаксис

<h2>Заголовок первого уровня</h2>

Атрибуты

align: Определяет выравнивание заголовка.

Также для этого тега доступны универсальные атрибуты и события.

Закрывающий тег

Обязателен.

Пример

HTML5IECrOpSaFx

<!DOCTYPE HTML>
<html>
 <head>
  <meta charset="utf-8">
  <title>Тег h2 и h3</title>
 </head>
 <body>

  <h2>Lorem ipsum dolor sit amet</h2>
  <p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diem 
  nonummy nibh euismod tincidunt ut lacreet dolore magna 
  aliguam erat volutpat.</p>

  <h3>Ut wisis enim ad minim veniam</h3>
  <p>Ut wisis enim ad minim veniam, quis nostrud exerci tution 
  ullamcorper suscipit lobortis nisl ut aliquip ex ea 
  commodo consequat.</p>

 </body>
</html>

Результат данного примера показан на рис. 1.

Рис. 1. Вид заголовков первого и второго уровня в браузере

Примечание

Заголовки очень «любят» поисковые системы, они повышают ценность текста на веб-странице, который располагается внутри тегов <h2>…<h6>. По этой причине лучше всегда использовать эти теги, несмотря на то, что с помощью стилей любой текст можно установить большого размера и, тем самым, сделать его заголовком.

что это за заголовок, как прописать на сайте и для чего предназначен в SEO и его длина в 2021?

Приветствую! Пришло время рассказать ещё об одном важном мета-теге – заголовке h2. HTML тег h2 входит в тройку самых важных метатегов в SEO.

Ранее мы уже обсудили как правильно прописывать Тайтл и Дескрипшн и вот теперь пришло время поговорить о теге-заголовке.

Содержание статьи:

Что это за тег такой?

h2 – это собственно сам Заголовок. В отличие от Title заголовок h2 не должен содержать вхождения наибольшего количества ключевых слов, да и вообще он может быть более «желтушным», т.к. задача данного тега – привлечение внимания ВНУТРИ сайта.

Таким образом, отметим несколько основных критериев, как правильно прописывать

Выглядит Заголовок 1 вот так:

Длина h2 в 2021 году

Также в отличие от метатега Тайтл – h2 гораздо короче, его длина, желательно, не должна превышать 50 символов.

В эту длину необходимо поместить второе по важности высокочастотное ключевое слово, т.к. первое должно пойти в Title.

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

Инфографика

Слова словами, а вот инфографика ещё никому не навредила 🙂

В высоком разрешении инфографику по заголовку h2 можно скачать тут.

Заголовок Н1 для интернет-магазинов

Как и в случае с другими мета-тегами, мы также по-разному подходим к написанию нашего заголовка № 1 в SEO.

Для коммерческих сайтов и информационных проектов заполняем h2 по-разному.

Главная

Заголовок h2 для главной интернет-магазина или сайта услуг в отличие от Тайтла не должен содержать гео-привязку и коммерческие фразы. В теге должно содержаться основное ключевое слово (второе по частотности, первое мы помним уходит в Title), которые характеризует в общем чем занимается интернет-магазин и бренд.

Т.е. формула заголовка:

%Второе по значимости ключевое слово% %Бренд%

Пример правильного h2 для интернет-магазина платьев:

Лучшие платья на «Платья 24»

Посадочные

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

Пример для магазина платьев:

Вечернее платье на свадьбу

Тег Н1 для информационных сайтов

С инфосайтами ситуация несколько иная. Здесь нам желательно использовать вопросительные предложения. Также следует прописывать вторую по значимости/частотности ключевую фразу.

Рассмотрим h2 для Главной и для статьи.

Главная

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

Артём Высоков

Автор блога о SEO и заработке на сайтах — Vysokoff.ru. Продвигаю информационные и коммерческие сайты с 2013 года.

Задать вопрос Загрузка …

Пример для главной страницы ресурса о платьях:

Всё о платьях

Есть и другой вариант, поставить высокочастотную фразу, это при условии что вы двигаете главную страницу под какой-то запрос.

Статьи

Для статей берём желательно (но далеко необязательно) вопросительные фразы, вторые по частотности после той что вставили в Тайтл.

Т.е. если у нас для Title выбрана фраза:

Как выбрать вечернее платье на выпускной или свадьбу по типу фигуры?

То в h2 мы можем поставить:

Выбор вечернего платья на выпускной или свадьбу

Что делать если нет заголовка 1?

В некоторых шаблонах на WordPress, Joomla или других CMS, верстальщики могут накосячить и сделать основной заголовок не в h2, а в DIV или, что чаще встречается, в h3 или h4. Это довольно грубая ошибка, т.к. по мнению многих SEO-специалистов (в том числе и я придерживаюсь такого же) на странице обязательно должен присутствовать тег h2.

Несмотря на это, есть заявления от Google, а точнее от Джона Мюллера, где он сообщает, что заголовки Н1 никак не влияют на ранжирование. Ниже видео на английском:

Но я всё равно придерживаюсь того, что на странице необходим html-тег заголовка h2.

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

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

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

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

Сколько раз на странице можно использовать?

Ещё один нюанс касающийся наличия Заголовка 1 на странице, а именно сколько заголовков h2 может быть на странице? И что делать, если на странице присутствует больше одного тега Н1?

Опять же я рекомендую такую формулу: 1 страница = 1 заголовок h2.

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

h2 и Title

И ещё один важный момент. Я категорически против дублирования двух важных метатегов Тайтла и Заголовка Н1.

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

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

Я думаю, тут очевидно, что теги h2 и Title должны быть разными!

Резюме

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

Ну а если у вас остались вопросы, то велкоме в комменты! 😉

Расставляем теги h2-h3 правильно — повышаем конверсию сайта

Зачастую начинающих веб-мастеров мучает вопрос, почему одни сайты ранжируются выше и обходят конкурентов в поисковой выдаче. Причиной этого могут быть неправильно расставленные теги h2, h3…h6. Если эти теги расставлены неверно, без учета специфики ресурса, то поисковикам сложнее получить точную информацию о статьях и содержащихся в ней ключевых словах.

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

Грамотная расстановка тегов позволяет поисковым системам более точно отображать станицу по запросам в выдаче, что благоприятно сказывается на позиции ресурса:

В теги заключается название сайта, заголовки и подзаголовки текста:

В HTML теги заголовков обозначаются h от английского «header», что в переводе означает «заголовок, шапка». Вот пример того, как это выглядит:

<h2> Заголовок</h2>

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

<h2></h2> - наиболее важные теги
<h3></h3> - менее значимые теги
...
<h6></h6> - последние по важности теги

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

<h2>Название текста</h2>
	<h3>Подзаголовок 1</h3>
	...
	<h3>Подзаголовок 2</h3>
		<h4>Подзаголовок 3.1</h4>
		...
		<h4>Подзаголовок 3_2</h4>
	<h3>Подзаголовок 3</h3>

Наибольшей популярностью пользуются теги h2 h3 h4.

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

HTML тег h2 – самый значимый в своем роде. В него заключают название сайта и заголовок статьи. Однако не стоит его путать с тегом <title> (заголовком страницы). Title отражается в браузере вверху экрана с левой стороны в тот момент, когда открыта страница ресурса. Title прописывается в шапке страницы между <head></head>, в то время, когда h2—h6 указываются в самом «теле» страницы и заключаются в теги <body></body>.

На странице может присутствовать только один h2 тег. Если указать несколько заголовков с тегом h2, поисковики могут расценить это как переспам, что в свою очередь грозит баном:

Правила составления главного заголовка h2:

В теге должны использоваться ключевые слова, применяемые для продвижения страницы;
Не стоит делать заголовок h2 слишком объемным, вполне достаточно нескольких слов;
Текст заголовка должен быть читабельным;
Мета тег h2 не должен содержать ничего кроме самого текста. Если желаете его выделить, поставьте коды за пределами тега;
Перед тем, как вручную прописывать h2, убедитесь, что движок не задает его автоматически;
Содержание h2 должно соответствовать тематике, указанной в title страницы;
При составлении h2 обязательно используйте ключевую фразу, по которой продвигается страница;
Содержание заголовка должно быть уникальным, емким и тематичным. Не стоит делать h2 полной копией тега Title. Важно, чтобы на каждой странице ресурса были прописаны уникальные h2—h6, поэтому избегайте повторений;
Нельзя перечислять в заголовке ключевые фразы через запятую. Содержание h2 должно быть понятно не только поисковикам, но и посетителям ресурса.

Кроме h2 для расстановки заголовков, которые идентифицируются поисковыми системами, используются теги h3, h4, h5, h5, h6 и т.д.

Как правило, используется для заголовков постов в ленте, размещенной на главной странице или для подзаголовков в статье.

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

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

Расстановка заголовков h2— h6 в разных версиях движков может быть реализована по-разному.

Правила расстановки h3—h6:

Структура заголовков. Должна быть соблюдена иерархия заголовков;
Размер шрифта. Чем ниже уровень заголовка, тем мельче шрифт. Редактирование шрифтов производится в стилях. Но, как правило, шрифты имеют правильные размеры по умолчанию;
Не допускается применение тегов заголовков вместе с другими тегами акцентирования. В заголовках рекомендуется использовать ключевые слова, по которым данная станица будет продвигаться в поиске;
В отличие от h2, теги h3—h6 могут быть прописаны на странице несколько раз.

<body>
<h2>Я главный в иерархии заголовков</h2>

  <h3>Мои дети</h3>
     <h4>Мои внуки</h4>

     <h4>Мои внуки</h4>

     <h4>Мои внуки</h4>

  <h3>Мои дети</h3>
     <h4>Мои внуки</h4>

     <h4>Мои внуки</h4>

     <h4>Мои внуки</h4>
       <h5>Мои правнуки</h5>

       <h5>Мои правнуки</h5>

       <h5>Мои правнуки</h5>

</body>

Не должно быть никакого спама;
Составление текста h2— h6 должно производиться с использованием синонимов и учетом правил морфологии;
Основные ключевые запросы лучше разместить ближе к началу заголовка;
Ключевые фразы, прописанные в заголовках, должны встречаться в тексте страницы;
Теги h2— h6 должны быть краткими, емкими и информативными:

В некоторых CMS расстановка тегов производится автоматически и зачастую с нарушением правил внутренней оптимизации. К примеру, с помощью h4 выделаются заголовки блоков и иных элементов сайта, а это не правильно. Для этих целей существуют другие теги HTML;
В корне ошибочным будет заключение в теги h ссылок, изображений, логотипов и т.д.;
Частой ошибкой является незакрытый заголовок. Это может сбить с толку поисковики и такие страницы рискуют быть пониженными в выдаче;
Нередки явления, когда в тегах либо вовсе отсутствуют текст (пустые теги), либо вместо адекватного текста присутствуют несвязанные слова;
Выявление и исправление подобных ошибок позволит повысить вес страниц и улучшить ранжирование сайта в целом.

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

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

Заголовки (теги h2, h3, h4) в HTML5 и SEO заблуждения — Примеры

Первый заголовок, на который часто посетитель сайта не обращает внимание — тот, который показан на вкладке браузера (подробнее про тег title). Для поисковой системы он самый главный, так как именно его Яндекс, Google и др. чаще всего (см. исключения) используют в качестве заголовка сниппета.

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

Важные замечания:

заголовок доступно поясняет содержание страницы, раздела, подраздела. Это не инструмент оформления текста. Не нужно им выделять пункт меню, который ничего не содержит, кроме заголовка.
заголовок — это слово, фраза, предложение. Он не должен быть длинным.
заголовок — это всё предложение, а не его часть. Для оформления одного-нескольких слов существуют такие теги как strong, mark, em и др. (посмотреть весь список).
если статья строится в формате «вопрос-ответ» и ответ в большинстве случаев короткий (например, инструкция лекарственного препарата), то вместо тегов h правильней использовать тройку dl, dt, dd.

Проверить

h2 страницы

Сейчас фразу в любом теге можно сделать заголовком с помощью стилей CSS: увеличить шрифт и/или размер текста. Для того, чтобы проверить количество тегов h2 и их содержимое, достаточно посмотреть код страницы сайта с помощью браузера, никаких дополнительных расширений не требуется. Такой инструмент, можно вывести, если нажать клавишу <F12>:

Разница в использовании

h2, h3, h4, h5, h5, h6 в HTML5 и HTML4

Перед дальнейшим чтением желательно ознакомиться с примерами, описанными в стандартах [w3.org] самостоятельно.

Один

h2 на странице (версия HTML4)

Пошаговое решение судоку
- Программа решения судоку с объяснениями (онлайн)
- Правила игры
- Алгоритм заполнения ячеек кроссворда
  - Способ 1. «Скрытые одиночки»
  - Способ 2. «Одиночки»
- Методы решения судоку
  - Стратегия 1. Кандидат в двух-трёх клетках одного квадрата
  - Стратегия 2. Группы кандидатов

Иерархия на действительно существующей странице реализуется благодаря тегам h2—h6. h2 — самый главный, имеет самый крупный размер, можно использовать только один h2. h6 — самый незначительный из заголовков, имеет самый маленький размер и самый высокий уровень вложенности. Такой вариант наиболее распространён у SEO оптимизаторов:

<!DOCTYPE html>
  <div>
    <div>Название сайта</div>
    <ul>
      <li><a href="/1">Пункт1</a>
      <li><a href="/2">Пункт2</a>
    </ul>
  </div>
  <div>
    <h2>Пошаговое решение судоку</h2>
    <h3>Программа решения судоку с объяснениями (онлайн)</h3>
    <h3>Правила игры</h3>
    <h3>Алгоритм заполнения ячеек кроссворда</h3>
    <h4>Способ 1. «Скрытые одиночки»</h4>
    <h4>Способ 2. «Одиночки»</h4>
    <h3>Методы решения судоку</h3>
    <h4>Стратегия 1. Кандидат в двух-трёх клетках одного квадрата</h4>
    <h4>Стратегия 2. Группы кандидатов</h4>
    <b>Комментарии</b>
  </div>
  <div>
    <b>Последние сообщения</b>
    <ul>
      <li><a href="/1">Пункт1</a>
      <li><a href="/2">Пункт2</a>
    </ul>
  </div>
  <div>Футер</div>

Заголовки

h2—h6 в HTML5

Каждый пункт дерева заголовков создаёт один из вариантов:

body, когда нет h2—h6 перед первыми дочерними тегами article, aside, nav, section.
структурные теги article, aside, nav, section. Дочерние h2—h6 будут вложены в предшествующий структурному тегу заголовок.
Внимание: header, main и footer не являются структурными тегами.
h2—h6, которые не имеют родителя blockquote, details, fieldset, figure и td. Уровень вложенности пункта определяется рангом тега h.

Важные замечания:

Документ может содержать несколько заголовков верхнего уровня (в примере ниже пункты 1-3).
Документ или даже структурный тег могут содержать два и более тега h2 (в примере ниже пункты 2.1-2.3).
Последовательность h не важна, можно пропускать теги: h2 » h3 » h5. Если отсутствует h2, его место займёт h3 или даже h6.
Можно изменять порядок тегов: h4 » h5 » h2 (h2 будет иметь тот же уровень вложенности, что первый тег h, в нашем случае h4).
Так как код перестаёт быть интуитивно понятным, спецификация рекомендует (необязательно):
- каждый структурный тег начинать с h2. Но на устройствах, не поддерживающих HTML5 или в крайнем случае CSS, будет ужасная картина.
- теги h оборачивать в структурный тег. Но, объём HTML-кода влияет на скорость загрузки веб-страницы. Поэтому не особо хочется его увеличивать, если не требуется внешне (скажем, цветом фона) или семантически отделить границы разделов.


<!DOCTYPE html>
<h4>1</h4>
<section>
      <h3>1.1</h3>
      <h3>1.2</h3>
      <h4>1.2.1</h4>
      <h2>1.3</h2>
</section>
<section>
      <h5>1.4</h5>
</section>
<h5>1.5</h5>
<section>
      <h5>1.5.1</h5>
</section>
<h4>2</h4>
<section>
      <h2>2.1</h2>
      <h2>2.2</h2>
      <h2>2.3</h2>
</section>
<h2>3</h2>

Важные замечания:

Если над или в article, aside, nav, section отсутствует тег h, пункт будет иметь заголовок untitled.
Теги article, aside, nav не обязательно должны иметь вложенный тег h.

untitled page
- untitled article
- Заголовок внутри article
Заголовок верхнего уровня


<!DOCTYPE html>
<section>
    <article>
        <nav>
            <ul>
                <li><a href="#1">Перейти к первой части статьи</a>
                <li><a href="#2">Перейти ко второй части статьи</a>
            </ul>      
        </nav>
        <h2>Заголовок внутри article</h2>
    </article>  
</section>
<h2>Заголовок верхнего уровня</h2>

Пример вёрстки HTML5

Название сайта
- Navigation
- Пошаговое решение судоку
  - Программа решения судоку с объяснениями (онлайн)
  - Правила игры
  - Алгоритм заполнения ячеек кроссворда
    - Способ 1. «Скрытые одиночки»
    - Способ 2. «Одиночки»
  - Методы решения судоку
    - Стратегия 1. Кандидат в двух-трёх клетках одного квадрата
    - Стратегия 2. Группы кандидатов
  - Комментарии
- Последние сообщения

<!DOCTYPE html>
  <header>
    <h2>Название сайта</h2>
    <nav>
      <ul>
        <li><a href="/1">Пункт1</a>
        <li><a href="/2">Пункт2</a>
      </ul>
    </nav>
  </header>
  <main>
    <article>
      <h2>Пошаговое решение судоку</h2>
      <section>
        <h3>Программа решения судоку с объяснениями (онлайн)</h3>
        <h3>Правила игры</h3>
        <h3>Алгоритм заполнения ячеек кроссворда</h3>
        <h4>Способ 1. «Скрытые одиночки»</h4>
        <h4>Способ 2. «Одиночки»</h4>
        <h3>Методы решения судоку</h3>
        <h4>Стратегия 1. Кандидат в двух-трёх клетках одного квадрата</h4>
        <h4>Стратегия 2. Группы кандидатов</h4>
      </section>
      <section>
        <h5>Комментарии</h5>
      </section>
    </article>
    <aside>
      <h5>Последние сообщения</h5>
      <ul>
        <li><a href="/1">Пункт1</a>
        <li><a href="/2">Пункт2</a>
      </ul>
    </aside>
  </main>
<footer></footer>

Оптимизация структуры заголовков и подзаголовков веб-страницы

Что думают поисковые системы? Они, с одной стороны, не должны наказывать за то, что вебмастер следует стандартам вёрстки, а, с другой стороны, должны ориентироваться на большинство. Реальность такова: с появлением HTML-редакторов, это самое большинство не будет разбираться с тонкостями разметки. Им затруднительно переключиться на вкладку «HTML» чтобы картинке прописать атрибут alt, а секции наверно вообще за гранью понимания (см. меню сайта «грамота.ру»).

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

Официальные сообщения Google:

допускается наличие нескольких h2.
довольно старое видео (от 2009 года) о последовательности тегов h.

Официальные сообщения Яндекса:

Правильное оформление заголовков в тексте помогает … роботу Яндекса проще разобраться со структурой документа. Поэтому следует выделять этими тегами заголовки в соответствии с иерархией документа. [help.yandex.ru]

SEO заголовок по итогам эксперимента

Эксперимент 1: «Оптимальное количество

h2»

Рассматриваются три страницы:

h2 » h2 (5 лет)
h2 » h3 (6 лет)
h2, h2 » h3 (7 лет)

Изначально в статьях учитываются последовательность (чем ближе к началу, тем слово более значимо) и плотность [wikipedia.org] ключевого слова, в частности:

ключевое слово употребляется только дважды, а именно в тегах h на одинаковом удалении от начала фразы,
почти одинаковое количество текста,
одинаковые по длине заголовки,
первый h2 — это заголовок верхнего уровня (он не имеет родителя article, aside, nav, section). Это важно (см. HTML5)!

7-6-5 лет [google.ru]. Для Google более привлекателен вариант использования двух h2, где первый — имя сайта (Гугл старательно вычленяет название веб-проекта, даже если это ссылка на внутреннюю страницу стороннего блога [google.ru]), второй — название статьи.

6-5-7 лет [yandex.ru]. В Яндексе h2 должен быть единственным. То есть на Главной h2 — это название сайта, а на внутренних страницах — название внутренних страниц.

Примечание: в Гугле индексация молниеносна, поэтому тут было проверено и отсутствие влияния алгоритма «Google Fresh». Позиции сменились после того, как страницы были добавлены в Г+. То есть да, есть разница один h2 или несколько, но этому поисковики придают очень маленькое значение.

Эксперимент 2: «Есть ли толк от

h4»

Яндекс и Google не вносят h4 в заголовок сниппета. На экспериментальной странице не были использованы title, h2, h3.

Исключение для Яндекса: когда выделенный абзац содержит от 20 до 200 символов. Здесь не важно в каком теге он будет находиться: хоть в h4, хоть в span.

SEO советы

Утверждение 1: заголовок верхнего уровня должен содержать ключевые фразы, но при этом не быть спамным, то есть слова внутри него должны склонятся согласно правилам русского языка. Плохой пример: «Одежда оптом от производителя недорого».

Утверждение 2: чтобы не писать несколько одинаковых по смыслу статей, в заголовки меньшего уровня желательно включить похожие запросы и синонимы. В большинстве случаев для их нахождения достаточно фантазии, wordstat.yandex.ru и поисковых подсказок. То, что менее востребовано и не помещается в заголовки, можно упоминуть в тексте.
Важно: нет необходимости впихнуть весь перечень wordstat. Текст должен быть интересным, читаемым и «без воды».

В примере с судоку люди ищут одно и тоже, но называют это по разному: «методы», «алгоритм», «способы», «правила», «методика», «приёмы», «секреты», «принципы», «примеры»…

Можно ли внутри тега

h использовать другие теги, например, img, a?

Теги h могут содержать phrasing elements! Phrasing elements — это img, a, input и др.

Заблуждение 1: внутри тегов h2—h6 нельзя использовать другие теги.

<h3>Можно ли внутри тега <code>h</code> использовать другие теги, например, <code>img</code>, <code>a</code>?</h3>

Внимание: в ряде CMS (в т.ч. Blogger) есть поле с названием страницы сайта. Его содержимым автоматически заполняется h2 и большая часть title. Остальная часть title или отсутствует, или одинакова для нескольких страниц, например, ей может быть название сайта. Но в теге title может находиться только текст [w3.org]. Поэтому нельзя в поле названия страницы вносить какие-либо теги.

Заблуждение 2: в заголовке не должно быть картинки. Две записи равнозначны для w3.org, Google, но не для Яндекса (не индексирует атрибут alt):

<h2>
     <img src="logo.gif" alt="Название сайта">
</h2>

<h2>
     Название сайта
</h2>

Заблуждение 3: не стоит заключать заголовки в дополнительные контейнеры. Откуда ноги растут у этих утверждений? Нужно, например, выравнять заголовок по вертикали:

<div>
  <h2>Заголовок</h2>
</div>

Утверждение 1: заголовок страницы или его часть не должны быть ссылкой (см. здравый смысл и справка Новости.Google). Отсюда следствие: название веб-проекта на Главной также не должно быть ссылкой. В целом не нужно чтобы страница ссылалась сама на себя (искл. ссылки к определённому участку страницы, так называемые хэш-ссылки). А вот так допустимо (на Авито на странице объявления каждой похожей записи дан h4):

<aside>
 <h2>Реклама</h2>
 <a href="http://ad.com/">
  <section>
   <h2>Дешёвые кредиты</h2>
   <p>Вас удивят скорость выдачи, качество обслуживания и самое главное — цена вопроса!</p>
   <p>Процентные ставки от 1% до 5%</p>
  </section>
 </a>
 <a href="http://ad1.com/">
  <section>
     ...
  </section>
 </a>
</aside>

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

<h3>
    <a href="#"> только текст </a>
</h3>

<a href="#"> 
    <h3> весь блок (прямоугольная область) </h3>
</a>

Должен ли

title отличаться от h2?

«Может ли title быть таким же как h2?» — да, может.

«Различный title и h2 полезны для SEO?» — да, полезны. В рассматриваемые теги можно добавить дополнительные ключевые слова, чтобы увеличить хвост запросов, по которым приходят на сайт. Или чтобы сделать более привлекательный сниппет, в title внести, скажем, название компании, коли фирма на слуху, или номер телефона (для такси, например).

Примечание: для того, чтобы страница могла присутствовать в Новостях Google [support.google.com] или быстрых ссылках Яндекса [help.yandex.ru], основная часть title и h2 должны совпадать. Это может быть вызвано тем, что посетители ожидают увидеть на странице сайта тот же заголовок, что в выдаче поисковиков. На данный момент стоит обратить внимание информационным сайтам.

Нужно ли заголовки боковых блоков брать в

h?

Если заголовки индексируются (см. что сделать, чтобы поисковик не проиндексировал текст), то пусть лучше будут в теге h. Всё равно они употребляются на каждой странице сайта и вес этих слов («Реклама», «Последние сообщения», «Подписка» и т.п.) завышен. Можно предположить, что родитель aside должен уменьшать их значение.

К тому же для слабовидящих будет понятно что к чему, а не сплошные untitled.

HTML теги h2, h3, h4, h5, h5, h6

Поддержка браузерами

Описание

HTML теги <h2>, <h3>, <h4>, <h5>, <h5> и <h6> (h сокращение от англ. слова heading — заголовок) используются для определения заголовков на веб-странице. Каждый из них имеет определенный вес (важность), которая определяется цифрой после буквы h, таким образом <h2> — имеет наибольшую важность, а <h6> — наименьшую.

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

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

Атрибуты

Теги <h2> — <h6> поддерживают Глобальные атрибуты и События

Стиль по умолчанию


h2, h3, h4, h5, h5, h6 {
	display: block;
    margin-left: 0;
    margin-right: 0;
    font-weight: bold;
}

h2 {
    font-size: 2em;
    margin-top: 0.67em;
    margin-bottom: 0.67em;
}

h3 {
    font-size: 1.5em;
    margin-top: 0.83em;
    margin-bottom: 0.83em;
}

h4 {
    font-size: 1.17em;
    margin-top: 1em;
    margin-bottom: 1em;
}

h5 {
    font-size: 1em;
    margin-top: 1.33em;
    margin-bottom: 1.33em;
}

h5 {
    font-size: .83em;
    margin-top: 1.67em;
    margin-bottom: 1.67em;
}

h6 {
    font-size: .67em;
    margin-top: 2.33em;
    margin-bottom: 2.33em;
}

Пример


<h2>Заголовок 1 уровня</h2>
<h3>Заголовок 2 уровня</h3>
<h4>Заголовок 3 уровня</h4>
<h5>Заголовок 4 уровня</h5>
<h5>Заголовок 5 уровня</h5>
<h6>Заголовок 6 уровня</h6>

Результат данного примера в окне браузера:

HTML тег h2-h6

Теги <h2>, <h3>, <h4>, <h5>, <h5>, <h6> используются для определения HTML заголовков разного уровня. <h2> – высший уровень (наивысшая важность), <h6> – низший уровень (наименьшая важность). Заголовки обычно используются в порядке, соответствующем их уровню. При этом заголовок <h2> должен использоваться только один раз на странице.

Разница между HTML 4.01 и HTML5

В HTML5 атрибут align не поддерживается. Используйте стили CSS.

Атрибуты тега <h2-h6>

Атрибут	Описание
align	Определяет горизонтальное выравнивание содержимого элемента

Общие атрибуты

Теги <h2>, <h3>, <h4>, <h5>, <h5>, <h6> поддерживают общие атрибуты и атрибуты-события.

CSS стили по умолчанию

Большинство браузеров будут отображать теги <h2>, <h3>, <h4>, <h5>, <h5>, <h6> со следующими стилями


h2 { 
    display: block;
    font-size: 2em;
    margin-top: 0.67em;
    margin-bottom: 0.67em;
    margin-left: 0;
    margin-right: 0;
    font-weight: bold;
}

h3 {
    display: block;
    font-size: 1.5em;
    margin-top: 0.83em;
    margin-bottom: 0.83em;
    margin-left: 0;
    margin-right: 0;
    font-weight: bold;
}

h4 { 
    display: block;
    font-size: 1.17em;
    margin-top: 1em;
    margin-bottom: 1em;
    margin-left: 0;
    margin-right: 0;
    font-weight: bold;
}

h5 { 
    display: block;
    margin-top: 1.33em;
    margin-bottom: 1.33em;
    margin-left: 0;
    margin-right: 0;
    font-weight: bold;
}

h5 { 
    display: block;
    font-size: .83em;
    margin-top: 1.67em;
    margin-bottom: 1.67em;
    margin-left: 0;
    margin-right: 0;
    font-weight: bold;
}

h6 { 
    display: block;
    font-size: .67em;
    margin-top: 2.33em;
    margin-bottom: 2.33em;
    margin-left: 0;
    margin-right: 0;
    font-weight: bold;
}

HTML пример использования

Шесть разных HTML заголовков:


<h2>Заголовок 1</h2>
<h3>Заголовок 2</h3>
<h4>Заголовок 3</h4>
<h5>Заголовок 4</h5>
<h5>Заголовок 5</h5>
<h6>Заголовок 6</h6>

Как оптимизировать контент: title, h2, description, keywords

В этом выпуске «Азбуки SEO» я расскажу о важных тегах и метатегах, которые размещаются в HTML-коде документа и содержат данные о контенте на странице. Это один из факторов формирования выдачи по запросу в поисковых системах и определения контента сайта. Речь пойдет о четырех базовых элементах:

title;
desсription;
keywords;
заголовок h2.

Зачем нужны метатеги

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

В выдаче метатеги подтягиваются в сниппет:

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

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

Суммируем:

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

Что такое тег title

Title в коде оформляется как связное, осмысленное предложение, а в выдаче отображается как заголовок страницы:

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

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

Этот пример title с переспамом взят с восьмой страницы выдачи Google по запросу «купить цветы киев»

Title должен быть уникальным в пределах сайта — это еще одна особенность данного метатега. Для проверки сайта на уникальность title существуют различные методы краулинга.

{«0»:{«lid»:»1573230077755″,»ls»:»10″,»loff»:»»,»li_type»:»em»,»li_name»:»email»,»li_ph»:»Email»,»li_req»:»y»,»li_nm»:»email»},»1″:{«lid»:»1596820612019″,»ls»:»20″,»loff»:»»,»li_type»:»hd»,»li_name»:»country_code»,»li_nm»:»country_code»}}

Истории бизнеса и полезные фишки

Для чего нужен тег h2

h2 — простой тег, элемент разметки текста в HTML. Но он влияет на определение тематики поисковыми роботами не меньше, чем элементы с приставкой «мета». h2 может содержать те же ключевые слова, что и title, емко и кратко обобщать контент.

Важно:

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

Что такое метатег description

Description — краткое описание страницы, включающее конкурентные преимущества сайта и побуждающее кликнуть по ссылке в поисковой выдаче.

Это метатег с дополнительной информацией о странице. Он содержит два атрибута name и content, в которых размещены название метатега и его содержимое.

Компоненты description:

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

Метатег Description напрямую не влияет на ранжирование сайта поисковыми системами. Но важно заметить, что правильный Description значительно повышает CTR (Click-Through Rate — соотношение числа переходов на конкретную страницу сайта из результатов выдачи к общему количеству её показов), что в свою очередь, может повысить позиции сайта в поисковой выдаче.

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

Чтобы сделать description более заметным, используйте юникод-символы — звездочки, телефоны и другие картинки:

Так выглядят символы в выдаче:

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

Зачем нужен метатег keywords

Keywords — ключевые слова, передающие основной смысл страницы. Он так же, как и description, содержит атрибуты name и content. При составлении keywords нужно через запятую перечислить ключевые слова, которые характеризуют смысл страницы и не повторяются между собой.

Нужен ли keywords сегодня? Для Google — нет. Специалисты Google еще в сентябре 2009 года объявили на официальном блоге Webmaster Central Blog, что в их поисковой системе keywords не будет влиять на ранжирование.

При продвижении в Яндексе метатег keywords может учитываться при определении соответствия страницы поисковым запросам:

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

Как оформлять метатеги

В HTML метатеги оформляются так:

<title>Раскрутка сайта, продвижение сайтов: Netpeak Украина —      интернет-маркетинг для бизнеса</title><meta name="keywords" content="Netpeak, Нетпик, Украина, раскрутка сайта, продвижение сайтов, интернет-маркетинг, интернет-маркетинг для бизнеса" /><meta name="description" content="Netpeak — интернет-маркетинг для бизнеса в Украине: 11 лет опыта, 1&nbsp;962 довольных клиента, таких как LG, TripAdvisor, OLX, Kärcher." />

А вот так это выглядит в коде страницы:

Правила написания метатегов

Чтобы на всех страницах были уникальные метаописания, нужно соблюдать несколько правил:

Прописать шаблоны генерации метатегов. Шаблоны используются в интернет магазинах для оптимизации мета-тегов:

страниц категорий;
страниц фильтров;
карточек товаров;
любых разделов с большим количеством однотипных страниц.

Например, для страницы https://site.com/categoriya могут быть такие шаблоны метатегов:
Title: [Название категории] — купить в интернет-магазине [Название магазина]
Description: Заказать [название категории] с бесплатной доставкой по [Название страны или города] ✓ Высокое качество ✓ Доступные цены ☎ 8-000-000-00-00 Звоните!
h2: [Название категории]

Вручную прописать метатеги:

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

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

Онлайн-инструменты

1.1. Расширения для браузера: SEO META in 1 CLICK

1.2. Букмарклеты: Мета теги страницы

Оба инструмента позволяют проверить основные on-page параметры нажатием одной кнопки;
Однако не подходят для работы с более чем одной страницей.

Десктопная программа Netpeak Spider

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

Основные правила создания тегов и метатегов

Название	Объем	Функция	Особенность
Title	До 70 знаков, основные ключи в первых 50 знаков. Размер — 600 пикселей.	Заголовок страницы. Влияет на ранжирование по запросам в выдаче.	Должен быть уникален, читабелен, без спама и повторения ключей.
Description	От 70 до 155 знаков — около 15 слов.	Описание страницы, служит для обеспечения кликабельности, должен заинтересовать пользователя.	Раскрывает конкурентные преимущества, не дублирует title.
Keywords	5-7 ключевых слов, отражающих смысл страницы.	Ранее помогал поисковым роботам расшифровать смысл страницы, сейчас влияет на ранжирование только в некоторых поисковых системах, включая Яндекс.	Ключевые слова не должны повторяться. Метатег может учитываться Яндексом, виден конкурентам сайта.
h2	Не более 7 слов. Если заголовок длиннее, ключевые слова нужно располагать ближе к началу, чтобы они были учтены поисковыми системами.	Содержит ключевые слова или их синонимы, помогает поисковой системе распознать смысл текста.	Только один для конкретной страницы.

Выводы

Desсription и keywords — метатеги с дополнительной информацией о странице. Они содержат два атрибута name и content, в которых размещены название метатега и его содержимое.
Title и h2 — простые теги, элементы разметки текста в HTML. Но они влияют на определение тематики страницы не меньше, чем элементы с приставкой «мета».

Грамотно оформленные метатеги отлично презентуют сайт (необходимость корректной работы с тегами и метатегами можно, в частности, отследить в кейсе продвижения СМИ), помогают пользователям правильно распознать контент и быстро найти нужную информацию, а поисковым системам — повысить ресурс в поисковой выдаче.

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

Читайте также о противостоянии LSI и SEO-текстов.

Автор первой версии статьи 2017 года — SEO-специалист Татьяна Смирнова.

h2 Теги и заголовки улучшают рейтинг SEO

h2 теги могут улучшить ваш рейтинг в поисковых системах. Но, возможно, вы не знаете, что это значит, или даже как определить, правильно ли использует ваш веб-сайт тег h2 , чтобы обеспечить максимальное размещение в поисковых системах. Это обучающее видео по SEO предназначено для того, чтобы научить вас использовать тег h2 для улучшения вашего локального SEO. Посмотрите видео ниже или посетите YouTube , чтобы посмотреть это видео:

Заинтересованы в том, как разметка HTML становится будущим SEO? Загрузите нашу электронную книгу: Будущее тенденций SEO в 2018 году и в последующий период.

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

Заголовки — это фрагменты HTML-кода, которые позволяют выделить определенные слова на странице. Чтобы понять, как заголовки работают на веб-странице, давайте рассмотрим статью в журнале или газете. Название статьи обычно крупнее и ярче, чем другие слова. Он может быть жирным, цветным, подчеркнутым или иметь другой формат, который выделяет его. В любом случае, это позволяет вам сканировать страницу в журнале или газете и выбирать разделы, которые вы хотите прочитать.Тег h2 похож. Он выделяет определенные слова, что позволяет читателям вашего веб-сайта сразу видеть, о чем страница, и определять, хотят ли они ее читать. Он также помогает сообщить поисковым системам, о чем ваша страница, и при использовании в сочетании с заголовком страницы, описанием META, ключевыми словами и содержанием, ориентированным на ключевые слова, помогает улучшить рейтинг поисковой системы по определенным ключевым словам и фразам.

Как я могу узнать, использует ли мой веб-сайт теги h2 и другие заголовки?

В приведенном выше видео по SEO мы покажем вам, как посмотреть на HTML-код вашего сайта и посмотреть, используются ли на ваших страницах теги h2.Для этого выполните следующие действия:

Откройте свой Интернет-браузер и перейдите по URL-адресу страницы, которую вы хотите проверить
Нажмите «просмотр», затем «источник». Откроется новое окно с HTML-кодом
Нажмите «изменить», затем «найти».
Введите
Теперь будут выделены разделы вашего сайта, которые используют тег h2
Выполните те же действия для h3, h4, h5, h5 и h6

Почему тег h2 так важен?

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

А как насчет h3, h4, h5 и т. Д.? Эти заголовки важны?

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

Мой веб-сайт использует тег h2. Как узнать, оптимизирован ли мой тег h2?

Чтобы определить, правильно ли вы используете свой тег h2, следуйте этому совету:

На вашем сайте должен быть только один тег h2. Если у вас более одного тега h2 на странице, измените другие теги h2 на h3 или h4.
Ваш тег h2 должен находиться в верхней части содержимого страницы (над любыми другими тегами заголовков в коде страницы). Если ваш сайт разделен на столбцы, левый столбец может оказаться «выше» в коде. Убедитесь, что он не содержит тегов h2, поскольку, скорее всего, центральный столбец содержит основное содержимое страницы.
Тег h2 должен содержать ваши самые важные ключевые слова для этой страницы, и, если возможно, первое слово или слова в h2 должны быть ключевыми словами. Они также должны совпадать с ключевыми словами заголовка страницы и ключевыми словами META
Тег h2 должен помочь читателю понять, о чем страница.

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

Что такое тег h2? Руководство по идеальным тегам h2 для SEO

Что такое тег h2?

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

Но с точки зрения SEO, это гораздо больше, и значение тега h2 меняется.

Что мы расскажем:

Тег h2 — это гораздо больше, чем просто заголовок.

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

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

Давайте углубимся.

Что такое тег h2?

Начнем с технических деталей.

Проще говоря, тег h2 — это определенный HTML-элемент, обозначающий язык разметки гипертекста.

HTML — это язык, интерпретируемый веб-браузерами, такими как Google Chrome и Firefox, для вывода определенного форматирования на веб-страницу.В этом случае h2 обычно отображается большими жирными буквами в качестве заголовка.

Есть и другие теги заголовков: h3, h4, h5, H5 и даже H6.

Что такое тег h2?

Исторически размер букв уменьшался по мере увеличения числа в теге заголовка. Другими словами, размер шрифта в h3 был меньше, чем размер шрифта в h2. Размер шрифта в h4 был меньше, чем размер шрифта в h3, и так далее. Поскольку HTML со временем эволюционировал, это уже не обязательно, и стили могут быть более гибкими.

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

Вот почему именно этот тег так часто используется в качестве заголовка страницы.

Теги h2 — это то же самое, что теги заголовков?

Не совсем так.

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

Итак, технически говоря, h2 не обязательно использовать в качестве заголовка страницы.

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

Например, если заголовок вашей статьи — «Путеводитель по африканским сафари», а заголовок вашего веб-сайта — «Блог путешественников мира», то тег заголовка должен иметь вид «Путеводитель по африканским сафари — блог путешественников мира».

Как видите, заголовок статьи и заголовок веб-сайта разделены тире. Вы часто будете видеть вертикальную черту («|») вместо тире, разделяющей два заголовка.

Фактически, если вы выполните поиск практически по любому популярному ключевому слову, вы, скорее всего, увидите страницу 1 результатов поиска, заполненную заголовками в этом формате.Взгляните на результаты поиска по запросу «LCD TV Reviews» для некоторых примеров.

Отличие тега заголовка и тега h2 с помощью примеров поисковой выдачи Google

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

Мы подробнее поговорим об этом в другом разделе.

Как изменился тег h2 за прошедшие годы

В начале 2000-х (кажется, это было целую жизнь назад, верно?) Включение h2 было практически обязательным для высокого SEO-рейтинга.Такие правила, как ограничение тегов h2 одним для каждого фрагмента контента, ушли на второй план.

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

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

Разметка h2

Как мы видели, тег h2 — это разметка в документе HTML.Но что такое разметка?

Это элемент HTML-документа, который интерпретируется, а не отображается, то есть представляет собой фрагмент кода. Например, тег h2 в HTML выглядит так:

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

».

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

Если ваш браузер видит «

Путеводитель по африканским сафари», он отформатирует строку «Путеводитель по африканским сафари».

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

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

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

В приведенном выше примере вся строка будет выглядеть так: «

Путеводитель по африканским сафари

».

Этот «» является закрывающим тегом. Он сообщает вашему браузеру, когда следует прекратить форматирование текста.

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

h2 vs. h2: есть ли разница?

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

Это означает, что

совпадает с

. Вы можете свободно использовать оба варианта на своем веб-сайте.
Как найти тег h2 для страницы
Теперь давайте посмотрим на тег в действии.Перейдите к статье под названием «Как использовать товарную рекламу Amazon для увеличения продаж».
Просмотрите источник этой статьи. Если вы не знакомы с тем, как просматривать источник, обычно вы можете сделать это, щелкнув статью правой кнопкой мыши и выбрав «Просмотреть исходный код страницы» в появившемся контекстном меню.
Новое окно откроется в другой вкладке. Взгляните на строку URL, и вы увидите тот же самый URL, на который вы только что нажали, но с «view-source:» перед ним.
Во-первых, обратите внимание на исходный код HTML-документа.В нем вы увидите множество тегов.
Помните, теги начинаются со знака «меньше» («<»). Посмотрите на левую часть страницы, и вы заметите огромное количество тегов. У каждого из них своя функция для правильного отображения страницы.
Что такое h2 в HTML?
Чтобы упростить поиск h2, просто найдите его.
Введите Control-F (для «найти») на клавиатуре, чтобы открыть строку поиска.
В строке поиска введите «
».Браузер переместит вас к месту нахождения тега. Он должен быть выделен
Как вы можете ясно видеть, текст, следующий за тегом, является заголовком статьи: Как использовать рекламу продуктов Amazon для увеличения продаж.
Если вы используете строку поиска для поиска тега заголовка, вы увидите, что текст в теге заголовка совпадает с текстом в теге h2 плюс название веб-сайта («Ignite Visibility»).
Что такое h2 в HTML

Стиль

Как мы видели, форматирование тегов варьируется от веб-сайта к веб-сайту.

Почему? Потому что у каждого сайта своя уникальная таблица стилей.

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

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

В некоторых случаях стиль тега встроен в саму веб-страницу. Обычно он находится вверху в разделе.

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

Этот файл часто называют style.css. Расширение «.css» означает «каскадная таблица стилей».

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

Если вы используете WordPress в качестве выбранной вами системы управления контентом (CMS), то, вероятно, вы уже используете тему.В этом случае дизайнер вашей темы настроил стиль h2, и вам, вероятно, не нужно ничего делать.

Теги h2 для SEO

Насколько важны теги h2 для SEO? В двух словах, это безрезультатно.

Search Engine Land категорически заявляет, что «тег h2 имеет наибольшее значение для SEO из всех заголовков».

Несмотря на эту важность, многие контент-маркетологи не используют теги h2. (В эксперименте Moz 2020 года изменение h3s на h2s не оказало заметного влияния на производительность SEO.)

В исследовании Moz по факторам ранжирования в поисковых системах за 2015 год третьим по важности фактором ранжирования были названы ключевые слова на уровне страницы и показатели на основе содержания. Эта большая категория включает «ключевое слово / фразу в определенных частях HTML-кода на странице (элемент заголовка, h2s, атрибуты alt и т. Д.)». Однако эти данные устарели. Теперь пользовательский опыт важнее, какой бы белый способ вы не выбрали для его достижения.

Как оптимизировать h2?

Что значит «оптимизировать» h2?

Вкратце, это означает заполнение тега контентом, который гарантированно обеспечит максимальное присутствие на страницах результатов поисковой системы (SERP).

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

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

Имейте в виду: также важно, чтобы вы предоставляли контент.

Другими словами, если в вашем h2 есть «женские сумочки», то вам лучше быть о женских сумочках.Google заметит, если это не так, и страница не получит высокий рейтинг.

Имеет ли значение, где в вашем теге появляется ключевое слово? Это предмет некоторых споров.

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

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

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

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

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

Оптимизация для пользователей

Современное SEO — это не поисковая оптимизация.Речь идет об оптимизации для пользователей.

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

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

SEO — это не игра с числами или формулами. Это искусство, призванное дать пользователям именно то, что они ищут.

Когда дело доходит до оптимизации вашего сайта, страницы и тега h2, следуйте правилу №1 в журналистике: давайте людям то, что они хотят.

1. Используйте один тег h2

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

Хотя вы можете использовать несколько H2, это не одобряется в кругах цифрового маркетинга. И не зря: это создает беспорядок и путаницу как для пользователя, так и для алгоритмов поисковой системы.

Добавление нескольких тегов снижает ценность каждого из них для SEO.

Если у вас несколько тегов h2, как Google определит, какой из них имеет целевое ключевое слово? Как ваши пользователи узнают, что им нужно забрать?

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

Если у вас есть статья с несколькими подзаголовками, используйте тег h3 для каждого из подзаголовков.

У Google не будет проблем с несколькими тегами h3.Фактически, Google ожидает, что в отличном контенте будет несколько тегов h3.

2. Попробуйте ограничить свой тег 20-70 символами

Как мы видели, вы должны уместить даже длинные ключевые слова в один тег h2. Если возможно, постарайтесь ограничить его длину до 20-70 символов.

Почему? По нескольким причинам.

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

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

И помните: тег заголовка — это то, что отображается в результатах поиска.

Если у вас действительно длинный тег заголовка, вы можете ожидать, что Google не отобразит его в поисковой выдаче целиком. Вместо этого он сократит заголовок и добавит многоточие («…») в конец сокращенной версии.

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

Вот почему по возможности следует ограничивать длину тега 20–70 символами.

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

3. Сделайте заявление

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

Но ваш сайт может быть исключением из этого правила.

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

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

Когда вы смотрите на свой ярлык, задайте себе следующие вопросы:

Выделяется ли текст?
Это самый большой текст на странице?
Соответствует ли дизайн общему виду страницы?
Есть много пробелов до и после него, чтобы текст не шел вместе?

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

Давайте еще раз взглянем на статью «Как использовать товарную рекламу Amazon для увеличения продаж».

Как вы думаете? Название выделяется?

Плохой пример тега h2

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

На самом деле пропустить его практически невозможно.

В тех подзаголовках, которые вы видите чуть ниже, используются теги h3, которые четко выделяют каждый раздел, не отвлекая от тега h2.

4. Избегайте переполнения ключевыми словами

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

Это потому, что Google ненавидит наполнение ключевыми словами, и это особенно не рекомендуется для SEO-тегов h2.

В старые времена SEO интернет-маркетологи ранжировали веб-страницу по количеству ключевых слов. Они просто повторяли ключевое слово как можно чаще по всему контенту, чтобы Google счел его релевантным.

Те времена давно прошли.

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

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

5. Адресное намерение пользователя

До сих пор мы рассмотрели пользовательский опыт. Пришло время взглянуть на намерения пользователей.

Намерение пользователя отвечает на этот очень простой вопрос: «Что ожидает увидеть пользователь, нажав на мою статью в результатах поиска?»

Ваш тег h2 (и, следовательно, ваш тег заголовка) должен ответить на этот вопрос.

Рассмотрим пример.

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

Итак, она набирает в Google «контрольный список SEO на странице 2020». И о чудо, одна из наших статей появляется на первой странице поисковой выдачи.

Теги h2 играют большую роль в том, что отображается на странице результатов поиска

Теперь задайте себе вопрос: отражает ли заголовок, отображаемый в результатах поиска, намерения пользователя?

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

Далее он также включает «2020», сообщая пользователю, что это актуальное руководство.

Итак, да, заголовок эффективно учитывает намерения пользователя, как и тег h2 в самой статье.

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

Это подтвердил Стивен Леви, который написал книгу о своем опыте работы в штаб-квартире Google.

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

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

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

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

Часто задаваемые вопросы по тегу h2:

1. В чем разница между тегом h2 и тегом заголовка?

Ничего.

Термины «тег h2» и «тег заголовка» могут использоваться как синонимы.

Это потому, что тег h2 обычно считается «заголовком» (или заголовком) контента.

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

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

2. Как я могу вручную проверить, существует ли тег h2 на веб-странице?

Щелкните правой кнопкой мыши веб-страницу, когда вы просматриваете ее в браузере. Затем выберите «Просмотр источника страницы» или «Просмотр источника» в появившемся контекстном меню.

Откроется новая вкладка, показывающая источник веб-страницы.Это необработанный HTML.

Нажмите Ctrl-F, чтобы найти текст. В появившемся текстовом поле введите «

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

3. Должен ли тег h2 находиться вверху страницы?

Для целей SEO тегов h2, да.

Подумайте об этом: тег h2 обычно является заголовком веб-страницы.Как часто вы видите заголовок, который не находится в верхней части документа, который вы читаете?

В этом нет никакого смысла.

Плюс, Google ожидает тег h2 вверху. Лучше не разочаровывать Google, если вы хотите получить хороший рейтинг.

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

4. Имеет ли значение стиль тега h2 для целей SEO?

Наверное, нет.

Стиль тега (его цвет, размер, шрифт и интервал) предназначен для обращения к человеческой аудитории.Google обычно не «видит» это так, как это видят люди.

Все, что Google увидит, — это текст между

.

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

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

5.Должен ли h2 соответствовать тегу заголовка?

Нет, нет. HTML читает их как две отдельные сущности, хотя обе они служат той же цели, что и «заголовки», объясняющие, о чем ваша страница.

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

6. Каковы некоторые распространенные ошибки h2?

Если вы собираетесь сосредоточиться на теге h2 в своих усилиях по содержанию, постарайтесь не допускать следующих ключевых ошибок:

Исключение тега h2, когда это необходимо. (Не исключайте тег h2, если он помогает вашей аудитории понять, о чем ваш контент!)
Придерживайтесь одного тега h2, когда вам кажется, что вам нужно больше. (Не думайте, что вам нужно ограничиваться только одной штукой. Если вы думаете, что вам нужно больше, сделайте это.)
Сосредоточьтесь исключительно на алгоритме. (отдавайте предпочтение опыту пользователей, а не алгоритму поисковой системы.)
Дублирование тегов h2. (Если в этом нет необходимости, зачем переборщить?)

Заключение

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

Как использовать теги заголовков и теги h2 для SEO

Заголовки не только делают контент на веб-странице более организованным и легким для чтения. Они также имеют решающее значение для хорошего технического SEO. Это относится к шагам поисковой оптимизации (SEO), которые вы предпринимаете, чтобы облегчить поисковым роботам вашего веб-сайта сканирование и индексирование веб-страниц (в основном «читают» страницы и классифицируют их соответственно).Если боты не могут сканировать страницу, они не могут ее ранжировать.

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

Существуют различные типы тегов заголовков, сгруппированных по номерам, от h2 до H6. Каждый заголовок служит разной цели, предоставляя сканерам поисковых систем, таким как робот Googlebot, ценную информацию об этой странице.В этом руководстве основное внимание уделяется тому, как использовать теги h2 для улучшения результатов SEO:

Веб-страница или сообщение в блоге могут иметь несколько заголовков. Теги языка разметки гипертекста (HTML) используются для различения типов заголовков. Тег HTML — это, по сути, всего лишь фрагмент кода, который сообщает веб-браузеру компьютера, как должно отображаться содержимое. Тег h2 может выглядеть так:

`Вот тег h2`

Код (

) сообщает браузеру, как отображать текст «Вот h2 тег.”Различные типы тегов заголовков обозначают заголовки на веб-странице.

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

В этом посте о тенденциях в дизайне интерьера вы легко найдете тег h2 в исходном коде:

`Тенденции дизайна и декора интерьера, которых следует ожидать в 2020 году`

Здесь так выглядит тег h2 для пользователей, посещающих страницу:

Источник: The Spruce

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

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

Если основной заголовок h2 похож на название книги, подзаголовок h3 похож на главы. Вы можете использовать заголовки h3, чтобы разделить ваш контент на логические разделы. Например, если заголовок страницы — «Лучшие практики SEO на 2021 год и способы их реализации», вы можете разделить контент на две основные «главы»: список лучших практик и способы их применения.

тегов h4 дополнительно разделяют и проясняют ваш контент. Например, предположим, что у вас есть две категории h3 в вашем контенте: «Лучшие методы SEO» и «Как внедрить методы SEO.”

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

Теги h5, H5 и H6 дополнительно упорядочивают контент на странице. Они позволяют добавлять более мелкие детали, не заставляя читателя бороться с громоздкими кусками текста.

Например, у вас есть раздел h3 «Лучшие методы SEO.»Под этим у вас есть тег h4″ Получить высококачественные обратные ссылки «. Затем вы можете добавить теги h5, отвечая на такие вопросы, как «Что такое качественные обратные ссылки?» и «Как получить качественные обратные ссылки?»

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

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

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

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

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

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

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

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

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

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

Доступны плагины, которые помогут вам улучшить качество тегов заголовков. Плагин Yoast SEO для WordPress отмечает, что фрагмент текста превышает 300 слов и должен быть разбит, например, на заголовок или подзаголовок.Если вы используете Joomla, вы можете получить расширение Aimy h2 Heading для исправления отсутствующих заголовков h2. Для пользователей Drupal проверьте модуль Taxonomy Title для обновления тегов h2 и h3.

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

Однако эти требования больше не являются обязательными, отчасти из-за развития HTML5. Теперь наличие нескольких заголовков h2 не проблема. Кроме того, Google предпочитает более удобный интерфейс, а не плотность ключевых слов.

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

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

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

Что такое тег h2?

Знаете ли вы — согласно недавнему тематическому исследованию на Moz, — что простой акт улучшения элемента h2 на вашем сайте показал увеличение трафика в среднем на 9%? (1)

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

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

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

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

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

Что такое тег h2?

Во-первых, давайте разберемся, что такое HTML-тег h2 headers и как он выглядит.

Тег h2 в HTML форматируется с помощью открывающего тега

, за которым следует заголовок или текст h2, а затем закрывается закрывающим тегом

. Вот пример тега h2 в коде HTML:

  Это тег h2.

HTML означает H yper t ext M arkup L anguage, который является кодом которые большинство разработчиков используют для создания веб-сайтов.

Тег HTML — это небольшая часть этого кода, который определяет, как этот код будет отображать ваши данные, будь то изображение, текст или что-то еще.

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

Заголовки HTML пронумерованы от 1 до 6+, причем заголовки h2 являются наибольшим, наиболее важным или высшим в иерархии. За этим заголовком следуют h3, 3, 4, 5 и 6 внизу иерархии.

Иногда тег h2 действует как фактический заголовок веб-страницы. Но так бывает не всегда.

У вас может быть заголовок, отличный от заголовка h2 (заголовок, который отображается в результатах поиска) (основной заголовок, который отображается на самой веб-странице).

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

Прежде чем мы продолжим, давайте быстро рассмотрим разницу между заголовками h2 (наш текущий фокус) и тегами заголовков страниц.

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

Что такое тег заголовка страницы?

Тег заголовка страницы — это элемент HTML, который обеспечивает заголовок для данной страницы. Он имеет свои собственные теги и отображается в коде следующим образом:

  Что такое тег заголовка страницы?

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

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

Вот уже несколько лет Google оставляет за собой право решать, как теги заголовков отображаются в результатах поиска.Согласно их руководящим принципам —

«Создание Google заголовков и описаний (или« фрагментов ») страниц полностью автоматизировано и учитывает как содержание страницы, так и ссылки на нее, появляющиеся в сети».

Автоматизированные заголовки Google могут быть созданы на основе привязок, текста на странице, текущего HTML-заголовка h2 или других ссылок на странице.

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

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

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

У Google гораздо больше информации о том, что делает теги заголовков интерактивными.Если ваш алгоритм изменен их алгоритмом, обычно это идет вам на пользу.

Могу ли я использовать h2 и заголовки с идентичным текстом?

Вы можете использовать одинаковые теги h2 и title, но многие эксперты по цифровому маркетингу не рекомендуют использовать один и тот же текст.

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

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

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

По этой причине заголовки часто длиннее, чем h2.Дополнительная длина, как правило, вмещает дополнительную информацию, например:

Действия, глаголы и фразы, такие как «узнать, почему» или «узнать, как»
Брендинг
Местоположение страны или города (особенно важно для местных результатов)

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

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

Почему H2S так важны?

Теперь, когда вы точно понимаете, что такое HTML-теги h2 и можете отличить их от тегов заголовков, вы, вероятно, задаетесь вопросом, как связаны теги h2 и SEO.

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

В недавнем исследовании Search Engine Journal обнаружил, что одним из наиболее важных факторов для органического ранжирования в поисковых системах был тег заголовка страницы и заголовки веб-сайтов, включая, в частности, ваши h2s.(2)

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

Ваш h2 — это самый первый элемент SEO на странице, который привлечет внимание ваших посетителей. Он большой, по центру и (если построен правильно) прямо по делу. Короче говоря, это ваше первое впечатление, и вы не можете позволить себе его тратить зря.

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

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

Это просто самый привлекательный визуальный элемент на странице. Вы бы просто зря потратили все это пространство, если бы не использовали его правильно.

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

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

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

Анджела Хилти, специалист по SEM в OuterBox Inc, говорит об этом так: «Теги заголовков должны иметь смысл для читателя.Если ваши посетители понимают заголовок на вашей странице, поисковая система, вероятно, тоже сможет это сделать ». (3)

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

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

Наконец, настроить тег h2 для SEO относительно просто и БЕСПЛАТНО. Если вы можете повысить свой рейтинг в поисковых системах за считанные минуты и бесплатно, почему бы вам не отнестись к этой возможности всерьез?

Как создать SEO-дружественные теги h2?

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

К сожалению, многие веб-мастера и специалисты по цифровому маркетингу все еще не уделяют своим h2s должного внимания. Итак, если вы хотите создать более «оптимизированные для SEO» h2, я следую этим протоколам и рекомендую вам их использовать.

Используйте только один тег h2 в своем HTML-коде

Тег h2 SEO следует использовать с осторожностью — он не станет более эффективным, если вы продолжите добавлять их.

Фактически, у вас должен быть только один тег h2 в вашем HTML-коде. Почему ? Потому что иметь более одного тега h2 на странице просто бесполезно. Наличие нескольких тегов h2 на странице может сбивать с толку как пользователей сайта, так и роботов поисковых систем.

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

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

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

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

,

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

Что произойдет, если вы нажмете на страницу с тегом header / h2 как «Чем заняться этим летом», но когда вы прокручиваете текст, на самом деле речь идет о какие купальники можно носить на пляже?

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

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

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

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

Без сильного целевого ключевого слова, как вы собираетесь ранжироваться по поисковым запросам, которые имеют значение для вашего веб-сайта? Как вы собираетесь привлекать посетителей с правильным намерением пользователя совершить конверсию?

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

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

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

Отформатируйте тег h2, чтобы он выделялся

Этот совет не столько касается технической стороны вещей, сколько эстетической.

Тег

HTML указывает Google уделять особое внимание этому набору текста, поскольку он описывает содержание вашей страницы.Как один из наиболее важных фрагментов кода (по крайней мере, для SEO), его форматирование должно отражать это.

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

Nayan Suthar
Product Designer & Medium Contributor

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

Получите правильную длину тега h2

Получение идеальной длины для тега заголовка — это одновременно искусство и наука.

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

Итак, какой длины должны быть теги h2?

Вообще говоря, вы должны ограничить свой тег h2 примерно 20-70 символами.

Помните: это символов (включая пробелы и знаки препинания в дополнение к тексту), а не слова!

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

Обращайтесь к намерениям вашего пользователя

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

Что они ищут? Каковы их основные заботы и потребности? Если они ищут это конкретное ключевое слово, какой контент они ожидают найти?

Например, если пользователь ищет «вечнозеленые советы по SEO», что это говорит вам о намерениях пользователя?

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

Итак, тег h2, который обращается к намерению пользователя , может выглядеть так:

«10 простых приемов SEO, которые повысят ваш рейтинг СЕЙЧАС (Evergreen Edition)»

Все это сводится к следующему: это; Написание эффективного HTML-кода h2 — это все о , удобном для пользователя .

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

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

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

Сколько пользователей нажимают на ваш сайт?
Как долго пользователи остаются на странице?
Они быстро щелкают?
Переходят ли по ссылке дальше?

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

Как провести аудит тегов h2 для повышения SEO вашего сайта на этой неделе

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

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

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

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

Проще всего это сделать с помощью бесплатного программного обеспечения, такого как Screaming Frog. Этот инструмент может быстро очистить все страницы вашего веб-сайта и предоставить вам лист, который включает h2s для каждого URL-адреса.

Когда все будет готово (с помощью SF или другой программы), просмотрите список и подтвердите следующее для каждого URL:

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

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

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

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

Подводя итоги

Многие оптимизаторы поисковых систем терпят неудачу, когда рассматривают свои h2 как небольшой или несущественный фрагмент кода. Теперь тебе виднее. Наличие сильного заголовка — простой (и дешевый) способ добиться значительного повышения в вашей поисковой выдаче.

Заголовки

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

Это может легко определить разницу между плохим трафиком и успехом SEO.

Пришло время применить свои новые знания о тегах h2! Проанализируйте свой сайт, перепишите h2s и посмотрите, как появляются эти клики.

Часто задаваемые вопросы (FAQ)

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

Нужен ли мне тег h2?

Да. Тег h2 считается «основной темой» вашей статьи и помогает сообщить Google, о чем ваша страница. Это правда, что он вам не обязательно нужен в том смысле, что ваша страница может ранжироваться без него, но вы определенно этого хотите. Любые подтемы, которые, по вашему мнению, необходимо осветить, можно упомянуть в заголовках h3-h6.

Что такое тег заголовка?

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

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

Тег h2 совпадает с заголовком страницы?

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

Должен ли тег h2 соответствовать заголовку?

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

Сколько раз я могу использовать тег h2?

Рекомендуется использовать только один тег h2 на страницу. Наличие более одного тега не обязательно повредит вашему SEO, но это не дает никаких преимуществ и может запутать сканеров и поисковиков. Вы можете использовать подзаголовки (h3, h4 и т. Д.) Столько, сколько хотите, чтобы разбить основную тему на подразделы.

Какие 6 уровней тегов заголовков?

Шесть уровней тегов заголовков: h2, h3, h4, h5, h5, h6.Заголовки следуют иерархии. Тег h2 — это самый высокий / самый важный уровень, а H6 — самый низкий.

Ссылки

https://moz.com/blog/on-page-seo-changes-case-study
https://www.searchenginejournal.com/important-tags-seo/156440/
https://www.outerboxdesign.com/search-marketing/search-engine-optimization/h2-header-tag-seo-importance
https://medium.com/@nynsuthar/space-size-style- aba80f820716

Как создать идеальный тег h2 для повышения рейтинга Google

Вы когда-нибудь задумывались, сколько тегов h2 нужно в вашем контенте…? Или интересно, что такое тег h2?

Если вы задумались над любым из этих вопросов, вам понравится сегодняшний пост.

Потому что … они помогут с рейтингом в вашей поисковой системе или нанесут ущерб, в зависимости от того, что делается.

…. Я дам вам все подробности, которые вам когда-либо понадобятся, о h2s, включая требования к SEO, которые помогут вашему локальному SEO.

В видео я демонстрирую создание тега h2 и использование инструментов для их идентификации.

Что такое тег h2?

Когда вы создаете документ в Microsoft Word или аналогичных программах, вы можете разделить документ.Вы можете разместить на своей странице заголовок 1 (т. Е. Тег h2), который обычно выглядит более крупным шрифтом, чем обычный текст, и, в большинстве случаев, жирным.

Вы также можете использовать другие стили заголовков меньшего размера, например, теги h3, h4 или h5. Когда люди видят заголовок 1, это привлекает внимание к соответствующему разделу статьи.

Итак, h2 или заголовок 1 в сообщении блога — это одно и то же.

Сколько H2S должно быть у вас в блоге?

Обычно в нашем сообщении используется один тег h2, а затем используется тег h3 для подзаголовков.Хотя с HTML5 у вас может быть более одного h2 на странице. Это зависит от того, как вы разделяете контент. Вот пример, когда есть несколько h2, и вы видите, что они разделены «article».

<заголовок>

название сайта

Заголовок страницы

Название статьи

Прочтите это для получения дополнительной информации -> Рекомендации W3 для h2

В чем разница между тегом h2 и SEO-заголовком?

Хороший вопрос!

SEO-заголовок (часто называемый мета-заголовком) не отображается на вашей странице, но является важным фактором для Google при индексировании вашего сообщения.Если вы используете такой инструмент, как плагин Yoast SEO, вы сможете добавить мета-заголовок в конце своего сообщения. Когда вы ищете что-то в Google, первая строка результатов поиска — это мета-заголовок. Если ваш мета-заголовок не оптимизирован для ключевых слов и не оптимизирован для поиска, вы потеряете трафик.

Добавление заголовка SEO / Meta в Yoast

Тег h2 обычно совпадает с заголовком meta, но не обязательно.

Если h2 используется для имени сообщения в блоге, это то, что вы видите на странице сообщения в блоге.

Что такое h2 в HTML?

Чтобы проверить, есть ли у вас теги h2, вы можете посмотреть источник вашего сообщения (в зависимости от браузера вы щелкаете правой кнопкой мыши и выбираете «просмотреть источник»).

Когда вы просматриваете источник сообщения в блоге, ищите h2.

Вы увидите что-то вроде этого:

Аналитика Instagram: инструменты, советы и тактики

Подобные сообщения, которые могут вам также понравиться …

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

TL; DR

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

Обновление: Google создал видео 3 октября 2019 г. — Несколько заголовков h2: как с ними работать для SEO и доступности

Обновление: Подтверждено Google 21 декабря 2017 г. — шаблон моего сайта содержит несколько тегов h2

Дебаты о множественных тегах h2 Теги

h2 являются синонимами SEO. К сожалению, даже Google не согласен с тем, насколько важны теги h2 для ранжирования. Разные инженеры говорили разные вещи.

HTML5 «официально запущен» в октябре 2014 года. Это вызвало новый интерес к давним дебатам по SEO среди веб-дизайнеров и профессионалов в области интернет-маркетинга. Плохо ли для SEO использование нескольких тегов h2 на одной странице? В зависимости от школы мысли, на которую вы подписываетесь, некоторые веб-дизайнеры обсуждали истинный вариант использования в описании документа. Как и некоторые оптимизаторы поисковых систем. Мы знаем, что теги h2 имеют значение, но в последнее время это значение уменьшилось до «легкого» в качестве сигнала ранжирования. Некоторые оптимизаторы поисковых систем пытаются вставить на страницу несколько тегов h2 (обычно с целевыми ключевыми словами), полагая, что они влияют на алгоритм выделения.Я видел элементы h2 в цепочках навигации, скрытые за бессловесной графикой и выдвинутые к краю с помощью CSS.

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

Обзор документа HTML5

Для всех, кто не разбирается в технологиях, с 1997 года HTML4 был для веб-разработчиков основным средством создания набросков, кодирования и создания сайтов.Фактически, многие из существующих сегодня сайтов построены на HTML4. Независимо от того, перешли ли вы на спецификацию HTML5 или используете HTML4, можно использовать несколько тегов h2. Убедитесь, что для них есть логическая причина и что вы не злоупотребляете ими в ущерб пользовательскому опыту. Это старое, но актуальное видео от Мэтта Каттса соглашается. H2

Использование тегов для начинающих

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

Присоединяйтесь к нашему списку рассылки!

Хотите знать, когда будут выпущены новые бесплатные инструменты и сообщения в блогах? Подпишитесь на нашу рассылку!

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

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

Но имеет ли это смысл с точки зрения контент-маркетинга и цифрового маркетинга? Нет ли ситуаций, когда страница может объединять несколько тем (несмотря на некоторые рекомендации технических специалистов по поисковой оптимизации), когда уместно использовать несколько тегов h2? Благодаря окончательному согласованию стандартов HTML5, использование нескольких тегов h2 в одном URL-адресе теперь считается семантически правильным — при условии, что они используются правильно, а не как уловка для рассылки спама. Проще говоря, есть новые правила использования h2.

Ниже показано, как теги h2 могут использоваться в структуре вашего документа:

h2 всегда должен находиться в первом разделе содержимого страницы (обычно это логотип или область заголовка уровня).
h2 могут использоваться для разделения разделов контента (традиционно там, где чаще всего считается h3).
h3 используются в качестве элементов заголовка HTML для детализации контура для поддержки метки раздела h2, за которой следует h4 и т. Д.

С нашей точки зрения, по мере того, как Google расширяет свое понимание за рамки простых ключевых слов, побуждая нас всегда писать для людей, мы собираемся рекомендовать использовать теги h2 по мере необходимости для пользователей. Затем поработайте с ключевыми словами, когда это имеет смысл. Мы больше не придерживаемся менталитета «только один тег h2» и не видим причин против рекомендовать правила использования HTML5.Похоже, это подходящее совпадение с желаниями Google после появления Hummingbird.

Оптимизация тегов h2 для SEO

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

Ключевое слово, которое вы выбираете для своего тега h2, должно несколько отличаться от ключевого слова, которое вы хотите использовать в теге заголовка и URL.
Напишите содержание своей веб-страницы так, чтобы ваш h2 формулировал убедительное, удобное для пользователя сообщение, которое имело смысл и было легко узнаваемым, в отличие от заголовка, заполненного ключевыми словами.
Слова в каждом теге h2 должны быть уникальными и ориентированы на веб-страницу, на которой они находятся. Наличие уникального тега h2 было бы полезно для распознавания Google уникальной релевантности между разными страницами. Теги h2 — один из самых важных элементов SEO на странице рядом с тегом заголовка.

Пример документа HTML4

<—Это начало статьи <—Это начало статьи

Изучение SEO

<—Это h2 - тег заголовка статьи; обычно основной предмет

О SEO

<—Этот тег h3 является началом определенной части статьи

параграф

абзац

Зачем изучать SEO

<—Этот тег h3 является началом другой конкретной части статьи

абзаца

абзац

<- это конец статьи

Пример документа HTML5

Теперь это та же статья, созданная с использованием стандартов документов HTML5:

Изучение SEO

<- этот тег h2 является тегом заголовка всей статьи, а также представляет первый раздел содержимого.

<—Обратите внимание на то, как заголовок отделен от остальной части статьи.

<—Обратите внимание на div «article», новое дополнение для разделения содержимого на разделы.

О SEO

<- этот тег h2 является началом определенной части статьи. (Обратите внимание, что теперь это теги h2, а не h3, как в HTML4).

абзац

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

Зачем изучать SEO

<—Этот тег h2 является началом другой части статьи. (Опять же, обратите внимание, что теперь это теги заголовков h2, а не h3, как в HTML4).

абзац

<—Это конец статья.

Итак, что показывают эти два примера тегов HTML? Проще говоря, причина, по которой можно использовать несколько тегов заголовков в документе HTML5, заключается в таких элементах, как теги

.Эти HTML-теги сообщают поисковым системам, что они должны рассматривать эти разделы как отдельные статьи.

Поскольку Google отдает предпочтение сайтам с более длинными, более целостными фрагментами контента (о чем свидетельствует Hummingbird), а также с увеличением его способности к семантическому пониманию, наличие нескольких h2 на одной странице может стать более распространенным явлением. На самом деле это может быть полезно, помогая как пользователям, так и поисковым роботам лучше переваривать раздел содержимого на каждой веб-странице. Можно с уверенностью предположить, что Google присоединится к HTML5 в отношении тегов h2, если они еще этого не сделали.

Что вы думаете о нескольких тегах h2? Напишите нам в Твиттере @greenlane_team !

Билл Себальд

Управляющий партнер

Я занимаюсь SEO с 1996 года.Блогер, спикер, иногда преподает в Университете Дрекселя и Филадельфии. Я основал Greenlane в 2005 году, чтобы помогать клиентам использовать поисковый маркетинг для достижения бизнес-целей. Я люблю это.

Подпишись на меня в Твиттере

Простое (но полное) руководство по тегам h2, h3 и h4

Это полное руководство по тегам заголовков в 2021 году.

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

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

Вот краткий обзор того, что охвачено:

Что такое теги заголовков и , как именно их использовать
Разница между тегами h2, h3 и h4 и когда правильно использовать каждый тип
Пять причин, почему теги заголовков необходимы прямо сейчас
Анатомия идеально структурированной иерархии тегов заголовков
Как создать теги от h2 до H6, которые обеспечивают более высокий рейтинг (и продажи)
Участки еще

Приступим.

ЗАГРУЗИТЬ: Бесплатный контрольный список, который покажет вам, как именно реализовать советы по оптимизации тегов заголовков, содержащиеся в этом сообщении.

Что такое заголовочные теги? Определение без жаргона

Проще говоря:

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

Они отличает заголовок

и подзаголовки от

до

от остального содержимого.

Число от 1 до 6 определяет важность и позицию заголовка в общей иерархии структуры заголовка.

Как и большинство терминов SEO, для описания заголовков используются всевозможные синонимы:

Теги заголовков, заголовки HTML и теги H — это еще несколько способов описать то же самое.

Итак, если вы слышали эти термины SEO раньше, теперь вы знаете, что они означают.

Это просто теги заголовков с разными именами.

С другой стороны, « HTML-заголовок » — это раздел кода между элементом

на веб-странице.

Это контейнер для вводного содержания, такого как навигация, логотип, информация об авторе и сведения о заголовке.

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

Также НЕ следует путать теги заголовков с элементом < head > HTML-кода.

< head > является контейнером для метаданных (данных о данных) и помещается между тегом < html > и тегом на вашей веб-странице.Его содержимое не отображается на странице, но имеет решающее значение для SEO.

Это место в вашем коде, где размещаются заголовок страницы, метаописание и скрипты, такие как Google Analytics.

Все еще со мной?

Отлично, продолжим.

Что такое тег h2?

Предположим, вы ничего не знаете о h2s.

Я поделюсь с вами очень простым определением :

h2 — это тег HTML, который указывает основной заголовок на веб-странице.

Давай распакуем.

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

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

Самый простой способ понять, как использовать тег «Заголовок 1», — это представить, что вы пишете схему документа.

Основным заголовком вашего документа должен быть ваш

.

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

h2 Пример тега:

Используя приведенный выше пример из Smart Passive Income, тег h2 имеет значение «Изучите этический партнерский маркетинг».

При просмотре в HTML тег h2 выглядит следующим образом:

     Изучите этический партнерский маркетинг

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

Здесь появляются другие теги заголовков.

Что такое тег h3?

В то время как ваш тег h2 используется для основного заголовка вашего документа ;

Ваши основных пунктов заключены в подзаголовки, известные как h3s.

Другими словами:

Тег

определяет заголовки второго уровня на вашей веб-странице.

Но теги заголовков не заканчиваются на h3s.

Подпункты под тегами

используют теги заголовков

:

И подпункты ниже тегов

используют теги заголовков

.

Эта последовательность может продолжаться вплоть до тегов

,

, которые являются наименее важными в иерархии тегов заголовка.

Однако:

Довольно редко вы пишете контент настолько глубоко, чтобы потребовались теги h5, H5 и H6.

(если только ваш контент не очень длинный, и технический).

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

И даже в этом случае мои подзаголовки состоят из простых h3 и h4:

Итак, давайте завершим теги h3:

Теги подзаголовков

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

h3 используются для выделения важной информации и заголовков подразделов на вашей странице.

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

Используя приведенный выше пример, так выглядит тег h3 в HTML-коде:

     Как заявить о своем бизнесе в Google

Понял? Хороший.

Далее мы более подробно рассмотрим теги заголовков и способы их кодирования в HTML.

Теги заголовков в HTML: и важность h2

Заголовочные теги и, в частности, тег h2, выполняют важную функцию в структуре HTML.

Позвольте мне объяснить:

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

Следовательно, файл HTML должен (теоретически) иметь только один заголовок h2.

Почему? Потому что тег h2 — это корень, с которого начинаются все остальные узлы.

Напротив, заголовки ниже по порядку (от h3 до H6) могут использоваться сколь угодно часто.

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

С точки зрения кода теги заголовков используются только для отображения текста.

Таким образом, форматирование заголовков должно быть указано в файлах CSS для разделения формата и содержимого.

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

Заголовочный тег в коде вашего веб-сайта превращается в два простых HTML-тега:

Открывающий тег и закрывающий тег.

Внутри этих двух тегов находится текст заголовка, который вы хотите отобразить:

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

     Это заголовок  
  Это подзаголовок  
  Это третий подзаголовок

Конечно, код вашего сайта отображает не только заголовки.

Он также будет содержать основной текст и другие элементы.

Вот как выглядит HTML-код с рядом заголовков И основного текста:

     Это заголовок  
  Резюме  
 Здесь текст... 
  Примеры  
  Пример 1  
 Здесь текст ... 
  Пример 2  
 Здесь текст ... 
  См. также  
 Здесь текст ...

В кодовых элементах ничего особенного нет.

Просто запомните:

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

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

Ваше текстовое содержимое записывается между двумя элементами тега.

С учетом всего сказанного:

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

Как добавить теги h2 в H6 в WordPress

WordPress — самая популярная система управления контентом в Интернете.

Согласно WordCamp, в настоящее время существует более 75 миллионов сайтов, использующих WordPress .

Это около 30% всех веб-сайтов во всемирной паутине.

Что делает WordPress настолько популярным, так это дружелюбие к поисковым системам и простота использования.

Добавление функций SEO, таких как настраиваемые заголовки страниц и постоянные ссылки, гиперссылки и оптимизированные изображения, в WordPress — одно дело.

То же самое и с добавлением тегов заголовков на страницу или сообщение.

Есть два основных способа добавить теги заголовков в WordPress; Я покажу вам обоим:

(а).Добавление тегов h2 в WordPress через редактор

Самый простой способ добавить заголовки — через редактор. Если вы уже используете редактор блоков Гутенберга, нажмите кнопку «+» и выберите «Заголовок»;

Оттуда вы можете выбрать заголовок, который хотите добавить.

Если вы все еще пользуетесь классическим редактором, это тоже просто.

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

Затем просто выберите «Заголовок 1» или «Заголовок 2»… или любой другой заголовок, который вы хотите, в раскрывающемся меню.

Легко, да?

Следующий вариант добавления тегов h2 в H6 в WordPress — это использование HTML.

(б). Добавление тегов h2 в WordPress через редактор

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

Я уверен, что вы следовали инструкциям, так что вы уже знаете HTML-код для

,

и т. Д.

Он начинается с открывающего тега и заканчивается закрывающим тегом с текстом заголовка, зажатым между:

Чтобы добавить теги

в

в WordPress с помощью классического редактора, вам нужно будет находиться на вкладке текста:

В редакторе блоков необходимо переключиться на редактирование в формате HTML.

Для этого щелкните на трех вертикальных точках на панели инструментов блока. Затем выберите параметр «Редактировать как HTML».

Вот так:

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

     Это заголовок h2  
  Это подзаголовок h3  
  Это подзаголовок h4  
  Это подзаголовок h5  
  Это подзаголовок H5  
  Это подзаголовок H6

Давайте теперь обратим наше внимание на Shopify.

Как добавить (или изменить) теги h2 в H6 в Shopify

С момента своего появления на рынке Shopify быстро стал предпочтительной платформой для электронной коммерции.

По данным Hosting Tribunal, почти полмиллиона веб-сайтов используют Shopify.

Как и WordPress, наиболее привлекательным Shopify является его ориентация на пользователя.

Управлять продуктами, добавлять и удалять страницы и публикации невероятно просто.

Так же добавляется

к тегам заголовков

.

В редакторе страниц или сообщений просто щелкните вкладку форматирования:

Затем выберите желаемый тег заголовка:

Как и WordPress и другие системы управления контентом, Shopify также предоставляет редактор кода.

Чтобы добавить заголовки в Shopify с помощью редактора кода, нажмите кнопку <> в окне редактора и добавьте свой код заголовка:

Довольно просто!

С другой стороны, если вы хотите добавить и оптимизировать теги

и

на других страницах вашего магазина Shopify, например на домашней странице или страницах продуктов…

Вам потребуется отредактировать файлы темы Shopify.

К счастью, Даниэль Сим из Plugin Useful собрал здесь удобное руководство по этому поводу.

Зачем нужны заголовки?

Итак, мы рассмотрели «как» добавлять теги заголовков.

Но, тем не менее, у вас может возникнуть вопрос, «почему» вообще используются заголовки?

Особенно, когда Google назвал использование заголовков для SEO переоценкой:

Несмотря на то, что говорит Google, есть (на самом деле) несколько важных причин , почему вам следует использовать теги заголовков:

1.Теги заголовков улучшают доступность — что расширяет охват вашего контента

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

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

Источник изображения: Джеки Тидвелл

Как вы уже узнали, заголовки встроены в HTML, что означает:

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

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

Затем они могут решить, читать ли статью полностью.

Дополнительная информация:

Программы чтения с экрана предлагают ярлыки для перехода от одного заголовка к другому.

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

2.Google использует h2 вместо тегов заголовков (в соответствующих случаях)

В некоторых (не очень) редких случаях;

Например, когда Google не может найти или обработать тег заголовка.

Google может выбрать извлечение заголовка из следующей наиболее релевантной части вашей страницы.

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

В некотором смысле тег h2 страницы служит той же цели, что и тег заголовка.

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

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

Я поделюсь советами, как это сделать позже.

3. Заголовки используются в избранных фрагментах

Проверьте этот избранный фрагмент.

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

И, как вы думаете, откуда берется этот текст?

Как вы уже догадались. Заголовки рейтинговой страницы:

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

Это подводит меня к следующей причине:

4. Google использует заголовки для интерпретации вашего контента (и повышения его рейтинга).

Я подчеркну это двумя утверждениями от Google.

Во-первых, от Джона Мюллера, старшего аналитика тенденций для веб-мастеров в Google, который говорит:

«Мы действительно используем H-теги, чтобы лучше понимать структуру текста на странице.”

А во-вторых, от Мэтта Каттса, бывшего сотрудника отдела качества поиска Google.

«Google смотрит на множество разных вещей. Мы смотрим на более чем 200 вещей, PageRank — лишь одна из них. Всякий раз, когда мы ранжируем вещи, мы используем их в заголовке, в URL, даже если вы знаете вещей, которые выделены, например, теги h2 и тому подобное ».
Мэтт Каттс, Google

Чтобы подробнее рассказать об этом:

Google использует заголовки страниц, чтобы (лучше) интерпретировать содержание.

Поскольку заголовок обычно должен предшествовать блоку содержимого:

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

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

И, в свою очередь, вы получите небольшое повышение рейтинга.

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

5. Использование заголовка связано с более высоким рейтингом

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

Возьмите это из SEM Rush:

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

А этот из Moz:

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

Хотя эти исследования присвоили тегам заголовков лишь умеренный вес, и;

Некоторые специалисты по поисковой оптимизации (справедливо) утверждают, что корреляция тега заголовка с более высоким рейтингом не доказывает, что приводит к более высокому рейтингу , я уверен, вы со мной согласитесь:

Использование хорошо оптимизированных тегов заголовков того стоит.

Или это?

Действительно ли теги h2 работают (SEO-эксперимент)?

Все руководства по SEO дают один и тот же совет:

Источник: Backlinko

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

Moz.com — один из самых надежных (и очень посещаемых) веб-сайтов по теме SEO, и все же:

В блоге

Moz нет тега h2, вместо этого в качестве основного заголовка используется тег h3.

Заметив, что в блоге Moz для заголовков используются теги h3 (вместо h2s), Крейг Брэдфорд из Distilled обратился к Сайрусу Шепарду из Moz.

Вместе Крейг и Сайрус решили провести эксперимент, который, как мы надеемся, определит раз и навсегда, если теги h2 повлияют на рейтинг в поисковых системах.

Для этого они разработали сплит-тест 50/50 заголовков блога Moz с помощью SearchPilot; инструмент для сплит-тестирования SEO A / B.

В ходе эксперимента половина заголовков Moz была изменена на h2s, а другая половина оставлена как h3s.

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

Как вы думаете, что произошло, когда основные заголовки были изменены с неправильного заголовка (h3) на правильный заголовок (h2)?

Ответ:

Совсем немного!

После восьми недель сбора данных они определили:

Изменение заголовков сообщений блога с h3s на h2s не дало статистически значимой разницы.

Что мы можем из этого сделать?

Просто то, что Google в равной степени может определить контекст страницы, если ваш основной заголовок заключен в h2 или h3.

Означает ли это, что вам следует отказаться от лучших практик и отказаться от h2s?

Вовсе нет.

Структура заголовка: анатомия идеально структурированной иерархии тегов заголовка

Как я уже отмечал:

Заголовки сообщают об организации содержания на вашей странице.

И сделайте свой контент более доступным для читателей.

Итак, даже несмотря на то, что Google заявил, что даже без «тегов заголовков» они могут определить, что примечательно на странице…

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

Тогда вопрос становится:

Как структурировать теги заголовков: простая (логическая) иерархия для веб-страницы

Когда дело доходит до структурирования заголовков, следует соблюдать несколько простых правил:

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

При применении этих правил помните о пользователе.

Во-первых, визуальный пользователь, который будет сканировать вашу страницу;

Делает ли ваша иерархия тегов структуру страницы более заметной и легкой для сканирования?

Второй слабовидящий пользователь;

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

Если бы вы читали свои теги заголовков вслух, узнал бы пользователь (точно), какую информацию содержит ваша страница и как она организована?

Если вы ответите «нет» на любой из этих вопросов, ваша структура нуждается в переосмыслении.

Давайте возьмем пример:

     Быстрые ссылки  
     Уроки фотографии  
  Ручная установка экспозиции на камере  
     Установите ISO  
        Влияние ISO на качество изображения  
        Камеры с высоким ISO  
     Выберите диафрагму  
        Влияние диафрагмы на глубину резкости  
        Виньетирование  
        Дифракция  
     Выберите выдержку  
        Ограничения выдержки при удерживании камеры в руке  
        Длинные выдержки

В структуре выше:

Структура начинается с двух заголовков

, а не с

, и ни один из этих заголовков не является основным заголовком веб-страницы.

Вместо этого они являются частью структуры навигации вокруг заголовка в шаблоне.

Более того, как только контент начинается, структура перескакивает с уровня 1 на уровень 3 без промежуточного заголовка уровня 2.

Как вы понимаете;

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

Предположим, что контент — это не то, что они ищут;

Нажмите кнопку «Назад» и перейдите в другое место.

Посетитель пропал!

Я уверен, что теперь вы понимаете, почему важно правильно составить структуру заголовков?

Используя тот же пример…

Вот как должна выглядеть структура заголовка в соответствующем порядке:

     Ручная установка экспозиции на камере  
     Установите ISO  
        Влияние ISO на качество изображения  
        Камеры с высоким ISO  
     Выберите диафрагму  
        Влияние диафрагмы на глубину резкости  
        Виньетирование  
        Дифракция  
     Выберите выдержку  
        Ограничения выдержки при удержании камеры в руке  
        Длинные выдержки

Каждый уровень заголовка, от

до

, указывает отношение одной части контента к другим частям.

Содержимое под заголовком логически связано с заголовком над ним.

Точно так же содержимое в блоке содержимого

логически располагается под предшествующим ему

.

Таким образом, структура заголовков упорядочивает содержание документа иерархически.

И очень ясно показывает, что важно.

Бинго!

Проверка тегов h2: как провести аудит заголовка

Итак, теперь вы знаете, как структурировать новые страницы на своем сайте, верно!

Но как насчет ваших существующих страниц?

Как проверить, используют ли они правильные теги заголовков?

Ну, есть пара способов:

Во-первых, вы можете проверить исходный код своего веб-сайта .

Для этого перейдите на веб-страницу, которую вы хотите проверить с помощью Google Chrome.

Затем нажмите «Просмотр», затем «Разработчик», затем «Просмотр исходного кода».

Затем нажмите «Control F», чтобы запустить функцию поиска на странице, а затем «

Этот процесс можно повторить для h3s, используя поиск «

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

Установив SEO Quake, откройте страницу, которую хотите проверить, перейдите на вкладку «Диагностика» внутри SEO Quake, затем прокрутите вниз до раздела «Заголовки».

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

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

Но может быть проблема.

Страница содержит два заголовка h2.

Теги h2: сколько элементов h2 рекомендуется на одной странице

Как я указывал ранее, страница должна иметь только один тег h2 .

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

И, имея только один тег h2, ваши усилия по поисковой оптимизации сосредоточены вокруг одной основной темы — с несколькими (исчерпывающими) подтемами под заголовками, в которых используются h3s и h4s.

Это идеальная структура для ранжирования в наши дни.

Но как насчет случаев, когда на вашей странице более одного h2?

Или вообще х2 нет?

Согласно исследованию, проведенному SEMRush, большой процент веб-сайтов содержит проблемы с тегами h2:

Но, согласно Google, это не повод для беспокойства:

Тем более, что HTML5 может использовать h2 для перехода к нескольким разделам на одной странице.

Итак, что я рекомендую?

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

Если, однако, вы используете код до HTML5, где одна страница обычно означает одну основную тему — тогда придерживайтесь правила одного h2 / одной страницы!

Как создать убийственные теги от h2 до H6. Пять советов по написанию заголовков

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

Давайте прыгнем:

1. Дайте им то, для чего они пришли — Освоение поискового намерения с помощью h2s

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

Они ошибаются!

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

Как так?

Два словечка; цель поиска.

Представьте на мгновение, что вы что-то искали в Google, нажимали на релевантный результат и попадали на целевую страницу.

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

В сценарии B заголовок страницы вообще не соответствует вашему поисковому запросу.

На какой странице вы остаетесь?

Страница A, конечно.

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

Длительное время ожидания (также известное как время на странице) — это мера удовлетворенности поисковика.

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

И, в свою очередь, повысит рейтинг страницы.

Проще говоря:

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

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

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

Главное здесь; целевое ключевое слово или его близкий вариант .

Конечно, вы можете указать точное ключевое слово, но это не обязательно.

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

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

Проиллюстрируем это на примере:

Глен Оллсопп с сайта Detail.com написал эту заставку о построении ссылок.

Он нацелен на ключевое слово «расширенное построение ссылок».

Чтобы сообщение соответствовало поисковому запросу, Глен включает свое ключевое слово в заголовок страницы сообщения:

И снова в шапке страницы.

Понятно, что любому, кто ищет «расширенное построение ссылок», сообщение Глена найдет то, что им нужно.

Это может только помочь улучшить время ожидания сообщения Глена и успокоить алгоритм Google RankBrain.

2. Используйте технику «Ну и что» и превратите ваши скучные, ориентированные на особенности заголовки в полезные крючки

Вместо того, чтобы писать короткие подзаголовки, ориентированные на особенности.

Я включаю льготы как минимум в 50% моих h3:

Почему я это делаю?

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

Например:

В этом посте об экспериментах по SEO я мог бы просто написать «Использовать исходящие ссылки» в качестве h3.

Но вместо этого я добавил впечатляющее пособие, показывающее проблему, которую эта информация решит.

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

Итак, как вы составляете заголовки, ориентированные на выгоду?

Спросите: «Ну и что?» многократно.

Позвольте мне показать вам на примере, который я почерпнул из Enchanting Marketing:

Характеристика: Духовка быстро разогревается.

И что?

Он готов к приготовлению лазаньи.

И что?

Ваша еда на столе раньше.

И что?

Жизнь менее стрессовая. Меньше будет слоняться по кухне в ожидании готовности духовки. И вам не о чем беспокоиться; вы можете забыть разогреть духовку.

Ваш заголовок, который начинался как «Функция предварительного нагрева»

Теперь может стать:

«Экономьте время и снижайте стресс с помощью этой уникальной функции предварительного нагрева»

Что с большей вероятностью удержит у вас приклеенным к странице?

3.Сделайте заголовки яркими с помощью ярких шрифтов и контрастных цветов

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

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

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

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

ИЛИ комбинацию всего вышеперечисленного.

Давайте взглянем на пару примеров:

Блог Ahrefs отлично справляется с распознаванием заголовков:

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

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

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

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

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

С этим, на мой четвертый наконечник

4. Используйте эти изящные техники копирайтинга, сократите показатель отказов и увеличьте продажи

Если это не заставит вас серьезно относиться к написанию заголовков, ничто не поможет:

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

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

Это касается не только основного заголовка (h2), но и подзаголовков (от h3 до H6).

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

Либо они останавливаются, либо продолжают читать.

Вот почему так важно использовать привлекательный текст во всех заголовках (от h2 до H6).

Я не специалист по копирайтингу, поэтому оставлю это Невилу Медхоре на курсе Копи-письма, чтобы он поделился некоторыми советами по написанию заголовков.

5. ОСТАНОВИТЕ читателей, вставляя эти элементы заголовка в свой контент

Использование графики отличное.

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

Но когда вы объединяете и то, и другое, происходит настоящее волшебство.

Как мы уже обсуждали:

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

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

Чтобы сократить время пребывания на странице, есть одна вещь, на которой вы должны сосредоточиться превыше всего;

Сделайте ваш контент более читабельным .

Помимо;

Короткие абзацы
Изображения и мультимедиа
Блоки котировок
Пункты списка
Тесты

Есть еще один прерывающий элемент контента, который вы должны вставить рядом с вашими подзаголовками, который обязательно остановит «скиммеры контента» на своем пути:

Графика пользовательского заголовка

Взгляните на этот обзор местного SEO в блоге SEO Sherpa.

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

Они не только делают пост намного более впечатляющим.

Но они помогают увеличить время на странице до приличных 4 минут в среднем:

Что намного выше среднего для сайта:

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

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

Canva — инструмент для редактирования изображений (бесплатно)
PicMonkey — средство для создания графического дизайна (бесплатно)
99 Дизайнов — дизайнеры-фрилансеры (лоу-кост)
Upwork — платформа для фрилансеров (лоу-кост)

Какой бы маршрут вы ни выбрали.

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

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

Теперь дело за вами!

Как применить эти методы на практике на вашем сайте

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

Он описывает — шаг за шагом — как именно использовать стратегии, о которых я говорил в посте.

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