Содержание

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

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

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

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

По-умолчанию, стили заголовков отличаются: h2 имеет наибольший размер, далее по нисходящей, соответственно, H6 — наименьший из заголовков. Визуальное отличие в отображении сделано для пользователей, которые посещают web-ресурсы. Для роботов имеет значение синтаксис.

Синтаксис заголовка h2

В Html-коде страницы заголовок h2, как правило, размещается в пределах парного тега body как можно ближе к началу страницы. Выглядит вот так:

<h2>h2 — базовый заголовок первого уровня</h2>

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

h2 является парным тегом. Текст расположенный между открывающим тегом <h2> и закрывающим тегом </h2> и является заголовком первого уровня. Заголовки h3-H6 имеют аналогичный синтаксис.

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

Простой пример правильной иерархической структуры заголовков:

<html>
 <head>
 <title>Популярные породы кошек в России и США</title>
 </head>
 <body>
  <h2>Породы кошек в России и США</h2>
  <p>Вступление</p>
  <h3>Породы кошек в России</h3>
  <p>Текст про породы кошек в России</p>
  <h4>Русская голубая кошка</h4>
  <p>Текст про русскую голубую кошку</p>
  <h4>Сиамская кошка</h4>
  <p>Текст про сиамскую кошку</p>
  <h3>Породы кошек в США</h3>
  <p>Текст про породы кошек в США</p>
  <h4>Мейн-кун</h4>
  <p>Текст про породу Мейн-кун</p>
 </body>
</html>

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

Для чего нужен заголовок h2?

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

Заголовок страницы в отличие от тега meta description виден всем пользователям сайта. h2 является смысловым обобщением содержания web-страницы.

Особенности заголовка h2

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

Что писать в h2?

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

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

Размер и длина заголовка h2

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

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

По запросу «Купить мужские джинсы» в ТОП-5 выдачи Яндекс (на момент написания статьи) присутствует один из лидеров E-commerce интернет-магазин Lamoda.ru. На скриншоте видно, что заголовок первого уровня «Мужские джинсы» гораздо меньше по размеру, чем описательный блок <div>, и другие текстовые элементы, размещенные на странице.

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

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

Сколько заголовков h2 может быть на странице?

Согласно спецификации HTML 5 количество заголовок первого уровня возможно использовать для каждого тега article или section. Яндекс в разделе представления информации о сайте  не упоминает о возможном количестве использования h2, а лишь говорит о том, что должна быть соблюдена иерархия использования заголовков. Официальный представитель Google Джон Мюллер на официальном канале youtube Google Webmasters отмечает, что использование множественных заголовков h2 на одной странице не является проблемой, если это не нарушает иерархию web-документа.

Что говорит практика? На практике подавляющее большинство оптимизаторов, seo-компаний и подрядчиков использует при структуризации страниц только 1 заголовок h2. Заголовок первого уровня также не используется при оформлении элементов интерфейса: меню, сайдбары и т.д. Нет объективных исследований по влиянию количества заголовков h2 на повышение позиций сайта в выдаче или переоптимизацию ресурса, да и согласно официальным данным поисковых систем такие исследования не нужны.

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

Проверить заголовок h2 на странице

Существует 3 простых способа проверить заголовок h2 на странице:

  1. Кликните правой кнопкой мыши на участок текста, и в зависимости от вашего браузера нажмите кнопку «Посмотреть код» (Chrome), «Исследовать элемент» (Mozilla Firefox) или «Проверить объект» (Safari). У вас откроется панель вебмастера как на скриншоте ниже. В html коде страницы вы увидите разметку текста, и поймете какого уровня заголовок перед вами и заголовок ли это вообще.
  2. Сочетание клавиш Ctrl+Shift+C вызывает панель вебмастера. Кликните в любое место представленного html кода. Далее нажмите сочетание клавиш Ctrl+F для поиска по содержимому кода, и вбейте в поисковую строку «h2».
  3. Кнопка F12 вызывает панель разработчика. Поиск элемента h2 делается аналогично предыдущему способу.

