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

Что такое заголовок h1 h2 h3 для статьи?

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

Предназначение заголовков

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

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

Виды заголовков

В html бывает 6 типов заголовков – h1, h2, h3, h4, h5, h6. Заголовки в языке html задаются тегами <h1>, <h2> и прочее. То есть заголовок 1 в исходном коде выглядит, как: <h1>Заголовок 1</h1>

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

Выдержка из Яндекса  по вопросу: ” Что такое заголовок h1 h2 h3 ” ?

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

Выдержка из  Google  ” Что такое заголовок h1 h2 h3 ” ?

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

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

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

«Не советуем» (Google)

О заголовке h1

Тег h1 должен встречаться на странице только 1 раз! Для заголовков – это одно из самых важнейших правил. Кто-то может возразить, что в HTML5 можно делать несколько тегов h1. Отвечу – не важно, что можно или нельзя сделать. С точки зрения сео-оптимизации тег h1 может встречаться только один раз на странице.

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

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

Часто ребята делают такую ошибку:

В Вордпресс заголовок автоматически заключается в h1. Ребята пишут заголовок, потом какой-то текст вступления, дальше подзаголовок и выделяют его пунктом «Заголовок 1», который также проставляет тег h1. Делают они это потому что шрифт такой крупный, красивый, заметный. Ну, то есть, просто ради визуального эффекта. Делать этого не нужно! В статьях, если вы и делаете какие-то дополнительные заголовки, то они должны быть отмечены через «Заголовок 2» и ниже.

На главной можно вывести h1, используя ключевые слова. Хотя, это необязательно для блога. Если у вас главная статичная и заточена под какой-то запрос, то h1 там обязателен. Тег h1 должен быть чистым, без всяких <h1 class= и прочего. Он должен быть вот в таком виде:

А вот такие вещи нежелательны:

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

Функция:

«Если мы находимся на главной, то текст в шапке выводится в теге h1, иначе просто текст»:

<?php if( is_front_page() ) {?><h1>Описание сайта</h1> <? } else{ ?><div>Описание сайта</div> <?}?>

Другие заголовки (h2, h3, h4…)

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

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

Если вы используете ключевые слова в заголовках, то внутри текста старайтесь использовать их по минимуму, потому что сила ключевых слов, когда они находятся в заголовке, существенно выше. Когда ключ находится в теге h1, h2, h3, h4, h5, h6, то это словосочетание становится сильнее. Часто бывает такое, что для попадания в ТОП достаточно употребить наш ключ в заголовке h2, пару раз в h3, а в тексте вообще не употреблять эту фразу в точном совпадении. Это важный момент!

Вернемся к статье… Еще мы добавим блок текста с названием «Как отрастить бороду, если она не растет (возраст 14-18 лет)?». И для вступления еще добавим еще блок текста «Почему отращивают бороду?». Мы будем очень хорошо сидеть по этому запросу.

Помните, мы говорили, что самый лучший документ – это тот, который отвечает на все возможные вопросы? Если человек спрашивает у Google: «Почему отращивают бороду?», то Google думает, что данного человека интересуют ответы на все вопросы, которые мы сможем по этой теме выжать из планировщика ключевых слов Если мы на что-то не можем ответить в рамках этой статьи, то у нас должны быть внутренние ссылки на другие статьи, которые раскрывают эту тему.

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

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

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

Т.е. у нас получается, что внутри тега h2 заголовка «Как отрастить бороду в домашних условиях» у нас будет два тега h3 для заголовков «Репейное масло для бороды» и «Загуститель для бороды» и они будут подчиняться тегу h2. Мы сможем использовать новый тег h2 ниже только в том случае, если он не будет находится внутри (не будет подчиняться) тега h2 заголовка «Как отрастить бороду в домашних условиях», а окажется совершенно отдельным блоком с темой другого вопроса.

Лично я не использую в статьях теги h4, h5, h6. Считаю их лишними, структура получается слишком мудреной. Когда возникает необходимость в создании заголовков, которые в соответствии с иерархией нужно было бы выделить тегом h4, то я этого не делаю, а просто выделяю такие заголовки жирным шрифтом. Но, помните, что нельзя выделять жирным шрифтом ключевые фразы, типа:

«Мусорные заголовки»

Мусорные «заголовки» – это фразы типа «Популярное», «Архивы», «Последние комментарии», «Рубрики», «Подпишись на обновления» и т.д. Чаще всего они располагаются в сайдбаре.

Если такие заголовки в тегах h – то, это неправильно. Они у нас забирают частичку веса нашего тега. Когда мы наши теги h1, h2, h3 используем внутри статьи, то весь вес этих тегов у нас сосредоточен внутри статьи и заголовки, типа «О сайте» и т.д. не уменьшают релевантность документа.

Допустим, у нас все теги h2 в сумме имеют вес 100. Когда мы используем тег h2 один раз, то весь вес направляет на данный тег. Если мы используем тег h2 три раза, то вес условно делится на три заголовка. Делится он неравномерно – чем выше тег в исходном коде, тем он выше по значимости. Поэтому, если у нас где-то еще будут фразы в теге h2, то они будут забирать часть веса наших заголовков и уменьшать их силу. Именно поэтому я всем рекомендую избавляться от тегов в «мусорных» заголовках, которые встречаются вне статьи.

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

Основные способы выделения текстов

Как мы уже говорил – не нужно выделять ключевые слова жирным шрифтом ради того, чтобы как-то повлиять на запрос. Это наоборот пессимизирует страницу. Приведем пример коллеги: когда-то он написал статью про Plibber. Она была хорошей и объемной, раскрывающей полностью всю тему. Тогда это сервис был совсем неизвестен и залезть по нему в ТОП 10 было очень легко. Но, он почему-то торчал за ТОП 100.

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

Если вам реально нужно часто что-то выделять для визуального эффекта, то правильней будет прибегнуть к стилям CSS, прописать там правила, которые будут выделять жирным текст, но там не будет тега <strong> или <b>, которые воспринимают поисковики, как выделение жирным.

Что влияет на релевантность выдачи вашей статьи?

• Оптимизация страницы, отвечает ли она на основной запрос? Сама страница – фактор влияния на релевантность документа.
• Есть ли внутри этой страницы дополнительные ссылки, которые дополняют материал. Наличие внутренних ссылок на раскрывающее статьи тематики и прочее – это тоже очень важно.
• Оптимизация тех страниц, на которые идет ссылка, тоже очень важна. Вернемся к примеру с «Nokia N8 прошивка». Допустим, мы проставили ссылку на «Nokia N8 rm 596 прошивка». Та страница, на которую ведет ссылка тоже должна быть адекватно оптимизированной под поисковые системы. Мы будем более подробно это разбирать позже.

Если вы все еще задаетесь вопросом ” Что такое заголовок h1 h2 h3 ? ” , тогда задавайте вопросы в комментариях. И не забудьте прочитать статью про seo оптимизацию текстов.