Содержание

HTML теги h2, h3, h4, h5, h5 и h6. Создаем правильные заголовки

Что такое html тег h2…h6?

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

При этом на странице может быть не более одного заголовка h2, так как именно этот тег описывает все содержимое страницы целиком.

Заголовков h3…h6 в документе может быть сколько угодно.

Все они имеют крайне простой синтаксис. Начинается заголовок с тега <h2>, далее следует текстовое описание, которое обрамляется закрывающим тегом </h2>.

Вот так: <h2>Тут находится текст заголовка</h2>

На рисунке ниже представлен заголовок внутри HTML страницы.

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

Пример заголовка h2

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

Его синтаксис крайне прост: <h2>Заголовки страницы h2, h3, h4 … h6</h2>

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

Пример заголовков h3…h6

Наглядный пример вложенных заголовков h3 и h4 можно увидеть на странице https://dh-agency.ru/title/ (Для удобства, на рисунке мы убрали текст статьи)

Заголовок <h3></h3> имеет больший размер и содержит описание раздела, в том числе обобщающее подзаголовки <h4></h4>. Во все теги добавлены ключевые слова. При этом h3 имеет более частотный ключевик, чем h4.

Роль тегов h2…h6 в SEO

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

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

Правильно прописываем h2

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

  1. Кратко и понятно описывать содержимое всей страницы;

  2. Легко читаться;

  3. Быть написан на том же языке, что и весь материал страницы;

  4. Не содержать в себе сложных аббревиатур, технических параметров и сокращений;

  5. Быть длинной не более 60 символов, при этом располагаться на странице в одну строку;

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

  6. Содержать самые важные ключевые слова страницы;

  7. Не содержать в себе SEO СПАМа и не быть похожим на тег keywords;

  8. Не вводить пользователей в заблуждение;

  9. Иметь уникальное содержимое;

  10. Быть одним на странице;

  11. Внутри <h2></h2> не должно быть сторонних тегов разметки и форматирования, таких как <i>, <b>, <strong>, <span>, <div> и других.

Ошибки при написании h2

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

  1. Слишком длинный заголовок;

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

  2. Заголовки состоящие из ключевых слов;

    Наличие SEO СПАМа может повлечь за собой исключение из поисковой выдачи. Не стоит превращать содержимое тегов <h2></h2> в семантическое ядро.

  3. Наличие бренда;

    Если Ваша фирма недостаточно известна, наличие ее названия в h2 повлечет за собой потерю драгоценного места.

  4. Заголовки, которые не описывают суть статьи.

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

  5. Наличие множества h2 в статье.

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

Правильно прописываем h3…h6

Для заголовков h3…h6 требования немного мягче. Для них справедливо все указанное выше, но при этом:

  1. Тегов одного уровня на странице может быть несколько; (К примеру, можно иметь 3 тега h3 в одном документе)

  2. Они должны описывать только тот блок, который озаглавливают;

  3. Могут иметь длину до 80 символов;

  4. Содержание технических параметров, аббревиатур и сокращений допускается; (Допускается, но не приветствуется)

  5. Должны содержать в себе менее частотные ключевые слова; (В сравнении с тегом h2)

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

Заголовки h2, h3,…h6 для WordPress

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

Обратите внимание, что добавлять <h2> в текст статьи не нужно, так как это приведет к дублированию тега. Что для SEO может иметь негативные последствия.

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

Заголовки второго, третьего, четвертого, пятого и шестого уровня — h3, h4, h5, h5 и h6 прописываются в теле статьи напрямую в HTML разметке или при помощи визуального редактора.

Заголовки h2, h3,…h6 для Joomla!

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

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

Принцип создания вложенных заголовков при помощи тегов h3, h4, h5, h5 и h6 схож с WordPress. Их так же можно добавить через редактор HTML кода или с помощью визуального оформления.

(Вид редактора может отличаться в зависимости от версии Joomla! или установленных модулей и настроек.)

Заголовки h2, h3,…h6 для Opencart

В Opencart для заголовка отведено отдельное поле, которое так и называется «HTML-тег h2». Это достаточно удобно, так как название может отличаться от фактически выводимого h2.

Как и в других CMS, никаких ограничений внутри поля тут нету.

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

dh-agency.ru

Как заголовки h2–H6 влияют на seo-продвижение | Многослов

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

Четыре правила оформления заголовков

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

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

       3. Читабельность — обязательное условие для h2. Ключ вписывают в текст заголовка органично, чтобы его воспринял и человек, и поисковая система. Купить смартфон недорого Москва — фраза, которую легко понять поисковику, но потенциальным посетителям сайта такой заголовок точно не понравится.

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

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

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

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

