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

h2 заголовок html что это такое в SEO, пример на сайте. Как правильно писать текст заголовков h2 h3 h4 h5 h5 h6

h2 (h – от header, а 1 – это уровень) – это заголовок первого уровня, который не является мета-тегом, но вместе с мета-тегами title и description составляют основу представления страницы для поисковиков.

Наличие правильного h2 – важнейшее условие для хорошего СЕО продвижения.

Сколько уровней бывает у заголовков

Уровней заголовков на сайте может быть 6. Цифра отображает общность тайтла, где 1 это самый общий и важный заголовок, отображающий тему всей страницы, а далее по уменьшению.

Обычно не используют h5-h6 т.к. h2-h4 вполне хватает. Исключение составляют длинные статьи с большой иерархией. Главное, чтобы структура текста была понятна.

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

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

Какие правила для написания

Одна страница – один h2

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

Так h2 выглядит в коде

При этом критической ошибкой это не является, но рекомендуется ставить h2 только 1 раз на страницу. Он отображает общее содержимое.

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

Например:

h2 – короткое описание страницы или название товара

Как уже было сказано ранее – h2 должен четко описывать содержимое.

Обычно в него входят высокочастотные слова или фразы.

Нельзя составлять его из не информативных фраз или, например, преимущества товара (Быстро, качественно, не дорого).

Вот пример правильного h2:

Длина

Длина заголовка в идеале не должна быть больше 60 символов, а еще лучше если он будет 3-4 слова т.к. иногда поисковики используют h2 в качестве заголовка сниппета, а он ограничен.

Самое важное это то, чтобы он четко описывал контент. А для сниппета существует мета-тег тайтл.

Уникальность

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

При формировании – желательно, чтобы он не дублировал title. А еще лучше, если h2 и title будут включать в себя разные ключи.

Где прописать h2?

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

Так, например, в CMS Joomla он устанавливается из заголовка материала:

В настройках вы можете отключить автоматическое отображение по вашему усмотрению

В WordPress же h2 будет являться верхняя строка формы, где указывается название страницы

Итог

Правильное использование h2 позволяет сформировать более удобное восприятие информации. А это учитывается поисковыми роботами.

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

Теги заголовков h2, h3, h4 на страницах сайта: использование для SEO, примеры

Техническая SEO-оптимизация страниц предполагает использование целого ряда тегов и мета-тегов: <title>, <meta name=»description»>, <link rel=»canonical»> и других. От грамотного применения этих тегов, их атрибутов и содержимого во многом зависит, правильно ли поисковая система распознает ваш контент, насколько высоко он будет ранжироваться, как будет выглядеть сниппет в поисковой выдаче, какая версия страницы будет показана пользователю.

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

Немного теории

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

Как оптимизировать заголовки для SEO

Одним из самых сильных сигналов для поисковых систем является заголовок первого уровня <h2>. Он уступает по силе тегу <title>, однако ключевые слова, содержащиеся в нем, также оказывают сильное влияние на ранжирование.

Исходя из этого, мы в Arto Web Agency используем такой подход к составлению заголовков: употребляя ключевые слова, размещаем самые высокочастотные и важные ключи в <title>, следующие по важности – в <h2>. В этих двух тегах можно использовать одни и те же слова, однако, с точки зрения оптимизации лучше делать их различными: так вы сможете употребить больше ключевых слов и их синонимов.

Заголовки более низких уровней (<h3>, <h4> и так далее) являются более слабыми сигналами для поискового робота. В них можно включить низкочастотные и менее важные ключевые слова. Те ключи, которые «не поместятся» в заголовки, стоит употребить непосредственно в тексте. Пример ТЗ для копирайтера с заголовками, составленными по такому принципу, вы можете увидеть ниже.

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

Пример страницы из ТЗ для копирайтера со структурой заголовков статьи, составленной на основе поисковых запросов

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

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

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

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

Нужна помощь по SEO?

Логическая последовательность заголовков

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

А так – неправильная:

Заголовки третьего уровня встречаются реже, чем второго: для небольшой статьи объемом до 5000 символов обычно вполне можно обойтись тегами <h2> и <h3>. Заголовки четвертого и ниже уровней используются достаточно редко. Они могут иметь смысл для текстов большого объема и сложной структуры – например, юридической или технической документации, но такие документы зачастую будет удобнее загрузить на сайт в формате PDF, а не выделять для них отдельную HTML-страницу.

Аудит заголовков

Для быстрой проверки заголовков на всем сайте можно воспользоваться Screaming Frog SEO Spider или другим приложением для SEO-аудита.

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

Пример отображения структуры страницы в HeadingsMap

Кроме правильной последовательности тегов <h2> – <h6>, стоит помнить и о том, чтобы размер шрифта соответствовал важности заголовка. Согласитесь, если на странице есть, например, три уровня заголовков, то ее структура уже и так достаточно сложна; если же вдруг окажется, что заголовок третьего уровня при помощи стилей выведен более крупным шрифтом, чем второго уровня, то пользователь легко запутается в тексте.

Теги заголовков и HTML5

В стандарте HTML5 были введены новые семантические элементы: <section>, <article> и другие. Использование этих элементов позволяет размещать внутри каждого из них свою иерархию заголовков; то есть, на странице теперь может быть больше одного заголовка <h2>. Это может быть удобно, например, для ленты блога, где общим заголовком первого уровня для страницы будет, например, «Наш блог», а заголовками отдельных секций – названия статей. С другой стороны, можно сохранить общую структуру заголовков для всей страницы. То есть, приемлемыми будут оба варианта:

В Google также утверждают, что в использовании нескольких заголовков <h2> на странице нет ничего предосудительного: поисковая система корректно распознает такую разметку.

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

• Всегда используйте на странице заголовок первого уровня <h2> (один на всю страницу или отдельный для каждой секции). Другие заголовки применяйте тогда, когда они действительно нужны, чтобы структурировать контент.
• Используйте в заголовках ключевые слова. Чем выше уровень заголовка, тем более важные и частотные ключевые слова должны в нем фигурировать. Не злоупотребляйте ключевыми словами, чтобы избежать «переоптимизации».
• Следите за релевантностью заголовков: они должны кратко передавать то, о чем пойдет речь в тексте.
• Соблюдайте логическую последовательность тегов заголовков.
• Не используйте заголовки как элементы дизайна.
• Старайтесь делать заголовки цепляющими, чтобы привлечь пользователей.

Как правильно заполнить мета-тег h2

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

Неотъемлемым элементом правильной структуры страницы является тег h2 (Header 1). Я расскажу о том, что он собой представляет, зачем нужен, а также по каким принципам его следует составлять.

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

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

Зачем нужны заголовки

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

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

Чем h2 отличается от Title

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

Соответственно, при составлении Title в ход идут главные ключевые слова и фразы, по которым идет продвижение. 

Что можно писать в h2

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

• Решение проблемы. Любой материал или товар должен помочь человеку решить проблему, удовлетворить потребность или нужду, даже если это нужда в информации.
• Вопрос. Это может быть утвердительный, конкретизирующий или чисто символический вопрос. Зависит от контекста и того, насколько может изловчиться автор.
• Интрига. Если есть возможность, укажите эксклюзивную информацию, секрет или тайну. Но не стоит перегибать палку и создавать двусмысленность.
• Цифра. Их указание в заголовке создает чувство полезности и важности информации. Люди любят получать информацию в сжатом и качественном виде, а цифры именно это и показывают.
• Удивление. Неожиданное сообщение точно привлечет внимание клиента, особенно если оно содержит новую для него информацию.
• «Вызов» читателю, этот прием также называется «экзамен». При составлении таких заголовков читателю предлагается проверить себя.

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

Правила заполнения h2

Заголовок всегда размещается в самом верху страницы и заключается в теги <h2>…</h2>. Он привлекает внимание вашей целевой аудитории и отражает базовую мысль материала. Есть несколько правил, которые крайне важно соблюдать при составлении:

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

Частые ошибки при написании h2

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

1. Отсутствие тега h2 на странице.
2. Нет согласованности между некоторыми словами и фразами. Так бывает, когда автор пытается «впихнуть невпихуемое», то есть вставить слишком много ключевых слов.
3. Наличие более чем одного заголовка на странице.
4. Ошибки с ключевыми словами или фразами. Вредно как их отсутствие, так и чрезмерное употребление, то есть переспам.
5. Полное совпадение с тегом Title.
6. Чрезмерно длинные или короткие названия. Исключение составляют лишь названия разделов сайта или категории.
7. Ошибки в грамматике и пунктуации.
8. Неверная иерархия, когда перед h2 расположены теги более низкого ранга.
9. Содержание большого количества прилагательных и усилительных глаголов.

Заключение

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

Тег h2: что это такое и как прописать мета-теги в html

Итак, вы заходите на любой информационный сайт и видите там множество новостей и статей. Перед тем, как вы начнете прочтение текста, вы обратите внимание… на мета-тег: заголовок. А как ориентироваться внутри статьи и понять, о чем каждая её часть? Так же, по заголовкам. Моментов в их употреблении множество, пусть для многих заголовок просто остается названием текста, а также «большой заголовок — вступление, заголовки поменьше — части текста или его главы». Это в какой-то части верно, но если копнуть поглубже, открывается более подробное определение. Так давайте рассмотрим заголовки поближе — что же это?

Для чего нужны заголовки в статье

На вопрос «Что такое заголовок» наиболее точным ответом будет определение. Заголовок — имя статьи или её отдельной части. Часто он «рекламирует» весь текст и является кратким пересказом того, о чем в дальнейшем будет идти речь. Или же заголовок задает вопрос, на который отвечает статья. Часто маленькие заголовки в теле самого текста называют «подзаголовок» и разделяют их по целям. Кстати, о целях:

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

ВАЖНО! Больше 80% пользователей за две секунды определяют полезность статьи по заголовку. Только хорошее название статьи может удержать читателя и заставить его прочесть весь материал. Очень важно грамотно прописать все заголовки.

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

• Фактические — в основном характерны для новостных или деловых статей. Раскрывают суть новости и часто содержат глагол: «Россияне встретят Новый Год с новыми правилами дорожного движения».
• Игровые — должны вызвать эмоции, при их составлении основное качество — креатив и оригинальность, а так же отсутствие рамок. Пример — «Красота лишь на фото — способы провести фотосессию в домашних условиях».
• Клише — использование фраз, вызывающих ассоциации у читателя. То есть, устойчивых словосочетаний или афоризмов, которые знает каждый. Изменяйте фразеологизмы под тему статьи, примерно так: «Семеро подождут: игры, убивающие время».

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

Иерархия, стандартная расстановка заголовков h2-h6

Каждый из шести видов заголовков в HTML имеет свой вес: от большего h2 до меньшего H6. Так, документация гласит о том, что h3 должен следовать после h2, а пропуск уровней может показать непорядочность документа и плохую его структуру. Не стоит использовать некоторые виды заголовков для визуального исполнения. Согласно документации от Google, не стоит «Разбрасываться заголовками там, где они не нужны; использовать лишние заголовки» и т.п. Иерархия не такая уж сложная. Давайте подойдем поближе к каждому виду согласно этой иерархии, но сперва рассмотрим общие правила их использования.

• Не заканчивайте заголовки точкой.
• Длина не должна составлять более 60-100 символов. От этого зависит поисковая индексация.
• При употреблении обязательно учитывать иерархию (рисунок выше)
• Не засоряйте заголовки ключами, если в этом нет необходимости (об этом поговорим позже)
• Подзаголовки нужны даже в коротких статьях, которые можно разбить на несколько смысловых частей.
• Над заголовком нужно подумать — это краткая суть текста!

Ну а теперь о видах в иерархии.

HTML-тег h2, как его заполнять

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

• Он должен быть лишь один на весь текст.
• Используйте в нем цепкие слова, ведь именно h2 должен побуждать читателя обратить внимание на статью!
• Ключевое слово в h2 обязательно должно быть. Но если не получается точное вхождение, разбавляйте его. Список ключей через запятую в качестве заголовка — большая ошибка. Релевантность в этом случае будет низкая. Это влияет на выдачу.
• Не стоит использовать знаки препинания. Только в крайних случаях, если они необходимы.
• Тег title, отвечающий за выдачу в поиске, не должен быть 1 в 1 как h2, но по смыслу должен соответствовать. Заголовок вы пишете для людей, а не для роботов — значит, дайте читателю понимание того, что он найдет в вашей статье!

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

Теги h3 и h4. Что это?

• Тег h3 — подзаголовок h2, в зависимости от направленности и размера текста используемый несколько раз. Его вес ниже, чем у заголовка первого уровня, но зачастую его используют для описания смысла страницы и оптимизации.. Некоторые оптимизаторы и специалисты рекомендуют использовать только его в связке с h4, и в чём то это имеет смысл.Если первый заголовок — название статьи, а h3 — названия её частей, то именно имена второго уровня будут иметь самый высокий вес в оптимизации. Ими авторы текста подчеркивают те моменты, которые заинтересовали пользователя помимо самой темы статьи. Помимо главного поискового запроса на эту статью будут ссылаться и другие, соответствующие всем h3: даже в случае этой статьи, помимо пользователей, ищущих информацию о заголовках, её увидят те, кто ищут информацию только об их иерархии.
• Тег h4 — кто-то использует его редко, кто-то же считает одной из важных частей навигации наряду со вторым уровнем. Зависит всё от того, как вы разделяете свой материал на части. Где-то для навигации такие теги точно потребуются, где-то — нет. По стандартам, таких тегов должно быть около 4-6 на страницу. Здесь, например, в качестве тега h4 использовано описание этой части текста, а следующий же подзаголовок обозначит вопрос следующей. Оба они относятся к h3 — «Иерархия заголовков«.

Теперь вопросов об иерархии возникнуть не должно. Кроме одного, который мучает вэбмастеров и копирайтеров: зачем нужны h5-H6?

Функции тегов h5 — h6

Бытует мнение, что такие теги почти не используются. Связано это с тем, что они ранжируются поисковиками ниже, чем текст, набранный жирным шрифтом (тег Strong). Их можно размещать в больших количествах и иногда отделять от основного текста. Злоупотреблять, тем не менее, не стоит. Его часто используют для оформления. Основная функция h5-H6 же — это уточнение навигации по странице и по всему сайту.

Наличие заголовков всех видов на сайте — вовсе необязательно, достаточно просто нескольких из высоких уровней иерархии (1, 2, 3). Большинство так их и использует: 1 уровень на название статьи, 2 уровень на основные блоки текста и 3 для подзаголовков:

Ключевые слова в заголовках

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

• В h2 обязательно должно присутствовать ключевое слово с прямым вхождением — об этом уже было сказано. Название всей статьи имеет большое значение для поисковиков и влияет на ранжирование страницы. Желательно прописывать короткие (в 3-4 слова) ключи в неизменном виде, можно так же добавлять некоторые слова если ключ однословный.
• В случае с h3, злоупотребление ключами может привести к плохому текстовому фильтру. Как-никак, такие подзаголовки используются в первую очередь для удобства и навигации. Для оптимизации таких частей желательно в h3 вставлять хвосты с многословного ключа или синонимы однословного ключа:
• И опять же, мало кто использует ключевые слова в h4-H6, так как их пишут только для форматирования страницы и удобства читателю. Современные технологии поисковиков даже ищут ключевые слова в таких подзаголовках и отмечают как спам. Так что не злоупотребляйте этим и будьте внимательны при написании дополнительных подзаголовков.
• Если в анкор-листе страницы много вхождений ключевых слов, то не следует использовать h3 для дополнительных ключей. Это может повести за собой фильтр от «Яндекса». То же самое касается вхождения низкочастотных запросов — их в заголовках лучше не использовать вообще!
• Заголовки и Title должны быть уникальными, в сравнении со страницами сайта. Поисковики и панели вебмастеров не очень любят повторения названий.

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

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

Требования к внешнему виду

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

• Во-первых, раз он должен быть заметен, то сделайте его отличающимся от другого текста на странице. Очевидно — заголовок должен быть написан шрифтом на десяток кегель больше, многие так же выделяют его цветом и начертанием.
• Во-вторых, как было сказано, ставить точки в конце не рекомендуется по эстетическим целям и из-за сложностей ранжирования заголовков с точками. И да, перенос слов не допускается!
• В-третьих, HTML-тэги не используйте ни в коем случае. Заголовок — это сам по себе тэг, он на то и заголовок, чтобы не засорять его ссылками, полужирным начертанием, курсивом и прочими прелестями оформления текста.
• Тэги так же не рекомендуется заменять DIV-элементами.
• В обычном тексте заголовки следуют примерно через каждые 1500 знаков, если в тексте используются картинки, таблицы и схемы — 1000 знаков. В маленьких статьях всё зависит от вашего желания — согласно «Ководству» Артемия Лебедева, правильнее заменять названия обычным полужирным начертанием.
• Заголовок вы пишете для людей. А значит, используйте в h2 триггеры, кликбейты и прочие средства, чтобы прочесть статью захотелось каждому! Но ни в коем случае не обманывайте людей. Заголовок — вопрос, статья — ответ на него.

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

КСТАТИ: Не стоит использовать банальные названия «Главная», «Добро пожаловать!». Оригинальность — ваш друг! Креативный и интересный заголовок только даст вам хороший эффект. Не бойтесь экспериментов!

Должен ли title отличаться от h2?

Еще один вопрос, интересующий вебмастеров, касается тэгов Title и h2. На эту тему возникает множество споров. Одни считают, что за соответствие поисковики штрафуют (мол, переспам и усиление ключевого слова засчёт h2 и Title одновременно), другие считают, что роботам наоборот удобнее с одинаковыми текстами в этих тэгах. Оба этих типа по-своему правы. На самом деле, должен ли Title отличаться от h2? — абсолютно без разницы! Просто учитывайте несколько правил, связанных с их использованием:

• Пересечение смыслов обязательно! Поисковику действительно сложно понять, о чем сайт, если тайтл об одном, а тэг заголовка о другом. То есть, если тайтл «Официальный дилер BMW в Сургуте НАЗВАНИЕ», а h2 «Добро пожаловать!», то такая страница будет индексироваться с трудом. Приветствие можно приберечь для текста, а в h2 (о чем мы уже сказали) должно быть ключевое слово! Для основного запроса отличным вариантом будет «Продажа автомобилей BMW НАЗВАНИЕ», при этом смысла делать одинаковыми эти тэги нет. Отличная схема:
  
• Помните, что тайтл и h2 пользователи видят на разных этапах. Тайтлы показываются еще до перехода на сайт — в странице выдачи поиска, например. Так что пишите их с упором на то, чтобы заставить пользователя перейти на страницу. А вот сам h2 должен объяснять, о чем страница. Если не соблюдать это правило, можно повысить текстовую релевантность, но потерять значительное число переходов из-за незаинтересованности людей.
• При публикации страницы в соц.сети в качестве заголовка берется тайтл. Учитывайте и это. На плохой, спамный тайтл из соц.сети не перейдут. Особенно это касается информационных проектов.
• Ключевые слова в Title можете добавлять из семантического ядра, даже низкочастотные и смежные. Тут правила не такие строгие, как с самими h2-названиями.