8 ошибок при написании h2

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

  • Посторонние элементы. В h2 кроме текста не должно быть ничего. Некоторые вебмастеры думают, что они усилят заголовок, обернув его также в тег strong или b, придав ему жирное начертание, итак заложенное в стилях. Это плохая практика, старайтесь ее избегать. Не рекомендуем также чрезмерно использовать пунктуацию (знаки препинания в заголовках). Старайтесь делать их простыми и лаконичными.
  • Отсутствие или переизбыток ключевых слов. Из крайности в крайность. h2 — это квинтэссенция вашей семантики на странице. Ключевое слово должно присутствовать в заголовке. Отсутствие ключевых слов в главном заголовке страницы поставит под вопрос ее релевантность поисковым запросам.
  • Дублирование. Ошибкой является как дублирование title в h2 и наоборот, так и дублирование h2 на разные страницы сайта. h2 должен быть уникальным для всего сайта. Из 2 страниц с одинаковым контентом в выдачу попадет наиболее релевантная.
  • Длина. Старайтесь укладываться в 60 символов. Заголовки h2 по 300-400 символов можно увидеть на многих ресурсах, не следуйте дурному примеру. Также не стоит составлять базовый заголовок из одного слова, если это не головной раздел сайта или общая категория товаров.
  • Грамматика. Грамматические ошибки сводят на нет всю семантическую значимость вашего заголовка. Старайтесь не допускать ошибки в тексте, а в заголовке — тем более!
  • Больше одного h2. Этот вопрос мы подробнее расписали выше. С натяжкой отнесем данный пункт к ошибкам оптимизации.
  • Отсутствие структуры. h2 должен располагаться в начале страницы. Другие заголовки до этого тега присутствовать не должны.
  • Не заполнение h2. Кто-то опускает момент заполнения h2 вообще. Это грубая ошибка, которую нельзя допускать.

Примеры: Хороший h2 vs Плохой h2

Давайте рассмотрим на паре живых примеров заголовок первого уровня h2

Пример #1

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

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

Пример #2

  • Хороший заголовок. Лаконичный заголовок первого уровня, находится в начале страницы, характеризует категорию товаров с половой сегментацией, является ключевым словом. У h2 отсутствуют посторонние элементы в коде, грамматические ошибки, он не дублируется.

  • Плохой заголовок. Заголовок данного сайта расположен в шапке. Это значит, что h2 «КУПАЛЬНИКИ» дублируется абсолютно на всех страницах сайта, не отражает семантику страницы. По слову «купальники» невозможно понять, что находится на странице: интернет-магазин, блог о купальниках, размерные сетки купальников или что-то еще. В категориях появляется 2 заголовка h2. Также заголовок состоит из одного слова, и не характеризует половую сегментацию товара.

Как вставить тег h2 в популярных CMS?

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

WordPress

В WordPress заголовок первого уровня формируется из текстового поля над постоянной ссылкой записи или страницы. Любую CMS можно кастомизировать на свой вкус. В случае отключения основного заголовка, есть возможность вывода h2 с помощью визуального редактора — выпадающий список со словом «Абзац».

Bitrix

В панели управления заголовок h2 по-умолчанию формируется во вкладке «Раздел» или «Элемент» в поле «Название». Либо во вкладке SEO в поле «Заголовок раздела», предварительно установив галочку «Изменить для этого раздела и его подразделов».

Joomla

В Joomla аналогично другим системам заголовок h2 формируется очень просто. Текстовое поле Title, либо выпадающий список «Paragraph».

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

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

Поделитесь статьей в социальных сетях:

naked-seo.ru

как их правильно прописать и оформить — Labrika

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

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

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

Приведем пример иерархии с правильной вложенностью:

<h2>Животные</h2>
   <h3>Млекопитающие</h3>
       <h4>Кошки<./h4>
       <h4>Собаки</h4>
       <h4>Коровы</h4>
   <h3>Не млекопитающие</h3>
        <h4>Птицы</h4>
        ​<h4>Рыбы</h4>

 

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

