Как нужно правильно использовать заголовки H1-H3 на странице с точки зрения SEO? Существует ряд правил, касающихся иерархии и содержания заголовков H1-H6, соблюдение которых положительно влияют на раскрутку сайта.

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

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

Тег H1 на странице должен использоваться только один раз. Остальные заголовки должны отображать логическую иерархию страницы. Заголовки H2 будут подзаголовками H1, в свою очередь заголовки H3 — подзаголовками H2.

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

Следующая схема демонстрирует нарушение иерархической вложенности заголовков:

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

Т еги H1-H6 с точки зрения SEO

Если стандарты HTML допускают некоторые вольности в отношении использования тегов, то с точки зрения SEO это недопустимо. Теги H1-H6 не должны содержать внутри себя других тегов, таких как B, Strong и прочих. Некоторые время назад на мой сайт был наложен фильтр Панда , основной причиной которого, по моему мнению, было не соблюдение этого правила.

С точки зрения SEO, теги H1-H6 не должны иметь классов CSS. Поисковые системы воспринимают class у тегов H1-H6, как попытку манипуляции. Подразумевается, что вы уменьшаете размер шрифта у заголовков и используете их не по назначению, а для повышения релевантности страницы. Выход такой: используйте CSS, но без классов.

Что касается универсального атрибута id, то в HTML5 он используется как якорь. Если идентификатор единственный не только на странице, но и на всём сайте, то видимо отношение к нему будет лояльнее.

Ссылки внутри заголовков тоже не допустимы. Спецификация HTML5 допускает обратную ситуацию: можно поместить в тег A весь блок, состоящий из любых элементов, кроме самого тега A: заголовка, абзаца, изображения, строковых элементов Span. Возможно в этом случае, это тоже допустимо.

Ключевые слова в тегах H1-H6

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

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

Снова обратимся к иерархии документа. Более важные ключевые фразы должны находиться в H1, а менее важные — располагаться по убыванию: в H2, H3. Но как быть с тегом Title ? Лучше не делать теги Title и H1 идентичными, однако желательно, чтобы основная ключевая фраза содержалась в обоих.

Часть слов из Title, которые не вошли в H1, можно «разнести» по другим заголовкам. В них так же могут повторяться некоторые слова из основной ключевой фразы. Получатся «разбавленные» ключи, которые будут приводить трафик по низкочастотным запросам. Но не злоупотребляйте такими повторениями, не более 2-3 на странице, а то нарвётесь на санкции за переоптимизацию.

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

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

Читайте подробнее обо всём комплексе мер по seo раскрутке , где представлены инструкции по оптимизации сайта и улучшению внешних и поведенческих факторов. Кратко восстановим в памяти основные правила использования тегов H1-H6 на странице:

1. Правильная иерархия.
2. Внутри нет других тегов и ссылок.
3. Нет классов.
4. Наличие ключевых слов. Соответствие степени их важности рангу заголовка.

Некоторые вебмастера используют готовые шаблоны сайтов, где тег H1 — это логотип, единый для всего сайта. Вы именно такой вебмастер? Спешу вас обрадовать, ничего менять не нужно! В этом случае поисковые системы считают главным в иерархии страницы тег H2. Просто учитывайте, что у вас сдвинута иерархия заголовков на одну ступеньку.

Продолжает вещать миру о тонкостях SEO и не только. И сегодня на повестке дня весьма актуальная тема — заголовки сайта.

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

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

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

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

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

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

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

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

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

Заголовок сайта

Заголовок статьи

Заголовки в теле статьи

Подзаголовки в теле статьи

Заголовки в сайдбаре

h5 и h6 использовать не обязательно

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

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

Заголовок сайта в шапке

Заголовок статьи

Заголовки, которые я вставлял в тело статьи

Служебные заголовки под статьей и в сайдбаре

Вообще не использовались

Применял для некоторых стильных заголовков в сайдбаре

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

До встречи!

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

Игорь . Обновление:Октябрь 6, 2012 .

Здравствуйте, уважаемые читатели! Продолжаю публикации в разделе и сегодняшний пост будет посвящен формированию заголовков html (теги h1-h6), а также способам форматирования html текста путем выделения необходимых слов или фраз (теги strong, b; em, i) и фрагментов текста (теги blockquote, pre).

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

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

Теги заголовков h1-h6

