Правильное использование h1…h6 | BloggerMen

Правильное использование тегов h1…h6 с точки зрения поисковой оптимизации

Рубрика: Продвижение сайтов

Как правильно проставить h1?Все возрастающая конкуренция заставляет вебмастеров рассматривать более дешевые виды раскрутки, в частности продвижение по НЧ запросам. Соответственно внутренней оптимизации уделяется огромное внимание. Сегодня рассмотрим один из ее аспектов – использование h1…h6.

Кто-то может сказать, что это избитая тема и не стоило ее даже поднимать. Но когда у меня появилась пара вопросов насчет того, как правильно использовать теги h1…h6, ни поиск, ни форум помочь не смогли. Ответы, конечно, были, но в виде голой теории, не подтвержденной никакими фактами.

Вопросы были следующими:

1. Как правильно расставить теги h1…h6?

Заголовок заключаем в h1, тут все ясно, а как быть с остальными? Та информация, которую удалось найти, гласит, что должен быть один тег h1 (название поста), потом подразделы заключаем в h2, и, по мере необходимости, можно прописывать h3…h6.

Все вполне логично, текст получается структурированным и легко читается. Но… Как быть с сайдбаром? Обычно название блоков «Рубрики, Архивы…» также заключают в тег h. Только какого уровня?

Вот на этот вопрос я и не смог найти ответ. Поэтому пришлось проанализировать несколько популярных блогов SEO-тематики (кто как не сеошники знают, как правильно использовать теги h1…h6). Но, вопреки ожиданиям, однозначного ответа так и не было.

Варианты встречались самые разнообразные:

— заголовок — h1, подзаголовок – h2, сайдбар – h3…

— заголовок — h1, подзаголовок – h3, сайдбар – h2…

— заголовок — h1, подзаголовок – h2, сайдбар – h2…

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

2. Возможно ли совместное использование тегов h и strong, b, i, em?

Не менее интересный вопрос. Считается, что их нельзя использовать вместе. Но почему нет? Где это написано и какими последствиями чревато? Кто-то писал, что внутри тега h не должно быть ничего кроме текста. Ладно, пусть так, но чем плоха такая конструкция:

<strong><h2>подзаголовок</h2></strong>

Разве она противоречит негласному правилу использования тегов h1…h6?

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

В общем, по этому вопросу также приглашаю высказать свое мнение.

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

Правильное использование h1…h6

— нужно соблюдать структуру при расстановке h1…h6. То есть, чем больше значимость тега, тем выше он должен располагаться на странице. Избегайте ситуации, когда, к примеру, h2 будет располагаться ниже, чем h5;

— чем больше по значимости тег, тем крупнее должен быть шрифт;

— тег h1 нужно использовать на странице не более одного раза;

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

— в тегах h обязательно должен быть ключевик, причем по возможности без «лишнего» текста. Примерно так: <h2>Теги акцентирования</h2>;

— не использовать тег h совместно с другими тегами акцентирования.

Вот и все рекомендации. Остальное предлагаю обсудить в комментариях. Наверняка вам и самим интересно, как правильно использовать теги h1…h6.

Popularity: 11% [?]

 

Похожие записи:

Комментарии: (71)

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

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

У меня первоначально в шаблоне загловок былзаключен в h1, название блоков в сайдбаре в h2. Соответственно в тексте пришлось использовать h3. Вот теперь и пытаюсь выяснить насколько это правильно.

<strong><h2>подзаголовок</h2></strong>

Только наоборот — элемент strong должен находиться внутри h2. Правда, поисковики на валидность кода внимания почти не обращают.

Вот как раз вариант «наоборот» всем не нравится. Считается, что между <h2>...</h2> должен быть только текст.

h1...h6 — это блочные элементы, а strong, b, i и т.п. — встроенные

Как верстальщик могу сказать, что валидно будет так:

<h2><strong> ...</strong></ h2>

<h2><a> ...</a></h2>

 

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

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

У меня автоматом h1 на название статьи ставится

Учитывают, просто выделение жирным имеет меньший вес. Где-то читал, что оно соответствует тегу h5, но могу и ошибаться

< h2>< strong> ...< /strong>< /h2>

Это будет валидно, но странно — h2 по умолчанию имеет жирный шрифт.

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

По умолчанию ( по спецификации w3c) заголовки h1-h6 имеют жирный шрифт.

Зато в шаблонах, какое оформление только не встречается...

А что это за Теги акцентирования?

strong, b, i, em

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

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

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