Пример визуального отображения заголовков в тексте:

Как заголовки в тексте влияют на продвижение?

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

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

Заголовок h2

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

Правила, которые следует соблюдать при написании h2:

  1. Заголовок h2 — это название документа, поэтому он должен отображать суть контента, который размещен на странице. 
  2. Заголовок h2 обязательно должен располагаться выше других на странице и иметь наибольший размер.
  3. h2 на странице должен быть в единственном экземпляре. Употребление нескольких тегов h2 — грубая ошибка.
  4. Заголовок обязательно должен содержать в себе самое высокочастотное ключевое слово. Это значимый фактор ранжирования для поисковых систем.
  5. h2 не должен совпадать с title страницы или другими тегами. Это также достаточно строгое правило. Одинаковые теги на странице — грубая ошибка.
  6. Заголовок должен быть уникальным для каждой страницы. Страницы с одинаковыми заголовками будут неуникальным повторяющимся контентом.
  7. Длина заголовка не должна превышать 60-70 символов. Поисковики не будут воспринимать его полностью, так как обрабатывают ограниченное количество знаков.
  8. Ключевое слово должно находиться как можно ближе к началу.
  9. Избегайте переоптимизации в h2. Не стоит употреблять слишком много ключевых фраз.

Правила оформления заголовков h2 — h6 в тексте

  1. Соблюдение иерархии. Как уже говорилось, вложенность заголовков строго обязательна к соблюдению. Это простое правило нужно помнить и придерживаться его.

  2. Не рекомендуется употреблять в заголовках другие теги. Например, выделять их жирным шрифтом с помощью тегов <strong></strong>, <b></b> и так далее.

  3. Заголовки всегда должны начинаться с новой строки.

  4. Заголовки должны выделяться по сравнению с основным текстом по стилю.

  5. Заголовки не должны находиться в элементах меню и содержать активные ссылки.

Как заполнить заголовки h2 — h6 в WordPress

Как правило, название страницы — это заголовок h2. Он отмечен на скриншоте.

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

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

На что еще нужно обратить внимание при оптимизации сайта:

labrika.ru

Title и h2 в SEO: как заполнять теги заголовков — Блог

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

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

 

Title и h2: как составляются и чем отличаются


Мета-тег Title – главный заголовок страницы, который прописывается в верхней части HTML-кода и дополняется описанием (мета-тегом Description).

Заголовок Тайтл обосабливается в HTML-коде блоками <title>..заголовок.. </title> и легко находится поиском (нужно открыть код страницы – комбинация Ctrl+U, перейти на вкладку с кодом, запустить поиск — Ctrl+F по фразе «title»).

Кроме того, заголовок страницы:

— отображается в названии при открытии вкладки браузера;
— отличается по смыслу и целям от тега h2 — заголовка записи на странице;
— фиксируется онлайн-сервисами SEO-анализа;

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

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

Если вы пользуетесь CMS, тег Title в движке или генерируется автоматически (берется заголовок записи, а фактически содержимое тега h2) или создается вручную (заполнением мета-тегов страницы через специальные поля или SEO плагины).

Ручное заполнение предпочтительней, потому что вебмастер:

1) Устраняет дублирование текстовых блоков (чтоб Title отличался от h2).
2) Вставляет дополнительные ключи из расширенной семантики среднечастотных и низкочастотных запросов.
3) Управляет через Title заголовками сниппетов в выдаче.
4) Использует по желанию частичную автоматизацию.
5) Самостоятельно устанавливает порядок слов и знаков препинания в Тайтле.

Частичная автоматизация заполнения мета-тега Title экономит рабочее время вебмастера на ручном добавлении к заголовкам всех страниц сайта однотипных (статичных или динамичных) фрагментов текста. Автоматизация при желании может добавить в Тайтл: дату или год, URL главной страницы, название компании, E-mail, физический адрес офиса, телефонный номер.