Уверен, многие из вас уже неоднократно сталкивались с тегами заголовков h1-h6, однако, возможно, некоторые недооценивают их важность с точки зрения seo. Дело в том, что эти теги играют не последнюю роль в деле и я постараюсь коснуться этого аспекта тоже. Название элементы h1-h6 получили от заглавной буквы английского слова "Header" (заголовок). Синтаксис заголовков в html коде выглядит следующим образом:

Содержание заголовка h1

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

Содержание заголовка h3

Содержание заголовка h4

Содержание заголовка h5

Содержание заголовка h6

Прописывая этот кусок html кода при отображении в браузере мы получаем:

Самый верхний уровень 1, самый низкий - 6. Таким образом любой текст можно классифицировать с точки зрения его важности. Теги h1-h6 являются блочными, поэтому заголовок, определяемый ними, занимает все возможное пространство по ширине. Однако, несмотря на то, что эти элементы являются блочными, они не должны содержать другие блочные теги, только строчные. Если касаться оптимизации статей и всего ресурса в целом, то можно выделить несколько рекомендаций:

• наиболее важны с точки зрения ранжирования поисковыми системами, соответственно они наиболее востребованы и часто используемые. Рекомендуется заголовок тега h1 использовать один раз на странице (обычно он располагается на странице со статьей в качестве названия поста, у меня пока на блоге немного не так, но я собираюсь исправить ситуацию). Заголовок h2 применяется для подзаголовков, если материал большой и его надо разделить на логические части, h3 - для подзаголовков логических фрагментов этих частей; кроме того, h2 и h3 допускается использовать на главной странице и страницах категорий.
• Теги h4, h5, h6 применяются редко, поскольку слабо учитываются при ранжировании. Однако, если статья большая и необходимо выделить какие-то фрагменты для удобства читателей, то приходят на помощь и они (например, в объемном мануале в каждой из частей, определяемой элементом h3, требуется выделить логические куски с подзаголовком h4). Кроме того, теги h4, h5, h6 могут быть использованы для названий каких-либо блоков в сайдбаре, футере (подвале) и т.д.
• Желательно использовать заголовки h1, h2, h3 в обязательном порядке. Конечно, я не проводил анализа строгости поисковиков при несоблюдении этого правила, однако логично предположить, что это учитывается при ранжировании.
• Необходимо добавить, что в содержание заголовков, особенно h1-h3, в обязательном порядке должны входить ключевые слова, определяемые при , поскольку поисковые системы именно ключевым словам и фразам придают большое значение.

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

Форматирование текста при помощи специальных HTML тегов

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

Логическое и физическое форматирование - особенности использования каждого из них

Отмечу разницу между тегами логического и физического (визуального) форматирования. Физическое предназначено прежде всего пользователям, которое позволяет выделить для них важные участки текста. Логическое же делает акцент на выделенный текст поисковым машинам, которые учитывают этот участок при ранжировании.

Наиболее ярким примером служат strong и em, которые являются тегами логического форматирования, а соответственно b и i - физического форматирования. При отображении в браузере текста, обрамленного тегами strong и b (выделение жирным), em и i (выделение курсивом), визуальной разницы не ощущается:

Выделение текста жирным для поисковиков Выделение текста жирным для пользователей Выделение текста курсивом для поисковиков Выделение текста курсивом для пользователей

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

Какие еще есть теги, позволяющие форматировать текстовое содержание

Теперь еще несколько слов о других тегах форматирования текста, которые применяются крайне редко, но все же нужны, раз они существуют. Возможно, кому-то эта информация окажется полезной. Отмечу по обыкновению лишь те теги, которые соответствуют спецификации html 5. Начнем с тегов физического (визуального) форматирования (теги b и i рассмотрены выше).

• Small - служит для уменьшения размера шрифта на единицу, если сравнивать с обычным текстом.

Seo оптимизация сайтов, блогов, порталов.

Sub - текст отображается в виде нижнего индекса

H₂ O - химическая формула воды

Sup - отображение текста в виде верхнего индекса

X²=Y - математическая формула

Безусловно, это только некоторые элементы физического форматирования, однако я выбрал только те, которые валидны по отношению к html 5, остальные рекомендуется заменять стилями css, с которыми вскоре я вас ознакомлю. Далее приведу примеры тегов логического форматирования.

• Abbr - указывает на то, что данная последовательность символов является аббревиатурой. Расшифровка сокращения осуществляется с помощью атрибута title и всплывает при подведении курсора к тексту.

HTML - язык гипертекстовой разметки

Cite - применяется для выделения цитат Томми Дюар Иногда шаг вперёд требует шага назад.