Важный параметр заголовков h2–H6 — правдивость. При первом взгляде читатель определяет, найдет ли на странице интересующую информацию. Если подзаголовок обещает, что после чтения раздела пользователь научится отличать натуральный мед от искусственного, это должно произойти. Если же человек узнает лишь о том, что найти различия сложно, продавцы — шарлатаны, и «только на нашем сайте» можно найти спасение — он уйдет. И даже самый информативный подзаголовок его не задержит.

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

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

Теги h3–H6 — не просто способ сделать подзаголовки разными по размеру. Они, в том числе, помогают поисковикам ранжировать результаты в выдаче. И если поисковик обнаружит две страницы с подзаголовками Как отличить настоящий мед от искусственного? и Как отличить мед от искусственного? при остальных примерно равных условиях, то может отдать позицию выше первой.

В заголовки h2–H6 не надо включать другие элементы страницы — картинки, элементы навигации, которые встречаются на каждой странице сайта — «Добавить в Корзину» или «Заказать звонок», а также добавлять стили. Поскольку все, что внутри тега h2 будет считаться поисковиками как заголовок. И это может затруднять индексацию кода заголовка.

Также вам может быть интересно Формула и рекомендации для метатега Title

Рассказать друзьям:

www.seonews.ru

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

44.1K

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

</body>
  • Не должно быть никакого спама;
  • Составление текста h2— h6 должно производиться с использованием синонимов и учетом правил морфологии;
  • Основные ключевые запросы лучше разместить ближе к началу заголовка;
  • Ключевые фразы, прописанные в заголовках, должны встречаться в тексте страницы;
  • Теги h2— h6 должны быть краткими, емкими и информативными:
  • В некоторых CMS расстановка тегов производится автоматически и зачастую с нарушением правил внутренней оптимизации. К примеру, с помощью h4 выделаются заголовки блоков и иных элементов сайта, а это не правильно. Для этих целей существуют другие теги HTML;
  • В корне ошибочным будет заключение в теги h ссылок, изображений, логотипов и т.д.;
  • Частой ошибкой является незакрытый заголовок. Это может сбить с толку поисковики и такие страницы рискуют быть пониженными в выдаче;
  • Нередки явления, когда в тегах либо вовсе отсутствуют текст (пустые теги), либо вместо адекватного текста присутствуют несвязанные слова;
  • Выявление и исправление подобных ошибок позволит повысить вес страниц и улучшить ранжирование сайта в целом.

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

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

www.internet-technologies.ru

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

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

Но давайте обо всем по порядку.

Что такое title

И так, title – это специальный тег, расположившийся в начале html-кода, кратко описывающий содержимое определенной страницы сайта. По поводу заголовка title более объемно и подробно написано в этой статье.

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

<title>Кто такой фрилансер и как им стать?</title>

Данный вид заголовка, к примеру, на CMS Joomla создается в автоматическом режиме. То есть заголовок, который прописывается к каждому материалу и является тем самым заглавным заголовком title. Его важность для внутренней SEO-оптимизации сайта не преувеличена, поскольку именно его видит пользователь интернета в поисковой строке при определенном запросе.

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

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

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

<h2 >Кто такой фрилансер и как им стать</h2>

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

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

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

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

В сфере SEO-оптимизации существуют четкие правила по написанию основных тегов, а именно:

1. Ключевые слова. В глазах поисковиков грамотно изложенная SEO-статья выглядит куда перспективнее и привлекательней, если в начале ее заголовка title и h2 прописать слова, отвечающие ключевым запросам. Как их узнать? Для этого существует специальный онлайн сервис wordstat.yandex.ua.

2. Читабельность. Нельзя просто взять и повпихивать ключевики в заголовок. Текст должен быть естественным и при этом легко читаться, в противном случае поисковики посчитают такую выходку за спам. При написании заголовка h2 и title постарайтесь располагать ключевые слова, как можно ближе к их началу. Другое дело заголовки h2, h3, h4… Их можно склонять и разбавлять определенными тематическими словами.

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

4. Длина. В теге title допускается использование 70 символов, так как большее количество просто напросто не поместится в сниппете.

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

6. Тег h2 не должен быть гиперссылкой.

7. Разделительные знаки желательно не использовать.

Правильное использование тегов h3 – h6

Заголовки h3 – h6 помогают сориентироваться в изложенном тексте, делая материал более привлекательным в глазах читателей и поисковых ботов. Поэтому существуют некоторые неукоснительные правила при их создании, а именно:

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

<h3>Вольная борьба среди подростков</h3>

<h3>Вольная борьба среди юношей</h3>

