Что означает h1-h6?

Начать в любом случае нужно с теории, потому что без этого невозможно двигаться дальше. Итак, это html-теги, в которые помещают текст, который должен стать заголовком. H1 – это главный заголовок страницы, он должен быть единственным, h2 – подзаголовок статьи или раздела главы (если речь идет о книге), h3 – заголовок в разделе и т.д.

В сайтостроении, как правило, чаще всего используются h1-h3, последние три тега используются крайне редко, так как нет необходимости в разбивке текста на такие мелкие части, если только речь не идет об огромной по объему текстовой публикации.

По умолчанию заголовки уже имеют некоторое стилевое оформление. Например, буквы в заголовках выделены жирным шрифтом, а их размер в 1,5 – 3 раза больше обыкновенного текста на странице.

Основные правила работы с заголовками

Сколько h1 может быть на сайте? Сколько угодно, ведь интернет-ресурс может состоять из множества страниц. Тут гораздо важнее придерживаться другого правила – на каждой отдельной странице вашего сайта должен быть ОДИН h1. Все потому, что это главный заголовок, а главным всегда должен быть один.

Но что будет, если проигнорировать это правило? Как показывает реальная практика, ничего катастрофического, вероятно, не случится. Я бы не писал об этом, но мне известно несколько случаев, когда у веб-мастеров было несколько h1 на странице, при этом все их статьи сохраняли свои позиции в поисковых системах.

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

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

Очевидно, что h1 должен быть в самом начале статьи. Это не то же самое, что мета-тег title. Title виден при поисковой выдаче и в названии вкладки браузера, а h1 – непосредственно на странице. Остальных заголовков (h2-h6) может быть сколько угодно, в любом количестве.

Как проверить наличие h1 на странице?

Теперь мы переходим к самому главному. Как же определить, нормально ли у вас все на сайте с заголовком? Есть как минимум несколько вариантов, как вы это можете сделать.

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

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

Во-вторых, вы можете воспользоваться каким-нибудь сервисом, который анализирует сайт на показатели его поисковой оптимизации и выдает отчет. Таких сервисов очень много, я приведу лишь некоторые: pr-cy.ru, audit.megaindex.ru/

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

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

Если проблема найдена, как ее решать?

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

Например, в WordPress вам нужно будет редактировать файлы page.php (шаблон страницы) и single.php (шаблон записи). Также полезно будет просмотреть файлы index.php (главная страница) и archive.php (архивы по дате и автору), а иногда в темах есть еще category.php (записи отдельной рубрики).

Ну, допустим, нашли и открыли вы нужный файл, что делать дальше? Дальше воспользуйтесь все тем же поиском (Ctrl + F). Вновь введите туда название тега. Если кода в файле немного, то вы и сами можете просмотреть его и найти нужные строчки. Тут ваши действия зависят от того, что именно нужно исправить.

Например, в одном шаблоне название поста выводилось в h2. Возможно, его разработчик не разбирается в SEO, поэтому и допустил такую ошибку. Но это легко исправляется. Редактируем single.php и меняем в нем h2 на h1. Это можно сделать как вручную, так и с помощью функции автоматической замены.

Возможно, так же понадобится редактирование боковой колонки (sidebar.php). Собственно, лишние h1 могут быть где угодно: в заголовках виджетов, в меню и даже в футере (footer.php). Все это нужно найти и убрать.

Ну а что делать, если в самой статье несколько h1? Тогда проблема решается еще легче – редактированием самой статьи. Уберите все лишние h1, оставив только один главный верхний заголовок.

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

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

» Использование заголовков H1-H6

Использование заголовков H1-H6

В данной статье мы постараемся объяснить что такое теги h1-h6 и как их правильно использовать с учётом продвижения сайта. Так как правильное использование заголовков поможет вам быстро и без особых усилий выйти на более высокие позиции в поисковых системах. Заголовки H1-H6 являются самыми важными тегами акцентирования и на ряду с мета-тегами title обладают огромным значением для правильной seo оптимизации сайта. Без этой важной связки вывести страницу в топ, в конкурентной тематике просто невозможно.
Приведем с начало некоторые правила составление заголовков в порядке их значимости:

• Используйте ключевые слова в заголовках
• Спам запрещён в заголовках любого уровня
• Тег H1 должен использоваться только один раз
• Ключи из заголовка должны реально присутствовать на странице
• Заголовок первого уровня должен быть как можно выше в коде страницы
• Указывайте важные ключевые фразы как можно ближе к началу заголовка
• Заголовки должны быть информативными и при этом не очень длинными
• Ключевые фразы в подзаголовках старайтесь составлять с учетом морфологии и синонимов
• В первом предложении после заголовка должен использоваться ключ из него

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

Использование заголовков на странице

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

ваша ключевая фраза между тегами

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

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

Ещё одна важная рекомендация, мета тег title и заголовок первого уровня не должны быть идентичными и слишком длинными, не стоит перечислять там список нужных вам ключей, 3-5 слов будет вполне достаточно. В противном случае ключевые слова в заголовке получатся размыты и не будут иметь максимального веса, или еще хуже принятые поисковой системой за спам. Если поисковая система заподозрит что вы хотите её обмануть, то данная страница с высокой долей вероятности будет понижена в выдаче. Будьте предельно внимательны и не торопитесь при составлении заголовков, как говорилось выше они одни из важных факторов ранжирования.

В отличии от заголовка первого уровня другие (H2-H6) могут употребятся несколько раз на странице, но как вы уже догадались вес они имеют в порядке убывания. Эти теги используются для подзаголовков и в них также рекомендуется заключать значимые ключевые фразы в так сказать разбавленном или в уточняющем виде. Используйте в них синонимы вписывайте свой ключ с учётом морфологии, но не делайте их слишком похожими с заголовком H1. Используемые слова и фразы обязательно должны присутствовать на странице помимо заголовков и идти в логическом порядке, причем первое предложение после заголовка желательно должно максимально ему соответствовать.

Никогда не стоит делать заголовков такого плана: "Добро пожаловать на страничку..." и им подобных. Это не принесет странице ни чего хорошего и отнимет у нее львиную долю веса. Любой заголовок на вашей странице должен быть предназначен не только для посетителей сайта, но и для поисковых систем. Заголовки на странице должны быть не только информативными, но и не слишком длинными, при составлении заголовков необходимо найти золотую середину. Яндексу и Google необходимо понять о чем идет речь на странице, вставляйте в теги H1-H6 ключевые слова, но без фанатизма иначе можно сделать только хуже.

Стоит отметить что теги заголовков H1-H6 должны идти строго в порядке убывания на странице. Именно на странице а не в тексте, так как часто бывают случаи, когда например в бесплатных шаблонах это далеко не так и это также снижает вес желаемых ключевых слов. Бытует мнение что заголовки ниже H3 не имеют ни какого значения для поисковых систем и это конечно может оказаться правдой, но мы всё же рекомендуем использовать их для разметки текстового содержания, а не заголовков и блоков других элементов сайта. Для этого есть огромное количество других html-тегов.

Частые ошибки при использовании тегов заголовков

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

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

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

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

Первый заголовок, на который часто посетитель сайта не обращает внимание — тот, который показан на вкладке браузера (). Для поисковой системы он самый главный, так как именно его Яндекс, Google и др. чаще всего () используют в качестве заголовка сниппета.

Второй заголовок находится в теге h1 . Далее подзаголовки меньших размеров. Если собрать их все, то должна быть чётко видна структура веб-документа подобно главам школьного учебника. Такая раздробленная на разделы и подразделы информация легко воспринимается, найти необходимый материал на странице не вызывает затруднений.

Важные замечания:

• заголовок доступно поясняет содержание страницы, раздела, подраздела. Это не инструмент оформления текста. Не нужно им выделять пункт меню, который ничего не содержит, кроме заголовка.
• заголовок — это слово, фраза, предложение. Он не должен быть длинным.
• заголовок — это всё предложение, а не его часть. Для оформления одного-нескольких слов существуют такие теги как strong , mark , em и др. ().
• если статья строится в формате "вопрос-ответ" и ответ в большинстве случаев короткий (например, инструкция лекарственного препарата), то вместо тегов h правильней использовать тройку dl , dt , dd .

Проверить h1 страницы

Сейчас фразу в любом теге можно сделать заголовком с помощью стилей CSS: увеличить шрифт и/или размер текста. Для того, чтобы проверить количество тегов h1 и их содержимое, достаточно , никаких дополнительных расширений не требуется. Такой инструмент, можно вывести, если нажать клавишу :

Разница в использовании h1 , h2 , h3 , h4 , h5 , h6 в HTML5 и HTML4