Code - применяется для отображения разнообразных кодов, например, кода скрипта

(function() { var request, b = document.body, c = "className", cs = "customize-support", rcs =new RegExp("(^|\\s+)(no-)?"+cs+"(\\s+|$)"); request = true; b = b.replace(rcs, ""); b += (window.postMessage && request ? " " : " no-") + cs; }());

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

До сих пор не было обновлений блога

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

До сих пор не было обновлений блога, но теперь этот недостаток будет исправлен

1 элемент маркированного списка

2 элемент маркированного списка

3 элемент маркированного списка

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

Как вставить цитату посредством blockquote и выделить текстовый фрагмент с помощью pre

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

Тег blockquote является парным и может включать в себя как блочные (например теги абзацев p), так и строчные элементы.

Абзац текста, заключенный в тег p

Абзац текста, заключенный в тег форматирования blockquote.

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

Ну, и напоследок еще об одном элементе форматирования, который достаточно часто бывает востребованным - теге pre . Этот элемент позволяет отобразить предварительно отформатированный непосредственно в коде html фрагмент текста. Особенность отображения в браузере по умолчанию заключается в том, что любое количество пробелов, которые идут последовательно, передается на вебстранице как один. Тег pre помогает обойти эту специфическую особенность. То есть то и как вы написали, точно будет воспроизведено на странице, если участок текста заключен между открывающим и закрывающим тегами pre.

HTML форматирование текста
 с помощью тега pre
 тег pre - парный и блочный элемент

Точно в таком же виде текст отобразится в браузере:

HTML форматирование текста с помощью тега pre тег pre - парный и блочный элемент

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

Желаете получать своевременно свежие актуальные и полезные статьи? Тогда можете подписаться:

Еще статьи по данной теме:

34 отзыва

1. Сергей

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

   Прежде всего, заголовки, точнее, их непосредственное использование. Я встречал два мнения.
   1. в коде должно быть название сайта, - заголовок статьи, - подзаголовки. Тег на странице должен быть единственным.
   2. - заголовок статьи и название сайта, - подзаголовки.

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

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

   Я с некоторого момента вообще отказался от этого тега, но о результатах пока говорить рано.

2. Сергей

   прошу прощения, забыл, что движок вырезает теги:

   1. в коде h1 должно быть название сайта, h2 - заголовок статьи, h3 - подзаголовки. Тег на странице должен быть единственным.
   2. - h1 заголовок статьи и название сайта, h2 - подзаголовки.

3. Василий

   Игорь, я никак не могу понять, где находиться тег H1. У вас и у меня в шапке стоит изображение. У вас там есть этот тег. При анализе моего сайта одним сервисом, мне в результате сказали, что у меня вообще на сайте нет тега H1. Как его вообще вставить в шапку сайта?

4. Игорь

   Сергей, многое из того, что касается seo, постигается на практике путем экспериментов. Я не могу однозначно ответить на данный момент, что лучше, да никто не сможет. Нет универсального решения, все зависит от темы ресурса и его раскрученности. Но я понимаю Ваше беспокойство и стремление постичь истину. Как только у меня будут определенные данные по каждому пункту, сразу выложу их в публикации. Что касается тега strong, то, на мой взгляд, выделение ключевых слов или фраз один раз в статье не должно принести никакого вреда, все это ненужный ажиотаж.

5. Игорь

   Точно так. 🙂

6. Игорь

   Василий, я прописывал заголовок в функциях темы прямо в админке. Внешний вид - Темы, для моей темы там есть множество опций, с помощью которых можно отредактировать ту или иную область моей темы, в том числе вписать заголовок. А Вы, как я понимаю поменяли исходную шапку своей темы, не так ли? Причем поменяли полностью изображение, а на изображении уже было название Вашего ресурса. Вы же не прописывали h1 в шапку, откуда ему взяться. Посмотрите внимательнее в функциях вашей темы, может там тоже есть похожая функция. Там, где «Управление темами» посмотрите, должны быть ссылки, что-то типа «Настроить», «Опции темы» и уже там уже поищите ссылку на подобии «Название и описание сайта». В моей теме, например, очень многое можно изменить, даже цвета сайта и шапку, загрузив новое изображение. Отпишитесь в комментариях, как получилось.

7. Василий

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

8. Игорь

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