<h3>Вольная борьба среди ветеранов</h3>

<h4> Как преуспеть в вольной борьбе</h4>

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

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

Спасибо за внимание и до скорых встреч на страницах Stimylrosta.

Обнаружили в тексте грамматическую ошибку? Пожалуйста, сообщите об этом администратору: выделите текст и нажмите сочетание горячих клавиш Ctrl+Enter

 

Не ленитесь, поделитесь!

Понравилась статья? Угостите админа кофе.

stimylrosta.com.ua

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

Тег <h2> — <h6> в HTML используются для определения заголовков на веб-странице.

Всего существует шесть тегов заголовков HTML:

  • <h2> — заголовок первого уровня;
  • <h3> — заголовок второго уровня;
  • <h4> — заголовок третьего уровня;
  • <h5> — заголовок четвертого уровня;
  • <h5> — заголовок пятого уровня;
  • <h6> — заголовок шестого уровня.

HTML заголовок <h2> имеет наибольшее значение, является главным заголовком HTML документа.

Заголовки имеют строгую иерархию. Заголовок HTML <h3> является подзаголовком <h2> и имеет меньшее значение, чем <h2>, но большее, чем <h4> и т.д.

Использовать HTML заголовки необходимо в последовательности от <h2> до <h6>. Использование заголовка меньшего значения, без наличия заголовка большего значения (например использовать <h5>, если не использован <h4>) является ошибкой.

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

Рекомендации по использованию тегов заголовков описаны в статье: Как правильно писать HTML заголовки для сайта.

Браузеры обычно выделяют заголовки размером шрифта и добавляют пустое место до и после них. Заголовок HTML <h2> имеет наибольший размер шрифта, заголовок <h6> — наименьший.

Все виды выделения текста описаны в статье: Теги форматирования текста в HTML.

Синтаксис

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

Отображение в браузере

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

<!DOCTYPE html>
<html>
<head>
<title>Теги заголовков</title>
</head>
<body>
<h2>Заголовок 1-го уровня</h2>
<h3>Заголовок 2-го уровня</h3>
<h4>Заголовок 3-го уровня</h4>
<h5>Заголовок 4-го уровня</h5>
<h5>Заголовок 5-го уровня</h5>
<h6>Заголовок 6-го уровня</h6>
</body>
</html>

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

Атрибуты

В HTML5 у тегов заголовков <h2>, <h3>, <h4>, <h5>, <h5>, <h6> нет атрибутов.

Устаревшие атрибуты заголовков HTML



Атрибут Значения Описание
aling

left
center
right
justify

Устанавливает способ выравнивания контента по горизонтали. В HTML5 используйте CSS.

guruweba.com

Заголовки сайта. Правильная структура HTML, теги h2, h3, h4

Всем привет! Блог seo-mayak.com продолжает вещать миру о тонкостях SEO и не только. И сегодня на повестке дня весьма актуальная тема — заголовки сайта.

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

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

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

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

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

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

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

Вся правда о влиянии HTML тегов h2 — h6 на продвижение сайта

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

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

<a>Заголовок сайта</a>
<h2>Заголовок статьи</h2>
<h3>Заголовки в теле статьи</h3>
<h4>Подзаголовки в теле статьи</h4>
<h5>Заголовки в сайдбаре</h5>
h5 и h6 использовать не обязательно

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

Пару лет назад, так и не найдя внятных ответов на свои вопросы, по правильной структуре применения h2 — h6, я решил оставить все так, как было изначально устроено в шаблоне. А устроено было так:

<h2>Заголовок сайта в шапке</h2>
<h3>Заголовок статьи</h3>
<h4>Заголовки, которые я вставлял в тело статьи</h4>
<h5>Служебные заголовки под статьей и в сайдбаре</h5>
<h5>Вообще не использовались</h5>
<h6>Применял для некоторых стильных заголовков в сайдбаре</h6>

По прошествии времени, львиная доля страниц моего кулинарного сайта выбралась в ТОП, причем по запросам, частотой в 10000 — 100000 запросов в месяц. Обращаю внимание, что основные заголовки моих статей, были заключены в тег h3.

В связи с вышесказанным, возникает пару резонных вопросов к «бывалым». Ребята, как же так получается, а где хваленое влияние тега h2? Если следовать логике Ваших советов, то мои статьи, с «недоразвитыми» заголовками h3, должны быть где-то на задворках поисковой выдачи?

На заметку! Заголовок статьи, заключенный в HTML тег h2, с точки зрения SEO, ничем не отличается от заголовка заключенного в тег h3

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

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

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

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

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

Как Яндекс смотрит на заголовки сайта

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

Мое письмо Платону:

Здравствуйте уважаемая команда службы поддержки Яндекса!

У меня к Вам несколько вопросов, касающихся использования HTML тегов в заголовках.

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

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

В связи с вышесказанным хотел спросить:

1. Имеет ли значение, в какой тег заключен тот или иной заголовок?

2. Можно ли в качестве заголовка использовать изображение и как на это «посмотрит» поисковый робот?

3. Учитывается ли алгоритмами робота иерархия тегов h2, h3 и т.д?

Очень буду благодарен за ответ.

С уважением,Виталий Кириллов

На что я вскоре получил ответ следующего содержания:

Здравствуйте, Виталий!

1. Нет, на ранжирование это не влияет.

2. Да, можно. Скорее всего робот проиндексирует такую картинку, если она в заголовке будет прописана в соответствии с этими правилами http://help.yandex.ru/images/robot-search.xml .

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

С уважением, Платон Щукин
Служба поддержки Яндекса

Надеюсь я многих убедил!

Давайте подведем итог всему вышесказанному и сделаем некоторые выводы:

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

Вывод №2. HTML тег h2 не влияет на ранжирование. Роботу не важно в какой тег заключен заголовок статьи. Было бы глупо предполагать обратное, при современных, мощных аналитических технологиях.

Вывод №3. Заголовком может быть даже изображение, оптимизированное должным образом. Можно без всяких опасений использовать в качества заголовка сайта любое изображение, например с логотипом.

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

Дополнение от 06.02.2014

После дебатов в комментариях, я решил провести эксперимент. Сегодня я опубликовал статью, под названием  «Динамическая карта сайта, с помощью плагина All in One SEO Pack«, в которой основной заголовок записи был заключен в тег h6.

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

—————————————————————————————————————————————————-

Дополнение от 30.06.2014

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

До встречи!

С уважением, Виталий Кириллов

seo-mayak.com

Применение заголовков h2, h3, h4, h5, h5 и h6 на сайте

30 март 2016



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

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

С помощью заголовков h2-h6 выделяются определяющие для страницы элементы, которые несут ключевые слова и дают возможность поисковой системе понимать содержание страницы и ее релевантность поисковым запросам пользователей. По сути заголовки предназначены для того же, что и мета-теги, но вебмастера используя мета-теги, часто пренебрегают заголовками. Заголовки h2-h6 отображаются на самой странице и видны пользователю, так как включены в тег <body> на странице. Это также разнит их с мета-тегами. И последний момент различий, который стоит упомянуть — это возможность установления иерархии заголовков h2-h6 для придания значимости тем или иным ключевым словам.

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

  • <h2>Заголовок сайта</h2>
  • <h3>Заголовок страницы</h3>
  • <h4>Подзаголовок</h4>
  • <h5>Выделение элементов навигации</h5>

Несостоятельность такой модели видна даже без анализа. В первую очередь, заголовок сайта крайне редко несет какие-то важные ключевые слова. Также элементы навигации не нужно выделять тегами <h>. На любом сайте выделять тегом <h2> нужно название страницы, а не сайта. Именно оно содержит важные ключевые слова и характеризует содержание, именно ему поисковые системы уделяют большую часть внимания. Предназначение тегов <h3> — выделение подзаголовков в контенте страницы. Заголовком <h4> выделяют менее значимые структурные блоки статьи на странице. Важно понимать, что заголовки h2-h6 должны выстраиваться в иерархию и отображать важность ключевых слов по нисходящей.

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

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

  1. Иерархия заголовков является важным моментом, который обязателен к соблюдению. Первым на странице должен быть всегда h2, после него должен идти h3 и только потом другие ранги. Конечно, не всегда удается соблюдать это правило в точности, так как некоторые заголовки могут потребляться на странице несколько раз. Поэтому главное соблюдать порядок заголовков h2-h3, а далее уже можно отклоняться от этого правила.
  2. Размеры шрифтов должны отображать визуально иерархию заголовков. Логично, что более важный h2 должен быть выполнен более крупным кеглем, чем h3. Самым маленьким, но не меньше, чем остальной текст на странице, должен быть выполнен заголовок h6.
  3. Заголовки всех рангов должны включать определяющие ключевые слова. Так вы направите внимание поисковой системы на определенные слова, по которым будет определяться релевантность страницы. Если таких слов нет, то и применять заголовок не стоит.
  4. Нельзя использовать теги <h> с одной логической конструкции с другими тегами. Они не должны быть ни ссылками, ни выделением с использованием тегов <strong> или <b>.
  5. Для одной страницы должен быть применен только один заголовок h2.

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

nabiullin.com

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

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