Как прописать тег h1 – Заголовки html (теги h1 — h6), html форматирование текста (теги strong, b, em, i, blockquote, pre) | Создание сайтов и заработок в сети

Содержание

Тег 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 же использовать ключи не стоит, и размещать все эти виды названий нужно строго по иерархии. Все они должны отличаться от остального текста на сайте и запоминаться. Тайтл же должен побуждать человека перейти на ваш сайт из поиска или социальных сетей.

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

prodvigaem.pro

Как использовать html теги h2, h3, h4 для SEO-оптимизации

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

Вообще, я не мастер писать статьи про html- и css-коды,  так как на данный момент моих знаний на эту тему недостаточно. Но я активно занимаюсь самообразованием и всякими «ковыряниями» в файлах моего блога…Итак...

 Как правильно применять html заголовки в Wordpress

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

Использование и оптимизация тега h1

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

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

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

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

Открываем админку WordPress.

Заголовки записей (постов)

Находим в меню Внешний вид/Редактор/Одна запись (single.php).

В файле single.php такой код:

и делаем его такого вида:

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

Теперь нужно прописать заголовки страниц.

Открываем Внешний вид/Редактор/Шаблон страницы (page.php). Вносим изменения.

Редактирование тега h2 для шаблона WordPress

Сейчас нужно настроить оптимизированный вывод заголовка сайта. Для этого открываем Внешний вид/Редактор/Заголовок (header.php). В моем случае получились изменения такого вида:

 

Сохраняем изменения, обновляемся и проверяем результат.

Использование тегов h3, h4, h5, h5, h6

Тег h3

Этот заголовок используем так:

Для главной страницы. Если Главная прописана в h2, тогда названия постов на ней прописываются в h3.

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

К слову, этот тег не должен использоваться в виджетах сайдбара.

Тег h4

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

Теги h5, h5, h6

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

В итоге структура страницы сайта/блога должна иметь такой вид:

В подзаголовках последовательно, один за другим по убыванию применяем h3, h4, h5, h5 и h6.

В каждый из них очень полезно включать ключевые слова. Но без фанатизма.

На этом у меня все. Как обстоят дела с правильными заголовками на Ваших ресурсах? Все верно прописано? Пишите об этом в комментариях.

Желаю удачи!

Другие статьи по этой теме

www.sea-of-money.ru

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

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 в 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 на страницах своего блога, созданного при помощи системы WordPress.

Тег h2 или заголовок первого уровня

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

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

На страницах и в записях применяется шесть разновидностей заголовков: h2, h3, h4, h5, h5 и h6. Эти шесть тегов используются в целях форматирования текста в записях и страницах.

Html тег h2 является самым важным для пользователей, а также поисковых систем.

Значение заголовка h2 для продвижения

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

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

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

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

Использование тега h2 в WordPress

Это была чисто теоретическая часть. Теперь поговорим об основных моментах, в которых разберём использование тега h2 на веб-ресурсах под управлением системы WordPress.

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

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

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

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

Чтобы исправить этот недочет я занялся редактированием файла single.php. Этот файл одинаков для множества шаблонов системы WordPress.

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

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

Нам нужно поменять теги h3 на нужные h2, а потом нажать кнопку «Обновить файл». Вот и все. Как видите сделать это проще простого.  Вот как преобразился файл после необходимых изменений:

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

Похожее редактирование (замену h3 на h2) также необходимо сделать с ещё одним файлом шаблона блога, который называется page.php. Именно он выводит страницы блога.

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

Но эта информация просто для вашего понимания.

Итак, продолжим. После изменений в файле page.php  код, который отвечает за вывод заголовков страниц моего блога, стал таким:

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

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

Редактирование шаблона для тега h2

Для того, чтобы отредактировать шаблон WordPress и убрать вывод тега h2 из заголовка блога необходимо внести изменения в файлы: header.php (файл вывода заголовка веб-ресурса) и style.css (файл стилей веб-ресурса).

Необходимо изменить в файле header.php:

Найдите этот код в файле header.php, который осуществляет вывод заголовка вашего сайта или блога, а затем вместо тега h2 вставляем тег абзаца p.

После изменения наблюдаем вот такую картину:

Редактирование файла style.css

Чтобы размер и вид шрифта заголовка блога остался без изменений, нужно внести изменения в style.css. Открывайте этот файл и ищите стили для h2. У меня они выглядят вот так:

Затем замените тег h2 на тег p и отредактируйте размер шрифта:

Html тег h2 для главной страницы блога

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

Но как это осуществить? У нас ведь в записях главный тег используется для заголовков статей.

Открывает файл index.php для редактирования и находим строчку вида:

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

Если выводится через другой тег, — пропишите h3 и обновите файл.

Теперь про h2

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

Но это не всё.

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

Это приведёт к дублированию тега h2, что не есть хорошо! Поисковики это не любят… Поэтому предлагаю своё решение.

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

А вот и само условие:

 <?php if (is_home() ) { 
 ?><h2>ваш заголовок или описание блога</h2><?
 } else { 
 ?>< >заголовок или описание блога</ ><?
 }
 ?>

Итак, открываем файл блога header.php и прописываем это условие в шапке блога.

У меня это выглядит таким образом:

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

Вот в принципе и всё. Мы удачно произвели редактирование недоработок в бесплатном шаблоне.

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

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

До новых встреч. Пока!

Успехов Вам и Удачи С Уважением,

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

Другие интересные статьи:

saranchinsergey.ru

Отправить ответ

avatar
  Подписаться  
Уведомление о