Как правильно использовать заголовки H1 и H2 при оптимизации текстов. Заголовки h1-h6: детальный обзор, примеры Основные характеристики h3 собрать полнометражный

Первый заголовок, на который часто посетитель сайта не обращает внимание — тот, который показан на вкладке браузера (). Для поисковой системы он самый главный, так как именно его Яндекс, 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 .

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 пример:

Заголовки 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-заголовки.
Добавляйте статью в избранное, делитесь с друзьями.
Подписывайтесь на .

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

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

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

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

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

Заголовки будем делить на 3 группы:

  • Подзаголовки в теле страница (H2-H3).

Метатег Title – находится в верхней части браузера и чаще всего появляется в выдаче поисковой системы (в снипете).

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

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

Но обычно статьи оптимизируются не только под 1 ключевое слово, их может быть 3, 5, 10, 15 и даже 50 и 100, но чем частотнее запрос (чем чаще его запрашивают в поисковой системе), тем он ценнее для сайта, а самое популярное ключевое слово является основным .

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

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

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

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

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

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

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

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

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

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

Если основной ключевой запрос «Антидепрессанты без рецепта», то заголовок H1 может быть «Лучшие антидепрессанты без рецепта врача».

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

Но иногда можно включить и основной ключ без изменений. «Антидепрессанты без рецепта: лучшие безопасные препараты».

К тому же, тут позволяется использовать и синоним основного ключевого слова вместо него самого. Синоним слова «препарат» - «успокоительные». Синоним подбирается из контекста. Вместо синонима можно внедрить и обобщение – «препарат». А можно использовать и синоним/обобщение, и основной запрос.

Это не все приемы, здесь также нужно смотреть конкурентов и отстраиваться от них.

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

Подзаголовки в теле статьи (H2- H3) – эти подзаголовки структурируют текст на тематические разделы. Во многих сайтах на основе этих подзаголовков формируется «содержание» страницы, которая служит навигацией.

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

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

К тому же, иногда содержание подзаголовков попадает в сниппет поисковой системы вместо Title. Иногда туда попадает и H1, но редко.

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

При оптимизации подзаголовком нужно придерживаться следующих принципов:

  • они должны быть более ли менее лаконичными и емкими, но лучше избегать однословных вариантов;
  • должны выгодно смотреться в содержании, потому что содержание статьи пользователь видит в самом начале, и исходя из него, во многих случаях принимает решение о продолжении чтения.

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

H2 – означает подзаголовок второго уровня, а H3 – третьего (подподзаголовок). При оформлении подзаголовков очень важно сохранять иерархию. То есть сначала идет H2 и только потом H3. Заголовков каждого уровня должно быть не менее 2-х.

Считается хорошим тоном, что на каждые 700 – 1000 знаков есть 1 подзаголовок. Подзаголовки H3 можно употреблять и чаще, если это требуется для структуризации текста.

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

Здесь важно уметь пользоваться статистикой поисковых запросов от Яндекса wordstat.yandex.ru и анализировать конкурентов.

Методом подбора или из заголовков конкурентов подбираем 1 основной и несколько вспомогательных ключевых слов.

Что такое заголовки?

