Как правильно использовать тег h1 | Заметки вебмастера






Как использовать в продвижении тег h1

правильное использование тега h1Добрый день, уважаемые посетители и постоянные читатели моего блога !

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

Тег h1 или заголовок первого уровня

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

Этот тег  должен быть применен единожды на странице и прописан выше остальных заголовков. К тому же этот он должен иметь наибольший размер шрифта относительно других заголовков.

На страницах и в записях применяется шесть разновидностей заголовков: h1, h2, h3, h4, h5 и h6. Эти шесть тегов используются в целях форматирования текста в записях и страницах.

Html тег h1 является самым важным для пользователей, а также поисковых систем.

Значение заголовка h1 для продвижения

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

Однако в процессе осуществления оптимизации текста статьи поисковые системы воспринимают тег title важнее заголовка h1.

тег h1 и продвижение блога

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

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

Использование тега h1 в WordPress

Это была чисто теоретическая часть. Теперь поговорим об основных моментах, в которых разберём использование тега h1 на веб-ресурсах под управлением системы WordPress.

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

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

Как раз такую недоработку бесплатного шаблона, который называется Incredy, я и выявил на своем блоге.

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

Чтобы исправить этот недочет я занялся редактированием файла single.php. Этот файл одинаков для множества шаблонов системы WordPress.

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

Для устранения проблемы в содержимом файла single.php находим код, который выводит заголовок. В моем файле это отображалось вот так:

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

Нам нужно поменять теги h2 на нужные h1, а потом нажать кнопку «Обновить файл». Вот и все. Как видите сделать это проще простого.  Вот как преобразился файл после необходимых изменений:

замена тега на h1

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

Похожее редактирование (замену h2 на h1) также необходимо сделать с ещё одним файлом шаблона блога, который называется page.php. Именно он выводит страницы блога.

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

Но эта информация просто для вашего понимания.

Итак, продолжим. После изменений в файле page.php  код, который отвечает за вывод заголовков страниц моего блога, стал таким:

замена h2 на h1 в страницах

Однако и это ещё не все изменения, которые нужно было осуществить. Всё дело в том, что я выявил ещё один серьёзный недостаток.

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

Редактирование шаблона для тега h1

Для того, чтобы отредактировать шаблон WordPress и убрать вывод тега h1 из заголовка блога необходимо внести изменения в файлы: header.php (файл вывода заголовка веб-ресурса) и style.css (файл стилей веб-ресурса).

Необходимо изменить в файле header.php:

h1 в заголовке блога

Найдите этот код в файле header.php, который осуществляет вывод заголовка вашего сайта или блога, а затем вместо тега h1 вставляем тег абзаца p.

После изменения наблюдаем вот такую картину:

замена h1  на p в заголовке блога

Редактирование файла style.css

Чтобы размер и вид шрифта заголовка блога остался без изменений, нужно внести изменения в style.css. Открывайте этот файл и ищите стили для h1. У меня они выглядят вот так:

тег h1 в таблице стилей блога

Затем замените тег h1 на тег p и отредактируйте размер шрифта:

замена тега h1 на p в таблице стилей блога

Html тег h1 для главной страницы блога

На главной странице блога тег H1 должен быть прописан в заголовке или описании блога, а H2 в заголовках статей.

Но как это осуществить? У нас ведь в записях главный тег используется для заголовков статей.

Открывает файл index.php для редактирования и находим строчку вида:

тег h2 в заголовках на главной странице

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

Если выводится через другой тег, — пропишите h2 и обновите файл.

Теперь про H1

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

Но это не всё.

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

Это приведёт к дублированию тега h1, что не есть хорошо! Поисковики это не любят… Поэтому предлагаю своё решение.

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

А вот и само условие:

 <?php if (is_home() ) { 
 ?><h1>ваш заголовок или описание блога</h1><?
 } else { 
 ?>< >заголовок или описание блога</ ><?
 }
 ?>

Итак, открываем файл блога header.php и прописываем это условие в шапке блога.

У меня это выглядит таким образом:

тег h1 на главной странице

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

Вот в принципе и всё. Мы удачно произвели редактирование недоработок в бесплатном шаблоне.

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

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

До новых встреч. Пока!

Успехов Вам и Удачи
С Уважением,


Книга о заработке в интернете:
Книга о заработке в интернете