Рассмотрим подробнее объективные требования и полезные рекомендации по составлению Title и h2, которые понравятся пользователям и поисковым роботам.
 

Требования к Title (Tag)


1. В рамках сайта не должно быть двух одинаковых Title.
2. Тег не может использоваться на странице 2 раза (у каждой страницы только 1 основной заголовок).
3. Присутствие в заголовках ключей из семантического ядра позитивно влияет на SEO (если нет переспама, иначе — санкции).
4. При заполнении тега используют буквы, цифры, знаки препинания, специальные символы.
5. Длина Title может быть разной, но она ограничивается визуально при формировании выдачи примерно до 7-8 слов (54-64 символа без пробелов), после которых ставится многоточие. При этом поисковики сами решают – что показать, а что скрыть.
6. Ключевые слова по возможности размещают в первой части мета-тега, ближе к началу.
7. Поисковые системы «читают» Тайтл полностью, даже если он обрезается в сниппетах.
8. Длинные заголовки страниц полезны для SEO продвижения по среднечастотным и низкочастотным запросам.
9. Желательно не использовать в Title более 2-х повторов одного слова, как и «кривых» нелогичных ключей.
10. Заголовок страницы должен быть осмысленным, читабельным и привлекательным для посетителей (не использовать бездумный список всех ключей из семантики).
11. Стоп-символы (точки, дефисы, запятые, слеши, кавычки, скобки) применяют для деления ключевых слов и смысловых отрезков.
12. Ключевые фразы лучше использовать перед началом стоп-символов, где их значимость выше.
13. Стоп-слова в заголовке («в», «на», «от», «с», «под») влияют на ранжирование в Яндексе.
14. Заголовок Title составляют с учетом специфики сайта, особенностей продвижения и каналов привлечения трафика (например, если источник переходов – рассылка, заголовок должен быть интригующим или «вирусным», если – поиск, акцент делается на SEO- и LSI-ключевиках).
15. При заполнении тегов помните, что они подтягиваются в соцсети, отображаются в сниппетах и влияют на решения пользователей кликнуть по ссылкам.
16. По возможности Тайтл должен быть уникальным во всем интернете.
17. Для увеличения конверсий добавляйте мотивирующие призывы (жми, закажи сейчас, читайте и пр.).

Не забывайте — ошибки заполнения Тайтл и перенасыщенность (переспам) ключами приводят к штрафным санкциям и проблемам с ранжированием!
 

Требования к h2 (Header)


1. Тег h2 обязан присутствовать на странице, но не более одного раза.
2. Заголовок первого уровня не дублирует Тайтл, но пересекается с ним по ключевым словам.
3. Содержимое тега иногда попадает в поисковые сниппеты как Description (описание).
4. Оптимальный h2 дополняет, семантически и информационно расширяет мета-тег Title.
5. Присутствие ключевых слов в теге позитивно влияет на SEO (если нет общего переспама).
6. Содержимое заголовка должно быть читабельным, релевантным контенту.
7. В теге нельзя использовать бессмысленное перечисление ключевых слов и точных «кривых» вхождений.
8. Требований к длине h2 не предъявляется, но она должна быть умеренной и целесообразной. Вставка всего текста страницы в тег заголовка первого уровня чревато серьезными неприятностями.
9. Согласно иерархической структуре h2 следует перед тегами h3-H6 и является более значимым. Следите за иерархией заголовков вашего сайта, не ставьте h2 после h3-H6.
10. При правильной настройке SEO-функций CMS тег формируется автоматически – берется из названия записи на странице.
11. Обычно тег h2 визуально акцентируется в тексте более крупным шрифтом или цветом, используется в начале контента.
12. h2 не нужно выделять ни подчеркиванием, ни курсивом, ни жирной заливкой, ни тегами Strong.
13. Не используйте одинаковых h2 на разных страницах сайта (во избежание путаницы и так называемой «каннибализации ключей»).

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

Дополнять, но не дублировать.

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

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

Если в процессе оптимизации возникнут вопросы или затруднения при заполнении тегов, смотрите на лидеров выдачи Яндекса/Google по вашим запросам. В ТОП-5 уже включены те площадки, которые поисковики сочли эталонными, «правильными». Анализируйте их и берите пример!

x-monitor.ru

Исчерпывающие правила создания заголовка (тега) h2 для страниц сайта

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

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

Давайте по порядку.

  • HTML расшифровывается как Hyper text mark-up language – «Язык разметки гипертекста». Большинство сайтов используют этот язык, чтобы создавать веб-страницы.
  • Тег – это тег HTML, который является частью кода. Он посылает браузеру сигнал о том, как отображать ваш контент.
  • Заголовок – в системе HTML есть шесть разных тегов заголовка — h2, h3 и так далее. Тег h2 считается самым важным, а тег h6 наименее значимым. Теги часто отличается друг от друга по размеру – самый большой тег является самым важным, а самый маленький наименее значимым.

Рис. 1. Теги часто отличаются по размеру

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

<h2> Привет, меня зовут Заголовок номер один! </h2>

Для примера. Откройте любую веб-страницу и выполните следующие шаги.

1. Убедитесь в том, что Вы находитесь на веб-странице.

Есть? Отлично.

 

Рис. 2. Пример веб-страницы

2. Посмотрите на источник кода.

Чтобы это сделать, используем правую кнопку мышки (кликаем по пустой области страницы сайта) и выбираем пункт «Исходный код страницы» (инструкция для Firefox).

Рис. 3. Как просмотреть источник кода на веб-странице

Вот что Вы увидите, просматривая источник кода:

 

Рис. 4. Пример источника кода

3. Найдите тег h2.

Нажмите CTRL + F и откройте строку поиска в своем браузере. После нажатия CTRL + F, появляется маленькое окошко поиска в верхнем правом углу окна браузера.

Введите «h2», затем нажмите кнопку «Enter». Браузер выделит h2 на странице.

 

Рис. 5. Тег h2 на странице исходного кода

Текст между тегом h2 «SEO-продвижение сайта» и есть Заголовок h2.

 

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

Тег h2 всегда был очень важным фактором ранжирования.

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

В недавнем обзоре факторов ранжирования от «Moz», теги являются третьим самым весомым фактором ранжирования.

h2 – это, как правило, визуально самый заметный контент на странице.

Это, возможно, самая важная SEO-функция тега h2. Хотя поначалу, Вы можете не осознавать всю значимость тегов h2.

Почему нет? Потому, что они скорее ориентированы на пользователя, чем на техническую оптимизацию страницы, да?

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

Не забывайте о том, что пользователи должны замечать h2. Этот тег имеет значение!

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

Теперь давайте обсудим, как это работает.

Как создать убийственный тег h2?

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

80 % сайтов в топе результатов Google используют тег h2.

Рис. 6. 80 % сайтов в топе результатов Googleиспользуют тег h2

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

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

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

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

Это неправильный ход мысли.

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

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

2. Ваш тег h2 должен описывать тему вашей страницы.

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

  1. Часто тег h2 похож на тег оглавления.
  2. Обычно тег h2 является заголовком статьи в Вашем блоге.
  3. Как правило, тег h2 дает читателю представление о том, что он будет читать.

3. Длина тега h2 должна составлять 20-70 символов.

Не зацикливайтесь на длине тега h2. Она не играет такой роли, как раньше.

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

Оптимальная средняя длина тега – 20-70 символов.

4. Ваш тег h2 должен выделяться.

Тег h2 должен быть самым важным визуальным элементом на странице.

  1. Он должен быть большим.
  2. Он должен быть заметным.
  3. Нужно использовать такие визуальные элементы, форматирование и стиль, которые заставят Ваш тег выделяться.

Почему это важно?

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

Блог SmartPassiveIncome – это отличный пример правильного форматирования. Теги h2 Пэта Флинна очень мощные.

Я взглянул на исходный код и вот, что я увидел:

Вот еще один пример из блога Рамита Сетхи.

Можете угадать, где его тег h2?

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

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

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