При слове «заголовок» вы могли подумать о теге - но нет, в этой статье речь пойдет о тегах <h1>…<h6>. </p> <p>Разница между этими тегами заключается в уровнях: <h1> - это заголовок первого уровня, <h2> - заголовок второго уровня и так далее. Чем выше уровень, тем более важным считается блок после заголовка; то есть тег <h6> будет наименее значимым заголовком из всех представленных. В свою очередь тег <h1> считается наиболее важным из всех этих тегов и вторым по значимости для SEO-продвижения (первый по значимости - тег <title>, который определяет заголовок документа). </p> <p>Эти теги используются для того, чтобы логично оформить содержание страницы, структурировать ее для того, чтобы текст был разбит на логические части, и материал более легко воспринимался читателями. </p> <p><b>Важное дополнение: </b> теги <h1>…<h6> не используются для выделения текста; если вам нужно выделить фразу жирным, используйте тег <strong>, а не <h6> (если стиль этого заголовка просто выделение жирным). </p> <h2>Как использовать заголовки?</h2> <p>Правило номер раз </span><span> - на странице должен быть </span><b>только один </b> тег <h1>. </p> <p>Правило номер два </span><span> - заголовок с тегом </span><b><h1> </b> должен быть <b>самым крупным </b><span>, в то время как остальные заголовки <h2>…<h6> должны быть меньше (размер меняется в зависимости от уровня, чем ниже уровень, то меньше размер заголовка):<br><img src='https://i2.wp.com/timeweb.com/media/default/0001/01/646a24a81bbb4399103014c3b4bef90af9db3efc.gif' width="100%" loading=lazy></p> <p>(если вы сейчас прочитали эти строки и поняли, что у вас на сайте сделано не так, то это уже повод внести некоторые корректировки в оформление сайта) </p> <p>Правило номер три </span><span> - структура страницы </span><b>обязательно </b> должна иметь <b>иерархию </b><span>. То есть вы не можете сначала использовать заголовок <h1>, а затем сразу <h4> или <h5> - после первого уровня идет второй уровень, а значит, после <h1> должен идти тег <h2> - и никак иначе. Тут дело не только в абстрактном «правильно», но в самом оформлении материала, который для адекватного восприятия должен поддаваться какой-то логике. </p> <p>Правило номер четыре </span><span> - теги заголовков </span><b>парные </b>: </p> <b><h1> </b>Название статьи <b></h1> </b> <p>Вступление.</p> <b><h2> </b><span>Заголовок статьи 1 </span><b></h2> </b> <span> <p>Часть статьи 1.</p> </span> <b> <h3> </b><span>Подзаголовок статьи 1 </span><b></h3> </b> <span> <p>Пункт 1 части 1.</p> </span> <b> <h3> </b><span>Подзаголовок статьи 2 </span><b></h3> </b> <span> <p>Пункт 2 части 1.</p> </span> <p>Советы ниже актуальны для заголовков всех уровней, будь то первый уровень <h1> или какой-то из уровней ниже. </p> <p>Заголовки должны: </p> <ul><li><span>выстраиваться в иерархическом порядке; </span></li> <li><span>не оканчиваться точкой; </span></li> <li><span>иметь смысл, передавать идею следующего за ним текста (а не просто для «пусть будет»); </span></li> <li><span>быть даже в небольших статьях, которые можно разделить на несколько частей; </span></li> <li><span>не иметь грамматических ошибок (наличие таковых может снизить релеватность заголовка). </span></li> </ul><p>Другие советы, которые можно дать при составлении заголовков: </p> <ul><li><span>не стоит злоупотреблять заголовками и делать на странице множество <h2>…<h6> - поисковые боты могут расценить это как переоптимизацию сайта либо спам; </span></li> <li><span>в заголовках должны быть прямые вхождения ключевых слов, так как это повысит релевантность страницы в отношении этого запроса; однако слишком большая плотность ключевых слов не пойдет в плюс - поисковые боты будут игнорировать подробные заголовки из-за переоптимизации; </span></li> <li><span>заголовки должны быть </span><b>уникальными </b><span> (повторяющиеся заголовки поисковые системы могут не учитывать); </span></li> <li><span>заголовок должен быть близок к началу документа (то есть к началу HTML-кода): чем выше заголовок, тем более высокое значение он имеет (по сравнению с другими элементами страницы); </span></li> <li><span>желательная длина заголовка - не более 60 символов; это связано с поисковыми системами, которые воспринимают определенное количество символов (и длинный заголовок могут обработать не полностью). </span></li> </ul><p>Отдельно можно сказать о </span><b>дизайне заголовков </b><span> - будет здорово, если все заголовки на странице будут отличаться от другого текста (даже если речь идет не о <h1>, а о <h5> или <h6>). Можно как-то стилистически выделять заголовки, например, ставить их на цветную плашку или выделять шрифтом. </p> <p>А подзаголовки можно нумеровать, при этом ставить цифры в виде картинок. И удобно, и красиво. </p> <h2>Как использовать тег <h1></h2> <p>Тег <h1> имеет свои отличия от других тегов, поэтому про него нужно поговорить отдельно. Тут можно дать следующие советы: </p> <ul><li><span>на странице должен быть только </span><b>один </b>тег <h1>; </li> <li><span>тег <h1> должен быть на </span><b> каждой </b> странице; </li> <li><span>тег <h1> должен отличаться от <title>, но не кардинально; </span></li> <li><span>тег <h1> не должен состоять только из ключевых слов, их лучше использовать в разбавленной форме; </span></li> <li><span>тег <h1> должен побуждать к чтению статьи, поэтому при его придумывании рекомендуется воспользоваться советами относительно «цепких» заголовков; </span></li> <li><span>не следует использовать знаки препинания. </span></li> </ul><h2>Как выглядит структура заголовков</h2> <p>Чтобы понять, какую структуру должна иметь страница, ориентируйтесь вот на этот план:<br><img src='https://i2.wp.com/timeweb.com/media/default/0001/01/6da73912335d6fd8f5a4e1756ff17f7f22e2fc2a.png' width="100%" loading=lazy></p> <h2>Частые ошибки</h2> <p>За правильной разметкой нужно особенно следить при использовании <a href="/vybor-cms-sravnenie-besplatnyh-cmsnet-tehnicheskoi-podderzhki/">бесплатных CMS</a> и отдельных шаблонов - в некоторых случаях <h1> и подзаголовки других уровней могут стоять совсем не там, где они должны быть (например, <h3> выделяет заголовки блоков). Это встречается в WordPress, поэтому если вы видите, что виджеты в сайдбаре имеют теги заголовка, измените их на другие (например, на ). </p> <p>Также иногда заголовки включают какие-то посторонние элементы вроде изображения или ссылки, и это негативно отражается на SEO. </p> <p>Другая типичная ошибка - наличие на странице нескольких тегов <h1>. Этот тег должен быть один и только один. </p> <p>Зачастую теги <h1>…<h6> могут быть неправильно оформлены в визуальном текстовом редакторе в панели администратора: их не закрывают, оставляют пустыми или включают туда очень много текста. Важно не только, </span><i>что </i><span> вы напишите в заголовках, но и то, </span><i>как </i><span> вы это сделаете - поэтому </span><b>следите за оформлением </b>. </p> <p>Если возвращаться к тексту, то ошибки стандарты: слишком много ключевых слов, знаки препинания и так далее (обо всем этом уже писалось выше). Однако важно помнить и о содержании самого заголовка - он должен соотноситься с текстом. который идет далее. </p> <p>То есть <b>заголовок должен выполнять свою функцию </b><span>. Потому что когда он ее не выполняет, начинаются проблемы. </p> <p>Бывают, кстати, ошибки наоборот - когда вместо того, чтобы поставить тег заголовка, ставят теги <p>И <span> с каким-нибудь стилем. </p> <p>Еще бывает, что, прочитав все выше, человек решает отказаться от заголовков и не использовать их в маленьких текстах. И тут нужно понимать, что практически любой текст можно разбить на небольшие части, и соответственно озаглавить их. </p> <h2>Заключение</h2> <p>Если вы хотите использовать SEO для увеличения конверсии на своем сайте, то вам нужно внимательно относиться к заголовкам на страницах сайта и к их оформлению. Ничего сложного в этом нет, главное - следуйте советам, перечисленным в этой статье, и не забывайте также о том, что главное, для кого вы пишите заголовки и делаете правильное оформление - это посетители сайта (а не поисковые боты). </p> <p>Привет, ребята! Чувствую, обстановка накаляется, в комментариях начал прорываться мат, оскорбления в мой адрес. Что ж, а то я уже заскучал по этим временам. 🙂 Самое худшое – это игнорирование. А когда ругают – это же хорошо, значит кого-то задеваю. Радует. 🙂 Эге-ге-гей, товарищ комментатор, привет!!! 🙂 Но из-за мата мне, твой комментарий пришлось удалить, я не раз говорил, что ругательства подобного плана терпеть не стану.</p><p>Многие обвиняют меня в продажных статьях. Да, было время, но я же обещал, что их количество будет уменьшаться. Но некоторые до сих пор думают, что если я делаю обзор какого-то сервиса – этот пост продажный. Думайте, что хотите, такие господа. Моя совесть чиста и улыбаюсь я во все кривые свои 32 зуба. Настроение у меня прекрасное, да и моих преданных читателей оно будет таким, по крайней мере я буду стараться. 🙂</p><p>В прошлом уроке я рассказывал, про SEO расширение для браузеров . Я не просто так решил поднять давно изъезженную тему. Я решил поставить точки над И. Многи читатели у меня спрашивают, как правильно использовать заголовки h1, h2, h3 и т.п.? Я уже когда-то в далеком 2012 году. Делая аудиты многих сайтов я вижу одни и те же ошибки, которых я не признаю. Значит, пришло время немного дополнить тот урок.</p><p>Возможно, какие-то оптимизаторы, посчитают теги h1 и подобные бесполезными, но все же большинство поддерживает их. Если Вы до сих пор не поняли, SEO – очень хитрая наука, у каждого свое мнение.</p><h2>Правила использования заголовков h1, h2, h3, h4 на странице с точки зрения SEO</h2><h3>Правило №1<b>: </b> на странице должен быть только 1 тег h1.</h3><p>Запомните, только 1, а не 2, тем более не 3. Многих интересует, как же узнать количество данных тегов на странице и очень часто вебмастера начинают лезть в <a href="/ishodnye-kody-antivirusa-symantec-popali-v-torrenty-clamwin-free-antivirus/">исходный код</a> страницы и в ручную искать эти теги. Я тоже так делал до тех пор, пока мой “братан по интернету” Виталий (http://mojwp.ru/) не подсказал мне очень хитрую вещь, которая, оказывается, встроена в мой любимый SEO bar.</p><p>Что вам требуется?</p><br><img src='https://i2.wp.com/wpnew.ru/wp-content/uploads/2014/01/seo-tegi.jpg' width="100%" loading=lazy><p>Огромный плюс – это 1 тег в h1 на транице, что очень хорошо. Если у Вас его нету или их больше одного, ниже я расскажу, как избавиться от лишних, либо добавить.</p><h3>Правило №2: заголовки h2, h3, h4 должны быть только в самой статье.</h3><p>В моем случае Вы видите, что h2 используется очень даже правильно, а вот в теге h3, h4 у меня – “мусор”. То есть данные словосочетания не несут никаких полезностей в плане SEO. Более того, используя теги h в <a href="/kak-udalit-otkaznye-obnovleniya-vindovs-8-1-kak-udalit/">ненужных местах</a> мы снижаем значимость этих тегов для поисковых систем, так как их “вес” раскидывается на ненужные словосочетания. Поэтому, теги h должны быть только внутри статьи. Да, бывают исключения, когда ключевые слова очень грамотно вписывают в отдельные блоки по сайту, но туда впихивают никак не фразу “Подпишитесь на сайт” и т.п.</p><p><b>Как исправить эти ошибки? </b></p><p>Для исправления подобных ошибок нам снова понадобится очередное дополнение, о котором я уже рассказывал – это (для Chrome он тоже есть).</p><p>Мы находим элемент в ненужном нам теге h на странице, например, для примера возьму выражение “Подписка” и “Сайт”, про которые мне подсказал <a href="/plagin-rds-bar-dlya-yandeks-kak-ustanovit-rds-bar-osobennosti-nastroiki-i/">RDS bar</a> (они в h4, см. картинку выше). Нашел я эти 2 элемента на сайте (можете воспользоваться поиском в браузере Ctrl+F, вбив необходимую фразу для поиска), “инспектируем” с помощью Firebug один из них:</p><p>Они сейчас нам пригодятся. Открываем файл style.css нашей темы и прямо в конце дописываем характеристики данного стиля (см. на стрелку картинки выше), просто назвав его как-то по-другому (я решил назвать new4, не забываем в начале точку):</p><h3>Правило №3: на главной странице крайне желательно использовать тег h1.</h3><p>На данный момент на моем сайте на <a href="/kak-v-yandekse-pomenyat-gorod-navsegda-nastroiki-mestopolozheniya-smena/">главной странице</a> нет h1, что, как я считаю, нарушают структуру.</p><blockquote><p>Я считаю, что на странице не может быть тега h3, если выше него нет h2, также не может быть использован h2, если нет h1. Аналогично, использование h1 и h3, например, без h2 – тоже неправильно. Причем все четко должно идти по структуре: h2 не может стоять выше h1 на странице, h3 не должен стоять выше первого тега h2 и т.д.</p> </blockquote><p>Что же запихнуть в h1 для главной страницы? Это может быть текст, куда грамотно включены наиболее запрашиваемые ключевые слова, по которым вы продвигаетесь. Повторюсь, ГРАМОТНО вписанные, а не тупое перечисление.</p><p>Также у многих описание в шапке сайте выводит как раз нужную информацию. Там обычно “вкусные” ключевые слова, а также шапка считается “сладким местом”, где хорошо “кормить” поисковые системы нужными фразами. Грех это не использовать.</p><blockquote><p>Запомните: заголовок h1 должен быть отличен от title страницы. Это будет полезно для поискового продвижения.</p> </blockquote><p>Обычно, где-то в этом месте встречается описание сайта (в моем случае его нет):<br><img src='https://i1.wp.com/wpnew.ru/wp-content/uploads/2014/01/opisanie-580x271.jpg' width="100%" loading=lazy> Но тут возникает некая проблема: если мы пропишем это описание в h1 в шапке сайта, то оно внутри статей тоже будет в h1, что снова неправильно.</p><p>То есть, нам требуется прописать некую функцию, которая выполняет следующее: если мы находимся на главной странице, то тексту в шапке присваивается тег h1, если же мы на странице отличной от главной, то отображается тот же текст, в таком же стиле, но уже без тега h1. Это делается для того, чтобы на внутренних страницах не было 2 тега h1 (описание сайта + заголовок статьи).</p><p>И мой еще один “братан по интернету”, на этот раз уже с Казани, которого зовут Рамиль (жаль у него нет блога, поставил бы сейчас ссылку), любезно поделился этой <a href="/curl-linux-primery-php-curl-funkcii-i-primery-ispolzovaniya-paru-slov-o-drugih/">PHP функцией</a> (вы же знаете, в PHP я не “шарю”), вот она:</p><p> <?php if(is_front_page()) {?><h1 id="description">Описание сайта</h1> <? } else{ ?><strong id="description">Описание сайта</strong> <?}?> </p><p>Тут вы заранее должны задать в style.css одинаковые стили для h1 и для стиля “description”, чтобы визуально посетители не видели отличий.</p><p>Так же существует мнение,что во избежании санкций со стороны поисковых систем за “переспам” заголовки h2, h3 и h4 лучше заменять стилями, например <div class=”zagolovok”> или <p>По-моему, все. Если будут вопросы – пишите, по-любому отвечу. И да, продолжайте писать веселые комментарии, они вызывают у меня улыбку и поднимают настроение. 🙂</p> <script>document.write("<img style='display:none;' src='//counter.yadro.ru/hit;artfast_after?t44.1;r"+ escape(document.referrer)+((typeof(screen)=="undefined")?"": ";s"+screen.width+"*"+screen.height+"*"+(screen.colorDepth? screen.colorDepth:screen.pixelDepth))+";u"+escape(document.URL)+";h"+escape(document.title.substring(0,150))+ ";"+Math.random()+ "border='0' width='1' height='1' loading=lazy>");</script> </div> <div class="clear"></div> </div> </article> <div class='yarpp-related'> <section id="related_posts"> <div class="block-head"> <span>Больше информации по теме</span> <div class="stripe-line"></div> </div> <div class="post-listing"> <div class="related-item"> <div class="post-thumbnail tie-appear replacemy" data="post_7839"> <img width="195" height="110" src="/uploads/2ca22ee0967f6a65f6fe2266241e333d.jpg" class="attachment-tie-related size-tie-related wp-post-image" alt="Лучшие способы накрутки подписчиков в группу Vkontakte Накрутка реальных подписчиков вконтакте для группы" / loading=lazy></div> <a class="post_7839" href="/besplatnaya-nakrutka-uchastnikov-gruppy-vkontakte-luchshie-sposoby/">Лучшие способы накрутки подписчиков в группу Vkontakte Накрутка реальных подписчиков вконтакте для группы</a></div> <div class="related-item"> <div class="post-thumbnail tie-appear replacemy" data="post_7839"> <img width="195" height="110" src="/uploads/02f946c9fc1b79e7b511640ee1d58f99.jpg" class="attachment-tie-related size-tie-related wp-post-image" alt="Как настроить монитор для правильной цветопередачи Как настроить монитор ноутбука для правильной цветопередачи" / loading=lazy></div> <a class="post_7839" href="/instrukciya-kalibrovka-ekrana-noutbuka-nastroika-cvetoperedachi-kak/">Как настроить монитор для правильной цветопередачи Как настроить монитор ноутбука для правильной цветопередачи</a></div> <div class="related-item"> <div class="post-thumbnail tie-appear replacemy" data="post_7839"> <img width="195" height="110" src="/uploads/341de42bf56c60296dcfb5e5dd18b943.jpg" class="attachment-tie-related size-tie-related wp-post-image" alt="Как перевести телефон в тональный (тоновый) режим" / loading=lazy></div> <a class="post_7839" href="/kak-voiti-v-tonovyi-rezhim-telefona-kak-perevesti-telefon-v-tonalnyi/">Как перевести телефон в тональный (тоновый) режим</a></div> <div class="related-item"> <div class="post-thumbnail tie-appear replacemy" data="post_7839"> <img width="195" height="110" src="/uploads/188b6e34ecf31aaf3daf481a96156a2a.jpg" class="attachment-tie-related size-tie-related wp-post-image" alt="Где качество фильмов лучше блюрей медиаплеер" / loading=lazy></div> <a class="post_7839" href="/gde-kachestvo-filmov-luchshe-blyurei-mediapleer-setevoi-audiopleer/">Где качество фильмов лучше блюрей медиаплеер</a></div> <div class="related-item"> <div class="post-thumbnail tie-appear replacemy" data="post_7839"> <img width="195" height="110" src="/uploads/15741426528faeb29a31d25f91b4d5b0.jpg" class="attachment-tie-related size-tie-related wp-post-image" alt="Как правильно подобрать логин и составить пароль" / loading=lazy></div> <a class="post_7839" href="/primery-napisaniya-logina-i-parolya-kak-pravilno-podobrat-login-i-sostavit/">Как правильно подобрать логин и составить пароль</a></div> <div class="related-item"> <div class="post-thumbnail tie-appear replacemy" data="post_7839"> <img width="195" height="110" src="/uploads/a4bd01483ed286b8f0d6408ab15543fd.jpg" class="attachment-tie-related size-tie-related wp-post-image" alt="Биос не видит жесткий диск SATA: инструкция по решению проблемы" / loading=lazy></div> <a class="post_7839" href="/ne-vidit-disk-4-tb-bios-ne-vidit-zhestkii-disk-sata-instrukciya-po-resheniyu/">Биос не видит жесткий диск SATA: инструкция по решению проблемы</a></div> </div> </section> </div> <div id="comments"> <ol class="commentlist"> <div class='rreekk' rel='15'> <div id="smartrotator_ad_4" onclick="yaCounter40492595.reachGoal ('tizercommentbefore1'); return true;"></div> </div> </ol> <div class="clear"></div> <div id="respond" class="comment-respond"> </div> </div> </div> <aside id="sidebar"> <div class="theiaStickySidebar"> <div class="execphpwidget"> <div id="text-4" class="widget widget_text"> <div class="widget-top"> <span>Полезное</span> <div class="stripe-line"></div> </div> <div class="widget-container"> <div class="textwidget"> <style> .wpp-list li img { -webkit-border-radius: 65px; -moz-border-radius: 65px; border-radius: 65px; } .wpp-list li .post-views { display: block; margin-left: 70px; color: #828283; font-size: 12px; } .wpp-list li .post-views i { font-size: 13px; } .wpp-list li { line-height: 22px !important; } .replacemy { cursor: pointer; } } </style> <ul class="wpp-list"> <li> <div class="replacemy"><img src="/uploads/29d897fae1fcf13a85c5fff3373d28d0.jpg" width="65" height="65" title="Обзор и тестирование корпуса Fractal Design Define R5: новый уровень Fractal Design Define R5 — Тихий, удобный" alt="Обзор и тестирование корпуса Fractal Design Define R5: новый уровень Fractal Design Define R5 — Тихий, удобный" class="wpp-thumbnail wpp_cached_thumb wpp_featured" / loading=lazy></div><a href="/testirovanie-fractal-design-define-r5-obzor-i-testirovanie-korpusa-fractal-design/" class=""><br>Обзор и тестирование корпуса Fractal Design Define R5: новый уровень Fractal Design Define R5 — Тихий, удобный</a></li> <li> <div class="replacemy"><img src="/uploads/a17dd2b8f73ef3d650ae363b3fc7fa6f.jpg" width="65" height="65" title="Как установить расширения в Яндекс" alt="Как установить расширения в Яндекс" class="wpp-thumbnail wpp_cached_thumb wpp_featured" / loading=lazy></div><a href="/dopolneniya-dlya-yandeks-brauzera-kak-ustanovit-rasshireniya-v-yandeks-brauzer-kak/" class=""><br>Как установить расширения в Яндекс</a></li> <li> <div class="replacemy"><img src="/uploads/464845bde2a3614651318b17f492234b.jpg" width="65" height="65" title="Лучшие мониторы для игр: текущий анализ рынка Изогнутый монитор 144 гц" alt="Лучшие мониторы для игр: текущий анализ рынка Изогнутый монитор 144 гц" class="wpp-thumbnail wpp_cached_thumb wpp_featured" / loading=lazy></div><a href="/izognutyi-monitor-dlya-igr-luchshie-monitory-dlya-igr-tekushchii-analiz-rynka/" class=""><br>Лучшие мониторы для игр: текущий анализ рынка Изогнутый монитор 144 гц</a></li> <li> <div class="replacemy"><img src="/uploads/1a1cb1d29337d4fcdb544c573e03a475.jpg" width="65" height="65" title="Обзор бесплатной версии ABBYY Finereader" alt="Обзор бесплатной версии ABBYY Finereader" class="wpp-thumbnail wpp_cached_thumb wpp_featured" / loading=lazy></div><a href="/abbyy-finereader-poslednyaya-versiya-obzor-besplatnoi-versii-abbyy-finereader-perevod/" class=""><br>Обзор бесплатной версии ABBYY Finereader</a></li> <li> <div class="replacemy"><img src="/uploads/345d3ca8f9de0a8a50c7c740a84b9b7e.jpg" width="65" height="65" title="Как можно создать радиовещание в 3d" alt="Как можно создать радиовещание в 3d" class="wpp-thumbnail wpp_cached_thumb wpp_featured" / loading=lazy></div><a href="/kak-mozhno-sozdat-radioveshchanie-v-3d-otkryvaem-radio-sozdaem-fm-/" class=""><br>Как можно создать радиовещание в 3d</a></li> </ul> </div> </div> </div> </div> </div> <div> </div> </aside> <div class="clear"></div> </div> <footer id="theme-footer"> <div id="footer-widget-area" class="wide-narrow-2c"><div id="footer-first" class="footer-widgets-box"><div id="text-2" class="footer-widget widget_text"><div class="footer-widget-top"></div><div class="footer-widget-container"><div class="textwidget"> <p>Аркады. Браузеры. Головоломки. Игры. Инструменты. Программы <p></p> </div></div></div></div><div id="footer-second" class="footer-widgets-box"><div id="text-3" class="footer-widget widget_text"> <div class="footer-widget-top"></div> <div class="footer-widget-container"> <div class="textwidget"><a href="/sitemap.xml">Карта сайта</a></div> </div> </div><div id="text-7" class="footer-widget widget_text"><div class="footer-widget-top"></div><div class="footer-widget-container"><div class="textwidget"><br> <a href="/feedback/">Обратная связь</a> </div></div></div></div></div><div class="clear"></div> </footer> <div class="clear"></div> <div class="footer-bottom"> <div class="container"> <div class="alignright"></div> <div class="alignleft"> © Copyright 2017, https://montazhtv.ru</div> <div class="clear"></div> </div> </div> </div> </div> </div> <div id="topcontrol" class="fa fa-angle-up" title="Перейти к началу страницы"></div> <div id="fb-root"></div> <script type="text/javascript"> jQuery(function($) { $(document).on("click", ".pseudo-link", function() { window.open($(this).data("uri")); }); }); </script> <script type='text/javascript'> /* */ var tocplus = { "smooth_scroll": "1", "visibility_show": "\u043f\u043e\u043a\u0430\u0437\u0430\u0442\u044c", "visibility_hide": "\u0441\u043a\u0440\u044b\u0442\u044c", "width": "310px" }; /* */ </script> <script type='text/javascript' src='https://montazhtv.ru/wp-content/plugins/table-of-contents-plus/front.min.js'></script> <script type='text/javascript' src='https://montazhtv.ru/wp-content/plugins/wp-polls/polls-js.js'></script> <script type='text/javascript' src='https://montazhtv.ru/wp-content/plugins/wp-postratings/js/postratings-js.js'></script> <script type='text/javascript'> /* */ var tie = { "mobile_menu_active": "true", "mobile_menu_top": "", "lightbox_all": "", "lightbox_gallery": "", "woocommerce_lightbox": "", "lightbox_skin": "dark", "lightbox_thumb": "vertical", "lightbox_arrows": "true", "sticky_sidebar": "", "is_singular": "1", "SmothScroll": "true", "reading_indicator": "", "lang_no_results": "\u041d\u0438\u0447\u0435\u0433\u043e \u043d\u0435 \u043d\u0430\u0448\u043b\u043e\u0441\u044c", "lang_results_found": "\u041d\u0430\u0439\u0434\u0435\u043d\u043d\u044b\u0435 \u0440\u0435\u0437\u0443\u043b\u044c\u0442\u0430\u0442\u044b" }; /* */ </script> <script type='text/javascript' src='https://montazhtv.ru/wp-content/themes/pochk/js/tie-scripts.js'></script> <script type='text/javascript' src='https://montazhtv.ru/wp-content/themes/pochk/js/ilightbox.packed.js'></script> <script type='text/javascript' src='/wp-includes/js/comment-reply.min.js'></script> <script type='text/javascript' src='/wp-includes/js/wp-embed.min.js'></script> <script type='text/javascript'> /* */ var gglcptch_pre = { "messages": { "in_progress": "\u041f\u043e\u0436\u0430\u043b\u0443\u0439\u0441\u0442\u0430, \u0434\u043e\u0436\u0434\u0438\u0442\u0435\u0441\u044c \u043e\u043a\u043e\u043d\u0447\u0430\u043d\u0438\u044f \u0437\u0430\u0433\u0440\u0443\u0437\u043a\u0438 Google reCAPTCHA.", "timeout": "\u041d\u0435 \u0443\u0434\u0430\u043b\u043e\u0441\u044c \u0437\u0430\u0433\u0440\u0443\u0437\u0438\u0442\u044c Google reCAPTCHA. \u041f\u0440\u043e\u0432\u0435\u0440\u044c\u0442\u0435 \u0412\u0430\u0448\u0435 \u043f\u043e\u0434\u043a\u043b\u044e\u0447\u0435\u043d\u0438\u0435 \u043a \u0441\u0435\u0442\u0438 \u0418\u043d\u0442\u0435\u0440\u043d\u0435\u0442 \u0438 \u043f\u0435\u0440\u0435\u0437\u0430\u0433\u0440\u0443\u0437\u0438\u0442\u0435 \u044d\u0442\u0443 \u0441\u0442\u0440\u0430\u043d\u0438\u0446\u0443." } }; /* */ </script> <script type='text/javascript' src='https://montazhtv.ru/wp-content/plugins/google-captcha/js/pre-api-script.js'></script> <script type='text/javascript' data-cfasync="false" async="async" defer="defer" src='https://www.google.com/recaptcha/api.js?onload=gglcptch_onload_callback&render=explicit'></script> <script type='text/javascript' src='https://montazhtv.ru/wp-content/plugins/google-captcha/js/script.js'></script> <script type="text/javascript" src="https://montazhtv.ru/wp-content/themes/pochk/my/my.js"></script> <script type="text/javascript" src="https://montazhtv.ru/wp-content/themes/pochk/my/etimer.js"></script> </body> </html>