А можно в h2 добавить теги к новости? Например мой заголовок новости в h1 выглядит так: «Дискотека 80х-90х Зарубежный Зимние Суперхиты (2011)» а я хочу добавить в h2 теги генерируемые движком которые выглядят так: «Музыка | Дискотека, 80х, 90х, Зарубежный, Зимние, Суперхиты». Правильно ли будет добавление этих тегов в h2? Заранее спасибо за ответ.

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

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

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

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

Да и опять-таки, неизвестно как вообще ПС относятся к меткам.

Спасибо.

неплохое обсуждение завязалось)

лично для меня важно то, что я поменял названия заголовков -раньше там тег Н2 был, а сейчас Н1

а насчет сайдбаров сейчас посмотрю...там тег Н3...не думаю что это особо повлияет на что-то =)

Значит есть что обсуждать :)

Рад, что пост оказался полезным :)

А я несколько раз иногда включаю в тексте H2 и H3, деля текст на подчасти. Получается так:

Н2

Н3

Н2

Н3

 

Вот теперь и смущает вопрос, когда повторно Н2 стоит после Н3. Получается не правильно? Это сильно влияет? На что? %)

Как раз это нормальный вариант. Неправильно будет так:

h2

h4

h3

Столько разных вариантов встречаю использования этих тегов что уже запутался и решил сам экспериментировать.Все подзаголовки ставлю в тег 2 и пока все в порядке и поисковики =)  трафик дают. А что дальше будет посмотрим.

Главное, чтобы заголовок оставался заголовком. Ориентир в таком случае не блоги «оптимизаторов», а справочные страницы поисковых систем =)

Strong в заголовке — самый настоящий спам :)

Насколько мне известно размер шрифта также имеет значение.

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

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

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

Действительно ли, что лучше использовать 1 раз на странице h1? 8)

Судя по разнообразию предоставляемых вами услуг, вы должны это знать не хуже меня :)

Раньше  никогда не задумывался об этих тонкостях, теперь буду использовать, спасибо за подробную инструкцию!

Так всё таки какая конструкция правильная? <strong><h1>...</h1></strong> или та что наоборот?

Раздельно h и strong

Подскажите, пожалуйста, можно ли, и вообще имеет ли смысл, прописывать одинаковые или очень похожие ключевые слова в H1- H6?

Сразу извиняюсь за глупые вопросы, т. к. совсем ничего в этом не понимаю, но очень хочу разобраться  ;)  Заранее спасибо! =)

Смотря что вы имеете ввиду. Сформулируйте более понятно.

Допустим заголовок: страницы h1Британские котятаh1

Далее подзаголовок: h2Британские котята родились в нашем питомникеh2

Внизу страницы: h3Британские кошки, британские котята и британские коты в Санкт- Петербургеh3

Вот я и думаю, что ключевые слова одни и те же. Можно так прописать или стоит изменить ключевые слова? И можно ли прописывать целыми предложениями, как в h3? Или нужно выделять только словосочетания?

Заранее спасибо!

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

привет всем!

если честно, странно читать столько комментариев , не имеющих в своем содержании разумного ответа на вопрос. Зачем вообще в тегах «h1, h2...» добавлять <strong> ??? C помощью CSS не пробовали задавать стили заголовкам? Bold, Italic и прочее? 100% что тег <strong> в заголовках и подзаголовках лишний! Этот тег применим для выделения какого-то важного слова в тексте и т.д...

8)

Пробовали :) . А вы посмотрите десяток-другой сайтов из выдачи, увидите еще не такие сочетания.

смотреть можно..., видел такое — ого-го-го! но зачем повторять чужие ошибки?

зачем лишний код на странице? ну в крайнем случае, если в одном заголовке нужно выделить слова разным цветом, можно втулить <span> туда.

может стоить думать о том, как сделать самому по правильному? да и другим советовать так делать? а?

;)

 

Для этого и писалась статья :)

Пробовал разные варианты, смотрел коды на суперпосещаемых сайтах. Вывод: h1-h6 на посещаемость не влияют.

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

и когда смотрите сайты (пусть самые посещаемые), всегда сравнивайте с авторитетными сайтами...

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

Спецификация HTML 4.01

_http://www.umade.ru/resources/specifications/html401/index.htm

Спецификация CSS 2

_http://www.aranea.ru/css/doc/cssdoc.php

 

Читайте и используйте на здоровье  =)

и главное, на одной странице не должно быть больше одного тега h1

 

и главное, на одной странице не должно быть больше одного тега h1

----------------

Так это и понятно раз H1  должен быть один

а H2 должно быть два

а H3 должкен быть аж три раза...

простая логика

 

А можно ли использовать тэг h1 в название новости (в полной новости) Пример: h1 Название новости h1. Если несложно приведите пример правильного использования данного тэга. (где его использовать? как должно выглядеть)

Не можно, а нужно использовать :)

есть стандарты консорциума всемирной путины собственно  она и разрабатывает их.

это про <h1> http://www.w3.org/TR/html5-author/the-h1-h2-h3-h4-h5-and-h6-elements.html.

это про консорциум http://ru.wikipedia.org/wiki/%D0%9A%D0%BE%D0%BD%D1%81%D0%BE%D1%80%D1%86%D0%B8%D1%83%D0%BC_%D0%92%D1%81%D0%B5%D0%BC%D0%B8%D1%80%D0%BD%D0%BE%D0%B9_%D0%BF%D0%B0%D1%83%D1%82%D0%B8%D0%BD%D1%8B

Порадовал один комментарий, где есть строчки о валидности... О какой валидности может идти речь, если на том же Яндексе ошибок пруд пруди...

Ну а про <h1> — согласен с теми, кто утверждает, что лишние теги НЕ нужны в его составе. Смысл? Тут надо еще выделить один аспект — фраза в теге <h1> должна располагаться вверху страницы, иначе никакого толка от данных действий не будет. Просто видел не раз, что некоторые умудряются поставить этот тег в подвал сайта.

Отличная статья, наконец разобрался как их прописывать. Не являюсь в этой теме экспертом, но в моей любимой книжке Art of Seo - пишется, что заголовок H3 - это просто для позаголовка третьего уровня. Иными словами, в статье о животных, Животные — это h1, собаки — h2, а доберманы и ротвейлеры — это — h3. Таким образом, теги h2-h6 могут употребляться неограниченное количество раз — в зависимости от контекста. H1, разумеется, употребляется лишь однажды — ведь 2 заголовка в тексте — это перебор)

Хорошая статья и хорошее обсуждение в коментах, только подскажите можно ли делать так

<h1><p>Можно ли так делать?</p></h1> или поменять теги местами?

crazy, а для чего вам столь глупая конструкция? :) Уберите и оставьте только h1.

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

Пропишите в стилях нужный H1 и будет вам счастье :)

Что за маразм <h1><p>Можно ли так делать?</p></h1> ? Где такому учат? *CRAZY*

У меня шаблон изначально был немного по дурацки: h1 -название сайта h2 сайдбар и заголов статтей.  После модернизации-  h1- назв сайта если смотр с главной h2 -анонсы стат. h3 сайдб   .Если зайти на другую стран  : назв сайта -обычн текст  h1 — заголов стат .  Короче после всего етого позиции упали на неск позиций но через 3 дня ... вернулись аккурат на то же место!!  Потом анализир конкур =)  и там встречаются разн варианты в том числе два h1 и ето никому не мешает.  из етого я зделал вывод что гугл при помощи какихто алгоритм сам определяет важность

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

Вижу интересное обсуждение пошло прям захотелось свои 5 копеек вставить  =)

Вопрос следующего плана: как правильно использовать вложенность заголовков и ссылками

<a hreff="#"><h1>ключ</h1></a>

или же

<h1><a hreff="#">ключ</a></h1>

Какой из вариантов правильный или хотя бы более правильный?   *UNKNOWN*

Оба неправильные :) Зачем ссылки в h1 пихать-то?

Берем например WordPress. На главной название статей оформлено в виде:

<h1><a hreff="#">Название статьи</a></h1>

Это правильно?  =)

Rezus, главная с вероятностью 99,9% не продвигается по ключю, входящему в заголовок поста, поэтому не столь важно как вы будете использовать h1 и a hreff на главной.

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

<a hreff="#"><h1>ключ</h1></a>

Скажите пожалуйста если я пропишу Н1 тег вот так:

<h1 style="text-align: center;">

<span style="font-size:16px;">Хрустальная люстра</span></h1>

Это будет считаться правильным?

Денис, так плохо, лучше вот так

<h1>Хрустальная люстра</h1>

а стиль H1 прописываете в css файле

Сайт на движке Wordpress, недавно заметил, что на страницах есть, как обычно <title> название страницы </title>, и потом идут подзаголовки типа h2. Получается, что у меня нет заголовок h1. Правильно ли это с точки зрения оптимизации или все таки добавить везде заголовки h1 текст которого будет идентичен к  <title> ... </title> ?   *PARDON*

Георгий, да, лучше добавить H1, но делать его не идентичным Title, а другим или Title делать отличным от H1

Сервис megaindex показал неуд по длине h1. В среднем 9 слов, хотя сравнительно длинный title ему понравился. %)

Оставить комментарий