За последние несколько лет SEO-оптимизация сильно изменилась. Главное изменение связано с огромным влиянием пользовательского опыта на SEO.

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

Эта диаграмма была опубликована в 2012 году.

В 2017 году SEO, вероятно, займет еще меньший круг в сравнении с дизайном и юзабилити.

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

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

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

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

Тег h2 является одним из самых важных элементов на Вашей странице. Он влияет на взаимодействие с пользователем.

Почему так? Потому что он заметен. Благодаря тегу пользователи получают определенное сообщение. В нем скрыт определенный посыл. И обещание.

Тег h2 должен напрямую общаться с пользователем!

В 2015 году компания «Searchmetrics» провела масштабное исследование факторов ранжирования. Согласно исследованию, наибольшее влияние на пользователя имеет не сам тег h2, а способ форматирования тега!

Вот самое важное предложение из их исследования:

«Наличие тегов h2 и h3 обеспечивают правильную структуру статьи и разбивают ее на части – эти элементы улучшают пользовательский опыт».

Это увлекательная часть познаний о теге h2. Имеет значение не просто само наличие тега h2 на странице – это отправная точка.

Самое главное – это способ форматирования и размещения тега h2!

6. Тег h2 должен соответствовать пользовательскому намерению.

Фраза «пользовательское намерение» смущает некоторых людей, но на самом деле это довольно просто.

Когда Вы создаете контент, обязательно задайте себе вопрос: «Чего хочет пользователь, открывая мою статью? Какие у него намерения?»

Ваш тег h2 должен удовлетворить это намерение.

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

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

Вот как работает пользовательское намерение.

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

Рис. 7. Пример запроса в Google«Рискованные и действенные тактики в сфере SEO»

И вот многообещающие результаты.

Рис. 8. Результаты поискового запроса

Пользователи щелкают на одну из ссылок! А вот и статья из моего блога на эту тему.

Рис. 9. Статья о рискованных тактиках в сфере SEO

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

Задача тега h2 – удовлетворять пользовательское намерение.

Вот как это объясняет Марк Плетель из «SEJ»:

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

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

  1. Используйте только один тег h2.
  2. Тег h2 должен описывать тему страницы.
  3. Тег h2 должен выделяться.
  4. Тег h2 должен обеспечивать хороший пользовательский опыт.
  5. Используйте ключевые слова в теге h
  6. Соответствуйте пользовательскому намерению в своем h

 

Как быстро определить и изменить теги h2 на сайте?

Проведите аудит тегов h2. Вот в чем сила тега h2 – это быстро и это просто. И это дает невероятные результаты в рекордные сроки.

Если у Вас небольшой сайт или блог, выполните следующие шаги.

Загрузите приложение ScreamingFrog

Это можно сделать на сайте https://www.screamingfrog.co.uk/.

Нажмите на кнопку «SEO Spider Tool».

Затем нажмите на кнопку «Загрузить».

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

Откройте приложение ScreamingFrog.

После того, как Вы успешно загрузили Screaming Frog, откройте его.


Введите свой URL-адрес.

Нажмите «Начать» и подождите, пока закончится процесс сканирования.

В зависимости от размера Вашего сайта, на это уйдет от нескольких минут до нескольких часов.

У приложения Screaming Frog уходит примерно меньше минуты, чтобы отсканировать 500 страниц.

Щелкните на тег h2 в панели меню.


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

Проверьте, не отсутствуют ли какие-либо теги h2.

Проверьте меню фильтра.

Выберите вкладку «Отсутствуют»

Вы увидите все страницы на сайте, которым не хватает тега h2.

Рис. 10. Страницы на сайте, которым не хватает тега h2

Ваша первая задача – создать тег h2 для каждой из этих страниц.

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

Создайте список отсутствующих тегов h2.

Нажмите на кнопку «Экспортировать».

Найдите хорошее место для сохранения файла.

Это файл CSV, поэтому его можно открыть через Excel.

Отфильтруйте те теги h2, которые дублируются.

Это можно сделать, нажав на кнопку «дублированный» в меню фильтра.

Сохраните эту информацию в файле CSV, чтобы использовать ее в будущем.

Вернитесь к меню фильтра, выберите вкладку «Все».

Экспортируйте список.

На данном этапе у Вас должно быть три файла CSV (отсутствуют, дублируются, все).

Создайте новый тег h2.

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

Если Ваш сайт содержит десятки тысяч страниц, начните работу с важнейшими тегами h2, а именно –  с отсутствующими.

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

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

 

Вывод

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

Но что еще более важно – Вы точно знаете, как использовать тег h2 для максимального воздействия в сфере SEO.

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

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

 

Оригинал взят с сайта neilpatel.com: How to Create the Perfect h2 Tag for SEO

o-es.ru

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

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

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

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

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

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

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

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

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

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

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

Заголовок h3

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

webmaster-seo.ru

Как правильно оформлять title и заголовок h2, видеосовет 51

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

Правила создания title:

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

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

Правило №3. Title должен хорошо читаться и передавать суть страницы. Времена «купить чехлы Москва» уже давно прошли. И если слова у вас в семантике составлены не в соответствии с правилами русского языка, то их рекомендуется привести в норму. В данном случае следует вписать в title «купить чехлы в Москве». Это будет правильно с точки зрения русского языка и не скажется отрицательно на продвижении. А в сравнении с использованием «купить чехлы Москва» даже улучшит положение.

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

Правила №5 и №6. Нельзя превышать оптимальную длину title, а она составляет не более 50-100 символов. Каждый случай абсолютно уникален, и многое зависит от продвигаемой страницы. Если у вас очень много запросов ведет на одну и ту же страницу, и title разросся (больше 100 символов, возможно 120-130), при наличии большого количества запросов это нормальная ситуация. Если у вас не получается уместить все слова, которые ведут на одну страницу, в title, то, скорее всего, вам поможет переразбивка. Возможно, вы включили абсолютно разные запросы в релевантную посадочную на одну и ту же страницу. Попробуйте пересмотреть разбивку.

И последнее. Вы можете использовать в запросе синонимы слов, переколдовку и подсветку. Если у вас 1-2 запроса ведут на страницу, а title получается очень маленьким и недостаточно ясно отражает суть, то вы можете использовать данные слова и словосочетания, основываясь на рекомендациях Яндекса.

Переходим ко второй важной зоне документа – заголовку h2.

Одно из самых главных правил: заголовок h2 не должен повторять title. Это очень важно. Многие оптимизаторы об этом забывают. В идеале в h2 нужно использовать словоформу одного из самых главных запросов. Если ваш первоначальный запрос, который вы использовали в title ближе к началу, – «купить айфон 5с», то в h2, например, можно использовать следующий вариант: «покупка айфон 5с». Это не будет полной копией, но, тем не менее, будет содержать словоформу самого главного запроса.

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

Заголовок h2 не должен содержать никаких ложных тегов. Часто встречается конструкция, при которой в h2 вложены еще какие-нибудь тэги, что не совсем правильно. Н1 должен быть чистым, т.е. h2 как заголовок и закрывающий тег /h2. Больше никаких вложенных тэгов в структуре заголовка быть не может. Рекомендуемое количество слов в заголовке h2 – от 1 до 7.

seointellect.ru

HTML теги h2, h3, h4, h5, h5, h6 заголовки

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

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

Пример использования заголовка h2

Заголовки h2, h3, h4,…, h6 — html теги имеющие обязательный закрывающий тег. Они относятся к блочным элементам и всегда отображаются с новой строки. Элементы следующие после заголовка H также начинаются с новой строки без использования <br />. Так же, до и после заголовка h2-h6 добавляется отступ. При использовании тега h2 и других тегов заголовков допускается использование атрибута align, который определяет выравнивание заголовка. По умолчанию, все html-теги h2-h6 выравниваются по левому краю (h2 align left), при помощи атрибута align можно выровнять тег h2 по центру (h2 align center) или по правому краю (h2 align right).