Делать тайтл с заголовком одинаковым или нет — смотрите сами, в зависимости от запроса и типа страницы. Подходите к решению этого вопроса, смотря на результаты переходов. Тем не менее, значения большого соответствие на 100% не имеет. Просто соблюдайте вышеперечисленные советы, и ваш Title будет максимально полезен!

Заключение

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

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

Хороших заголовков и удачи!

Теги h2, Title, Keywords, Description на главной странице — AdvantShop

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

Для чего нужен h2 на главной

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

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

Добавление h2

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

Но самым оптимальным вариантов добавления тега служит статический блок «Текст между каруселью и товарами»

Для этого перейдите в панели администрировании в пункт меню «Интернет-магазин — Статические блоки» (рис.1)

Рисунок 1.

Нажмите на карандашик для редактирования, в открывшемся редакторе блока перейдите в режим «Источник», и в поле нужно добавить необходимый текст, обёрнутый в тег h2 (рис.2).

<h2>Это тег h2, укажите тут название вашего магазина</h2>

Рисунок 2.

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

Рисунок 3.

Рисунок 4.

Мета теги главной страницы

Заметка

По умолчанию для всех полей (Title, Keywords, Description) в качестве мета-информации используется название магазина.

Вы также можете изменять данные поля. Для этого перейдите в пункт меню «Настройки — SEO и счётчики» (рис.5), вкладка «SEO параметры» и в разделе «Главная страница» соответсвующие поля можно заполнить (рис.6).

Рисунок 5.

Рисунок 6.

Готово. Мы рассмотрели что такое тег h2 и как его прописать на главную страницу.

Тэги: Тег h2 на главной странице, тег h2, h2, на главной, главная, сео, seo h2 главной страницы, как прописать title главной страницы, Title, Keywords, Description, метатег

Важны ли теги h2 для ранжирования? SEO-эксперимент

Перевод статьи с портала Moz.

На заре поискового маркетинга многие SEO-специалисты были твердо убеждены в двух вещах:

1. Заголовок страницы должен быть задан только тегом h2

2. На странице может быть только один тег h2

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

— Погляди-ка! CNN опять использовали на странице заголовок h3. Так же нельзя!

 — Конечно. А это сильно им повредило?

 — Понятия не имею.

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

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

Проблема возникает настолько часто, что Джон Мюллер из Google решил разъяснить ситуацию во время Webmaster Hangout:

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

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

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

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

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

Поэтому мы решили провести полноценный научный эксперимент.

Крейг Брэдфорд из Distilled заметил, что блог Moz использует в качестве заголовков тег h3 вместо h2 (причуды нашей CMS).

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

Спустя восемь недель мы получили следующие результаты:

Непосвященным, вероятно, будет немного трудно что-либо понять из этих графиков. Рида Абиди из Distilled предлагает следующую разбивку полученных данных:

Результат: неубедительный

• Прогнозируемый подъем: 6,2% (6 200 органических сеансов ежемесячно)
• Мы на 95% уверены, что ежемесячный прирост органических сеансов находится между:
• верхний предел: 13 800
• нижний предел: -4 100

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

Результат: замена наших h3 на h2 не имела статистически значимой разницы.

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

Следует отметить, что наши заголовки:

• Выделены крупным шрифтом.
• Находятся в верхней части каждой статьи.
• Понятные и легко воспринимаются алгоритмами Google.

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

Но снимает ли это проблему? Стоит ли оптимизаторам отбросить осторожность и полностью отказаться от всех рекомендаций по поводу h2?

Не совсем…

Почему необходимо использовать h2

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

Георгий Нгуен обратил внимание на несколько важных моментов в своей статье на Search Engine Land. Я кратко изложу его доводы, добавив некоторые собственные размышления.

1. h2 повышает доступность

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

2. Google может использовать h2 вместо тегов title

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

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

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

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

Джон Мюллер написал в Twitter:

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

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

В любом случае мы рекомендуем:

1. Оформлять свой контент с помощью иерархии заголовков — в идеале h2, h3, h4 и т. д.

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

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

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