9. Василий

   В стандартной теме все есть. В настройках самой темы таких опций нет. Через
   Админ-панель -> Темы -> Настройка и описание сайта. Там я написал Название сайта и
   Краткое описание. Но тега h1 все равно нет. На тестовом сайте поставил заново эту
   тему, вот адрес http://komp.vellisa.ru/. Можно зайти через Яндекс, так как он закрыт
   от индексации. Раньше когда писал в Админ-панели название сайта, то оно добавлялось в шапку, но выглядело не красиво. Сейчас надписи почему-то не добавляются.

10. Игорь

    Василий, я исследовал Вашу проблему. Дело в том, что согласно стилям css Вашей темы, название, заключенное в теги h1, просто не помещается в шапку. Попробуйте сделать следующее. Если Вы работаете с браузером Chrome, подведите курсор к изображению в шапке и кликните правой кнопкой мыши, из контекстного меню выберите «Просмотр кода элемента». В нижней половине окна увидите код html именно этого изображения, это строчка будет выделена темно-синим цветом. Эта ссылка на изображение шапки Вашей темы. Справа будут представлены стили именно для этого элемента. Кликните правой кнопкой мыши по этой ссылке и из контекстного меню выберите «Delete node». Видите, элемент удалился? Надеюсь, Вы понимаете, что после перезагрузки браузера все станет на свои места, так что экспериментировать можно сколько угодно. Этот элемент у Вас заключен в контейнер <_div class="span-11">. После удаления ссылки на изображения останется ссылка на главную страницу. В качестве анкора этой ссылки пропишите любое слово, заключенное в теги h1, например, World. То есть выглядеть это будет примерно так: заключенная в контейнер span-11 ссылка на главную <_a_href vellisa.ru_=""><_h1>World<_><_>. И тут же увидите это слово на месте изображения (которое, кстати и не нужно, поскольку там название темы, как я понимаю. Попробуйте вместо этого изображения загрузить картинку меньшего размера и снова попробуйте через админку прописать название сайта. Если не получится, будем действовать более предметно.

11. Василий

    Игорь, спасибо большое за помощь. Удалил я элемент, дальше как вставить не очень понятно. Методом тыка вставлял это слово, не совсем получилось, но слово было. Изменения названия сайта не получается написать, изменяю, но в шапке ничего не отображается.
    А вообще возможно сделать так, чтобы у меня на основном сайте осталась изображение какое там сейчас и как-то добавить теги h1?

12. Игорь

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

13. Василий

    Спасибо Игорь. Конечно я подожду, это не срочное дело.

14. Евгений

    Согласен теги н необходимая вещь и игнорировать их себе дороже. Если H1 H2 практически автоматом появляются на странице (заголовок статьи и сайта) то H3 стоит самому ручками прописывать в теле статьи.
    На счет атрибута align к этим тегам спорный вариант. влияние его на продвижение пока не заметил, скорее его нет. нарушений сос стороны валидности тоже нет. Так что полагаю это на усмотрение каждого.

15. Игорь

    Евгений, влияния на продвижение атрибута align действительно пока нет, а вот что касается валидности, то Вы погорячились. Он не рекомендуется к использованию не только в соответствии со спецификацией html 5, но и даже в соответствии с html 4.01. Вместо этого атрибута рекомендуется использование аналогичного свойства text-align, которое прописывается в css.

16. Игорь

    Василий, извините, что долго пришлось ждать. Только-только немного разгрузился и вот решил Вашу проблему. Следуйте моим дальнейшим инструкциям, чтобы заголовок H1 появился в шапке. Для начала необходимо отредактировать Ваше изображение в шапке. Оно у Вас находится здесь: http://vellisa.ru/wp-content/themes/cooltext643525798.png , то есть в папке с текущей темой. Загрузите его на компьютер с помощью , например. Откройте его в любом графическом редакторе, даже простая программа paint подойдет. Там сотрите простым ластиком надпись "vellisa.ru". Если этого не сделать, то будет двойная надпись, либо надпись с h1 наложится на нее, будет выглядеть некрасиво. Затем откройте с помощью notepad++ файл header.php, который отвечает за шапку, найдите там строчку.

Всем-всем привет!
— это работа комплексная, требующая внимания к каждой мелочи. Даже неправильное использование заголовков (теги H1, H2, H3) на страницах сайта может мешать нормальному продвижению в поисковых системах. Сегодня мы как раз об этом и поговорим.

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

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

В мире SEO существуют некие правила использования тегов H1, H2, H3 и ниже, которые желательно бы соблюдать на всех страницах:

• На странице должен быть только один единственный заголовок первого уровня (H1);
• Заголовок H1 не должен совпадать с Title страницы;
• Заголовки H2, H3, H4 должны использоваться только в внутри статьи;
• В заголовках должны использоваться только фразы, приносящие пользу, то есть, в тегах H1…H6 не должно быть бессмысленных фраз, типа: отзывы, подписаться, комментарии и т.п.;
• Соблюдайте иерархию заголовков. Заголовок второго уровня должен быть ниже H1, заголовок третьего уровня должен быть ниже первого H2. Если будет иначе, то поисковый робот, который видит только HTML-код, не правильно воспримет страницу, чего мы не хотим.

Коротко об этих правилах я уже писал в уроке, посвященному . Обязательно прочитайте, там много полезного!

Как понять правильно ли использованы заголовки?

Вы знакомы с браузером Mozilla Firefox? Наверное, да. Так вот, этот браузер, благодаря одному плагину с хорошим функционалом, предоставляет шикарные возможности для анализа страниц. Название этому плагину — RDS bar. Скачать его можно по этой ссылке , но сделать это необходимо в Firefox, поэтому, если данный браузер у Вас не установлен, быстрее скачивайте его и устанавливайте.

RDS bar можно установить и на другие браузеры, но именно в Mozilla Firefox его функционал гораздо шире.

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

Теперь мы сможем спокойно посмотреть сколько тегов H1, H2, H3 находиться на странице, увидим лишние заголовки и будем знать, что нужно править. Увидеть все это великолепие можно, нажав на кнопку SEO-теги в RDS bar, которую только что активировали:

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

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

Перечислю ошибки:

1. Дублирование между заголовками H2 и H5;
2. Нет заголовков третьего уровня;
3. В H4 находиться мусор.

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

Как исправить ошибки?

Для этого мне понадобятся файлы сайта (), Notepad++ и Mozilla Firefox.

1. Чтобы знать, где именно находится проблемный тег и его стилевой класс, нужно воспользоваться встроенным инструментом браузера «Исследовать элемент»:Наведите курсор на определенный элемент, нажмите правой кнопкой мыши на него и выберите пункт «Исследовать элемент». В нижней части окна появится область, где можно увидеть и стилевой класс HTML-элемента и его стили CSS:
   
2. Посмотрите стилевой класс нужного Вам элемента и скопируйте его, чтобы потом найти его в коде страницы. В моем случае класс заголовка H2 — page-box__title:Я хочу изменить уровень заголовка H5 на H3, так как в H5 перечисляются релевантные ключевые слова.
3. Далее необходимо найти в папке сайта элемент с этим классом, для этого воспользуемся встроенными функциями , а именно поиском по файлам. Откройте Notepad++, в верхнем меню найдите пункт «Поиск» и в выпадающем меню выберите «Найти в файлах»:
4. В поле «Найти» ввожу стилевой класс заголовка пятого уровня (page-box__title), а в поле «Папка» указываю путь до папки с сайтом:
   После того, как я нажму на кнопку «Найти все», пойдет процесс поиска файла:
   
5. В нижней части рабочего окна Notepad++ будут представлены результаты поиска, среди которых есть и тот самый заголовок пятого уровня (H5) с классом «page-box__title»:
   Чтобы перейти непосредственно к файлу в котором содержится данный заголовок, достаточно сделать двойной щелчок по результату поиска;
6. Далее я просто меняю теги
   на теги
   :Обязательно сохраняю файл;
7. Смотрим результат на сайте:
   Смотрится не очень.
8. Чтобы заголовки выглядели нормально, необходимо внести в файл со стилям (style.css) изменения. Так как, приведенные в примере заголовки заключены в тег , то скорее всего правило в style.css будет выглядеть так: .page-box__title > a (дочерний селектор). Поиск в Notepad++ нашел и это:
   В стилевое правило нужно добавить свойство font-size (размер шрифта) с нужным, на Ваш взгляд, значением. В моем случае, оптимальным размером шрифта будет 14 px:
   
9. Смотрим результат:
   Как видите, заголовки стали отображаться нормально.

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

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

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

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

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

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

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

Название статьи

Вступление.

Заголовок статьи 1

Часть статьи 1.

Подзаголовок статьи 1

Пункт 1 части 1.

Подзаголовок статьи 2

Пункт 2 части 1.

Заголовок статьи 2

Часть статьи 2.

Подзаголовок статьи 2

Пункт 1 части 2.

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

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

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

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

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

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

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

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

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

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

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

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

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