Так же, нежелательно использование тегов внутри h2, h3, h4,…,H6. Особенно совместное использование заголовков H с html-тегами: STRONG, B, EM и A.

Теги h2,h3,h4 пример:

<html>
 <head>
 <title>Заголовки h2, h3, h4</title>
 </head>
 <body>
  <h2>Название статьи</h2>
  <p>Вступление.</p>
  <h3>Заголовок статьи 1</h3>
  <p>Часть статьи 1.</p>
  <h4>Подзаголовок статьи 1</h4>
  <p>Пункт 1 части 1.</p>
  <h4>Подзаголовок статьи 2</h4>
  <p>Пункт 2 части 1.</p>

  <h3>Заголовок статьи 2</h3>
  <p>Часть статьи 2.</p>
  <h4>Подзаголовок статьи 2</h4>
  <p>Пункт 1 части 2.</p>
 </body>
</html>

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

HTML тег h2 что писать и как заполнять

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

Как использовать заголовки h2-h6:

  1. Иерархия заголовков. Заголовок h2 должнт быть выше всех остальных заголовков h на странице. Остальные заголовки по порядке уровня.
  2. Градация шрифтов. Чем выше уровень заголовка (h2 — самый высокий) — тем больше шрифт заголовка.
  3. Не больше одного h2 на странице. HTML-тег h2 можно использовать только один раз на странице. Два заголовка h2 введут в заблуждение поскового робота, что может привести к непредсказуемым последствиям при индексации сайта.
  4. Ничего лишнего в заголовках H. Не используйте в заголовках h2-H6 ничего кроме текста. Избегайте использования других тегов акцентирования (strong, b, em) и ссылок внутри тегов H.
  5. Не злоупотребляйте заголовками h3,h4,h5,h5,h6. Чрезмерное количество «важных» элементов страницы может быть истолковано как спам или переоптимизация сайта.

Текст заголовка h2,h3,h4,…,h6

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

Содержание заголовков h2-H6:

  1. Прямое вхождение ключевого слова в заголовке. Точное соответствие ключевого слова в заголовке повышает релевантность страницы по соответствующему запросу.
  2. Уникальность заголовка относительно других страниц сайта. Повторяющиеся заголовки на разных страницах сайта могут не учитыватся поисковыми системами.
  3. Близость заголовка к началу документа. Чем ближе к началу html-кода находится заголовок, тем больше его значение относительно других элементов страницы и тем более значимым является содержимое заголовка.
  4. Близость ключевого слова к началу заголовка. В идеале, заголовок должен начинаться с ключевого слова.
  5. Длина заголовка h2,h3,h4,…,h6. Длина заголовка не должна превышать 60 символов. Поисковые системы обрабатывают ограниченое количество знаков, длинные заголовки не будут восприняты полностью.
  6. Грамотность заголовков. Грамматические ошибки в заголовке снижают релевантность заголовка.
  7. Плотность ключевых слов в заголовке. Все заголовки оцениваются на переоптимизацию. По этому, не стоит впихивать в заголовок все больше ключевых слов, заголовок может быть проигнорирован.

Тег h2 joomla, wordpress — заголовки в CMS

Многие CMS поддерживают использование заголовков h2,…,h6. Иногда заголовки расставляются автоматически. Однако не всегда с учетом специфики сайта. Правильная расстановка заголовков в тегах h2,2,3,4,5,6 на joomla, wordpress и сайтах других современных CMS может дать потрясающий результат для СЕО сайта. По этому, не жалейте времени на настройку движка сайта. Поверьте, окупится.

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

Пишите в комментариях, как вы используете H-заголовки.
Добавляйте статью в избранное, делитесь с друзьями.
Подписывайтесь на СЕО-блог.

Пишите коротки, емкие и грамотные заголовки.

Получайте бесплатные уроки и фишки по интернет-маркетингу

convertmonster.ru

Добавить комментарий

Ваш адрес email не будет опубликован. Обязательные поля помечены *