Перед дальнейшим чтением желательно ознакомиться с примерами, описанными в стандартах самостоятельно.

Один h1 на странице (версия HTML4)

• Пошаговое решение судоку
  • Программа решения судоку с объяснениями (онлайн)
  • Правила игры
  • Алгоритм заполнения ячеек кроссворда
    • Способ 1. «Скрытые одиночки»
    • Способ 2. «Одиночки»
  • Методы решения судоку
    • Стратегия 1. Кандидат в двух-трёх клетках одного квадрата
    • Стратегия 2. Группы кандидатов

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

Утверждение 1: заголовок страницы или его часть не должны быть ссылкой (см. здравый смысл и справка Новости.Google). Отсюда следствие: название веб-проекта на Главной также не должно быть ссылкой. В целом не нужно чтобы страница ссылалась сама на себя (искл. ). А вот так допустимо (на Авито на странице объявления каждой похожей записи дан h3):

Процентные ставки от 1% до 5%

...

Утверждение 2: есть небольшая разница в том как располагать ссылку: внутри тега h или тег h внутри ссылки. И она заключается в том, что в первом случае ссылкой является только текст, а во-втором — весь блок.

только текст

весь блок (прямоугольная область)

Должен ли title отличаться от h1 ?

"Может ли title быть таким же как h1 ?" — да, может.

"Различный title и h1 полезны для SEO?" — да, полезны. В рассматриваемые теги можно добавить дополнительные ключевые слова, чтобы увеличить хвост запросов, по которым приходят на сайт. Или чтобы сделать более привлекательный сниппет, в title внести, скажем, название компании, коли фирма на слуху, или номер телефона (для такси, например).

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

Нужно ли заголовки боковых блоков брать в h ?

Если заголовки индексируются (см. ), то пусть лучше будут в теге h . Всё равно они употребляются на каждой странице сайта и вес этих слов ("Реклама", "Последние сообщения", "Подписка" и т.п.) завышен. Можно предположить, что родитель aside должен уменьшать их значение.

К тому же для слабовидящих будет понятно что к чему, а не сплошные untitled .

SEO разметка текста.. или семантическая верстка сайта.

Семантическая верстка сайта - за этим страшным определением скрывается одна простая истина: сайт должен быть не просто сверстан, а свёрстан логично! Так что можно сказать примерно так: семантическая верстка это - логичная верстка.

Для того что бы Вам было понятнее о чем идёт речь приведу несколько примеров где логика отсутствует..

Итак, плохие примеры:

• Использование заголовков

  -

  лишь с той целью чтобы увеличить или уменьшить размер буковок..

• Неуместное использование тегов логического форматирования , например, вместо текста
  г. Самара
  просто какой то текст, который никоем образом к адресу не относится.. например:
  Установка окон
  .
• Использование тегов для формирования списков
  1. для простой декорации текста или например для создания отступов в тексте.. и наоборот формирование некого списка, перечня например того же меню сайта с помощью других тегов.
  2. И даже использование таблицы в качестве каркаса сайта (табличная вёрстка) вместо того чтобы использовать таблицу по её прямому назначению, а именно для вывода данных в табличной форме.. расписания движения электричек например.. это тоже НЕ семантическая верстка сайта.

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

  Думаю сейчас многие испугались "ааа.. у меня сайт таблицей свёрстан!", "а у меня меню сайта не является списком.." не пугайтесь сильно! конечно к "правильному" построению сайта нужно стремиться, но если по-другому никак не получается то можно чем то и пренебречь, однако некоторые вещи всё же лучше соблюдать!

  Заострим внимание на правильной разметке текста, так как это наиболее важно для оптимизации сайта под поисковые системы..

  Многие начинающие веб-мастера думают, что заголовки

  -

  это всего лишь способ выделить текст размером, сделать его крупнее - это не так!! На самом деле теги

  -

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

  Как создать сайт?

  в глазах поисковых систем куда более важен чем заголовок

  Как создать сайт?

  и если бы это были заголовки двух разных страниц то при прочих равных условиях поисковая машина по запросу пользователя "Как создать сайт?" выдаст в результатах поиска на первом месте ту страницу, в которой используется заголовок первого уровня

  .

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

  ,

  ..

  в

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

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

  - где текст каждого абзаца несет в себе одну логическую часть текста.

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

  Так как текст в заголовках

  -

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