Автор: Сайрус Шепард.

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

Ссылка на оригинал: https://moz.com/blog/h2-seo-experiment

Резюме от Ant-Team.ru

Исследование важности тегов h2 для ранжирования невозможно провести со 100% достоверностью данных, так как в каждом эксперименте, связанном с SEO, участвуют сотни алгоритмов ранжирования. С нашей точки зрения, в первую очередь следует думать о пользователях, которые читают контент на посадочной странице. Как правило, заголовки h2-H6 ориентируют пользователя по разделам. Отказываясь от h2 или, что еще хуже, приравнивая информацию в h2 к нескольким абзацам, мы частично вводим пользователя в заблуждение. Безусловно, пользователь может и не заметить отсутствия тегов h2 на странице, если вы оформите CSS-стилями важную информацию.

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

«…роботу Яндекса будет проще разобраться со структурой документа. Поэтому следует выделять этими тегами заголовки в соответствии с иерархией документа.»

Ссылка на источник: https://yandex.ru/support/webmaster/recommendations/presentation.html

Чтобы первыми узнавать обо всех наших новых материалах, подписывайтесь на наш telegram-канал: t.me/seoantteam 
Никакого спама. Только полезная информация по теме SEO. 

Как правильно использовать h2 в HTML5

<header>
    <h2>Site title</h2>
    <nav>...</nav>
</header>
<section>
    <h3>Page title</h3>
</section>

<header>
    <h2>Site title</h2>
    <nav>...</nav>
</header>
<section>
    <h2>Page title</h2>
</section>

<header>
    <p>Site title</p>
    <nav>...</nav>
</header>
<section>
    <h2>Page title</h2>
</section>

<body>
<h2>This is a top-level heading</h2>
<p>some content here</p>
<h3>This is the heading of a subsection</h3>
<p>content in the subsection</p>
<h3>Another subsection begins here</h3>
<p>content</p>
<h2>another top-level heading</h2>

<body>
<!-- optional --><header>
    <h2>This is a top-level heading</h2>
    <p>you may optionally wrap this p and the h2 above it inside a header element.
     the header element doesn't affect the doc outline.
     the section element does, however.</p>
<!-- optional --></header>
<section>
    <h2>even though this is an h2, the browser "treats it" like an h3
        because it's inside an explicit section.
        (it got demoted).</h2>
    <p>content in the subsection</p>
</section>
<section>
    <h2>Another subsection begins here, also treated like an h3</h2>
    <p>content</p>
    <h3>This is misleading. it is semantically treated like an h4.</h3>
    <p>that is because after an h2, an h3 is demoted one level. the h2 above is
        already a "level 2" heading, so this h3 becomes a "level 3" heading.</p>
    <section>
        <h2>just do this instead.</h2>
        <p>it is treated like an h4 because it's in a section within a section.
            (It got demoted twice.)</p>
    </section>
</section>
<h2>another top-level heading</h2>

<header>
    <h2>Site title</h2>
    <nav>...</nav>
</header>
<main>
    <h2>Page title</h2>
    <p>page content</p>
</main>

   
 Заголовок уровня 1 
 
 
 Заголовок уровня 2 
 
 
 Заголовок уровня 3 
 
 
 Заголовок уровня 4 
 
 
 Заголовок уровня 5 
 
 
 Заголовок уровня 6 
 
  

   
 Элементы заголовка 
 
 
 Резюме 
 
 Здесь текст ... 

 
 Примеры 
 
 
 Пример 1 
 
 Здесь текст ... 

 
 Пример 2 
 
 Здесь текст ... 

 
 См. также 
 
 Здесь текст ... 
  

   
 Заголовок уровня 1 
 
 
 Заголовок уровня 3 
 
 
 Заголовок уровня 4 
 
  

   
 Заголовок уровня 1 
 
 
 Заголовок уровня 2 
 
 
 Заголовок уровня 3 
 
  

  <заголовок>
  




<нижний колонтитул>