Комментариев к статье: 49

  1. Denis:

    Привет, а каким боком single.php выводится на главной странице?

    Ответить

    • Сергей:

      Привет, Денис! Спасибо за поправку, ошибся…
      Действительно, не на главной странице, а на одной из статей!
      Главную страницу выводит index.php.
      Уже исправил http://saranchinsergey.ru/wp-content/plugins/wp-monalisa/icons/wpml_smile.gif

      Ответить

  2. Denis:

    Просто у многих в статьях на эту тему одна и та же ошибка. Кстати еще ни разу не попадались темы в которых в записях заголовки статьи были в Н2

    Ответить

    • Сергей:

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

      Ответить

      • Юрий Йосифович:

        Получается, что создатели темы что-то намудрили, либо сами не обладали достаточными знаниями по оптимизации. Это печально, что после таких разработчиков потом приходится сидеть, переделывать…

        Ответить

  3. Игорь Черноморец:

    У меня в теме заголовки статьи выводились тоже через тег h2!!! А узнал об этом только месяц назад!

    Ответить

    • Сергей:

      Мне кажется, самое главное, что узнал об этом, Игорь, и исправил на тег h1

      Ответить

      • Юрий Йосифович:

        Это да, когда уже знаешь, что есть проблема, и понимаешь насколько она серьезна — то естественно делаешь все, чтобы её решить. Это касается и h1 и дублей и всего остального.

        Ответить

  4. Игорь Черноморец:

    Сергей, я в прошлом комментарии написал что у меня тоже заголовки раньше были прописаны через тег h2 и я как бы их исправил, но….только что проверил файлы и коды которые ты описал в этой статье и…во-первых таких кодов у меня вообще нет, а во-вторых я запутался!
    Сделал аудит сайта с помощью сервиса megaindex по совету из твоей прошлой статьи, а там…ЗАВАЛ ПОЛНЫЙ!!!!!!! Почти все пункты в ошибках! Спасай друг! :)

    Ответить

    • Сергей:

      Привет, Игорь!
      В своей статье я упомянул, что коды в этих файлах не могут быть
      одинаковыми, так как у всех нас установлены разные шаблоны…
      В свою очередь сервис Мегаиндекс предоставляет прекрасную возможность после аудита воспользоваться подсказками и подробным описанием по каждой проблеме на веб-ресурсе в разделе «Справка».
      Мне кажется, Игорь, для тебя не составит труда разобраться в этом

      Ответить

      • Игорь Черноморец:

        Хорошо!Попробую разобраться!

        Ответить

  5. Анатолий:

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

    Ответить

    • Юрий Йосифович:

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

      Ответить

  6. Марина:

    Здравствуйте, Сергей. Ваша статья для меня оказалась весьма полезной.Есть один вопрос:где конкретно в header.php прописать последнее условие, чтобы избежать дублей? Спасибо.

    Ответить

    • Сергей:

      Здравствуйте, Марина!
      Дело в том, что однозначного ответа на ваш вопрос я вам дать не могу. По той простой причине, что у всех нас разные шаблоны системы WordPress.
      Лично у меня этот код прописан сразу после вывода названия(ссылки) моего блога.

      Ответить

  7. Дмитрий:

    Даже не подозревал о важности этого тега. Обязательно приму во внимание и буду использовать в дальнейшей работе. Огромное спасибо за советы.

    Ответить

    • Сергей:

      Пожалуйста, Дмитрий. Рад был помочь!

      Ответить

  8. Юрий Йосифович:

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

    Ответить

    • Сергей Саранчин:

      Сам удивляюсь этому факту…Когда узнал, какая ситуация на моём блоге с заголовками, — так и обалдел. Взялся и переделал!

      Ответить

      • Юрий Йосифович:

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

        Ответить

        • Сергей Саранчин:

          В принципе проверка это дело 5 секунд, а вот устранение этой проблемы побольше, естественно, займёт…

          Ответить

  9. Андрей:

    Спасибо за полезную и интересную статью!

    Ответить

  10. Оксана:

    У меня в шаблоне тоже был в заголовках тэг H2. Заметила давно и переделала. Но теперь у меня 2 тэга h1 на целевой странице, так правильно? То есть в шапке, где все названия тэг h1 «Наши услуги», «Вызов мастера» и т.д., и плюс заголовки тэг h1.
    Надеюсь понятно объяснила))) Спасибо за познавательные статьи.

    Ответить

    • Сергей Саранчин:

      Нет, не правильно, Оксана. На каждой странице должен быть один тег h1. Нужно исправлять :oops:

      Ответить

      • Оксана:

        Спасибо, исправлю.

        Ответить

  11. Оксана:

    А еще вопрос, картинка на главной должна стоять после тэга h1 или можно поставить перед как у меня? Спасибо!

    Ответить

    • Сергей Саранчин:

      Это не принципипиально. Со своей стороны могу отметить, что за всё время ведения блога не слышал, что этот факт каким-то образом влияет на веб-ресурс :oops:

      Ответить

  12. Григорий:

    Сергей, если ты в header.php поменял h1 на p,
    то что же ты в конце статьи, опять его используешь,
    заключаешь его в условие?
    Может там нужно сохранять два файла — СТАРЫЙ И ИЗМЕНЕННЫЙ?
    Проясни, не вводи в заблуждение.

    Ответить

    • Сергей Саранчин:

      Григорий, в конце статьи я использую другой тег — c.

      У меня этот метод работает исправно! На главной странице в теге h1 выводится «продвижение блога и заработок в интернете», а названия статей в h2.

      В постах же названия статей заключаются в тег h1, а подзаголовки в h2. :smile:

      Ответить

      • Григорий:

        Да, все понял. Сначала не обратил на «c» внимание.

        Ответить

        • Сергей Саранчин:

          Отлично, будут вопросы обращайтесь

          Ответить

  13. Alexandr:

    Вся проблема в бесплатных шаблонах. Вместо h1 разработчики пишут h2. Они не знают правил продвижения блога?

    Ответить

  14. Alexandr:

    «открываем файл блога header.php и прописываем это условие в шапке блога». У Вас разные условия на фото и которое напечатано.

    Ответить

  15. Игорь:

    Лишнее использование тега h1,может не хорошо сказаться на статье

    Ответить

    • Alexandr:

      Какое лишнее, один раз используют, в коде написано.

      Ответить

      • Игорь:

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

        Ответить

  16. Марина:

    Сергей а недочеты встречаются только в бесплатных шаблонах? Просто у меня платная тема (шаблон) Clipper. Может быть такое что этот заголовок может находиться в другом файле?

    Ответить

    • Сергей Саранчин:

      Марина, я не сталкивался с платными шаблонами, поскольку не покупал их и не работал с ними. На моём блоге стоит платный.
      Заголовки должны быть прописаны в файлах single.php и index.php

      Ответить

  17. Марина:

    у меня видимо за вывод заголовка отвечает файл content.php
    Там есть такой код
    <a href="» rel=»bookmark»>

    это он? тогда менять ничего не надо?

    Ответить

    • Сергей Саранчин:

      Нет это не он. В статье подробно написано как он выглядит. Он выводится с помощью тегов h1, h2 и т.д…

      Ответить

  18. Марина:

    Скажите а как я могу проверить правильно ли у меня оформлены заголовки h1-h2? я зашла в код страницы, там заголовки статей прописаны тегом h1. Это верно?
    Подскажите как прописать главный заголовок h1? я его прописала в плагине Yoast by seo но система не видит его(

    Ответить

    • Сергей Саранчин:

      Марина, для начала напишите какой код страницы вы исследуете? Главной или страницы постов?

      Ответить

  19. Марина:

    Сергей код страницы постов.

    Ответить

    • Сергей Саранчин:

      Марина, если заголовки постов прописаны в самих статьях с помощью тега h1, то значит всё правильно!

      Ответить

  20. Тамара:

    Добрый день,Сергей! Подскажите, пожалуйста. Нужно ли при написании поста самой устанавливать теги h1, h2, h3 и т.д. Для чего предназначена функция визуально->фориаты->заголовки Почему то мой сайт не виден в поисковике

    Ответить

    • Сергей Саранчин:

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

      Ответить

  21. Тамара:

    Добрый день, Сергей! А что же мне делать, как узнать по какой причине сайт не виден? Я делала анализ сайта. Получила результат

    Мы не нашли главного заголовка H1.
    H1: 0
    H2: 15
    H3: 0
    H4: 0
    H5: 0
    H6: 0
    В теме Адаптер H1 и H2 формируются автоматически, поэтому я не форматировала посты. Как мне нужно сделать. Помогите пожалуйста. Я новичок. Может вы сможете проанализировать мой сайт?

    Ответить

    • Сергей Саранчин:

      Тамара, у вас не правильно прописаны заголовки на главной странице вашего сайта, а именно с помощью тега h2, а не h1.
      Прочитайте мою статью и сделайте так же как на моём блоге. Удачи!

      Ответить

  22. Тамара:

    Добрый день, Сергей! Я исследовала свои файлы .Там вот что есть

    single.php

    / … /

    page.php

    header.php

    нет вообще тега h1 поиском не нашла и не нашда строку как у вас. Есть несколько строк
    вот такие
    1 раз появляется bloginfo(‘url’)

    <a href="»><img src="» alt=»»/>

    2 раз появляется bloginfo(‘url’)

    <a href="»>

    bloginfo(‘name’

    index.php что то похожее как у вас

    <a href="»>

    <a href="»>
    <a href="»>
    / <a href="» title=»»>Посмотреть

    Условие с if в header.php в шапке блога. я еще не прописала
    Что править не знаю. Если можете помогите. Извините за такой длинный тест письма.

    Ответить


НАПИШИТЕ СВОЙ ПЕРВЫЙ КОММЕНТАРИЙ НА ЭТОМ БЛОГЕ И ПОЛУЧИТЕ ПОДАРКИ!

Нажимая кнопку "ОТПРАВИТЬ" комментарий, Вы принимаете пользовательское соглашение и подтверждаете, что ознакомлены и согласны с политикой конфиденциальности этого сайта.

;-) :| :x :twisted: :smile: :shock: :sad: :roll: :razz: :oops: :o :mrgreen: :lol: :idea: :grin: :evil: :cry: :cool: :arrow: :???: :?: :!: