Как правильно прописать html теги в своих темах WordPress ч.2

Распределение html тегов главной страницы блога

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

Если вы готовы, тогда начнем.

Прописываем правильно html теги для всего блога на WordPress, начиная с главной страницы:

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

В первую очередь оптимизируем шапку (header.php) блога на WordPress.

Тег Н1 в шаблоне WordPress.
Главные теги для всего блога H1-H2. Тексты в этих тегах, исходя из прошлой статьи, являются самыми весомыми для поискового ранжирования.
Тег H1 рекомендуется использовать всего 1 раз на странице. Тег H2 не более 2х раз.
Для поисковиков лучше когда мета-тег title и заголовок Н1 по большей части совпадают. Также для поисковиков имеет значение использование слов из заголовка в url страницы.
Многие блоггеры, в шапке своего блога, для названия  используют логотип или графику. Такой способ допускается при условии правильного использования.

Описание правильного способа внедрения графики в теге H1:
Тег H1 используется как контейнер для логотипа и текста название. В начале в теге прописывается картинка логотипа, а потом через <br /> идет текст заголовка. В стиле css, для H1, мы указываем ширину и высоту точно совпадающие по размеру картинки overflow: hidden;. Таким образом, при выводе браузером нашего заголовка, в шапке мы увидим логотип, а текст будет выдавлен картинкой в невидимую часть блока.
Поисковики проиндексируют текст заголовка, а пользователи увидят красивый логотип.

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

Динамический Н1-Н2 для WordPress.
Есть один нюанс, связанный с тегами Н1-Н2. Как я уже говорил, использование на одной странице этих тегов ограничено. Главная страница повествует и продвигает весь блог, а статьи и статические страницы продвигают саму себя. Это означает, что для статических страниц и страниц статей главным заголовком будет — заголовок статьи, а заголовок в шапке должен стать второстепенным.

Вот способ как динамически менять тег заголовка шапки с Н1 на Н2:

&lt; ?php if(is_single () || is_page ()) { ?&gt;
<h2>Заголовок блога</h2>
&lt; ?php }else{ ?&gt;
<h1>Заголовок блога</h1>
&lt; ?php } ?&gt;

Теперь нужно указать в шаблоне для статей и статических страниц заголовок в Н1, в файлах single.php и page.php, и использовать слова из заголовков и описания в тексте статей. Таким образом, мы получим релевантные для поисковиков страницы блога.

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

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

Тег Н5-Н6 в шаблоне WordPress.
Тегами Н5-Н6 можно выделить все остальные заголовки блоков. Например, блоки комментариев и т.д.

Использование тегов <b>, <strong>, <em> в тексте статей.
Поисковики очень любят текст в этих тегах. Поэтому, будьте осмотрительны при выделении в статье слов данными тегами.
Используйте эти теги для выделения ключевых фраз и слов, а для визуального выделения создайте class, аналогичный этим тегам.

Использование атрибутов alt=»» и title=»» в ссылках и графике.
Для поисковых серверов важно что написано в атрибутах ссылок и картинок на ваших страницах блога. Постарайтесь всегда использовать эти атрибуты с вашими ключевыми словами.

Подведем итоги:

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

  • H1 — везде кроме статических страниц и статей в шапке блога, в заголовках статей на страницах блога.
  • H2 — описание в шапке блога, в заголовках страниц рубрик, тегов, архива и страницы поиска.
  • H3 — заголовки статей на главной странице блога, а также заголовки статей в рубриках, тегах, архивах, странице поиска.
  • H4 — названия виджетов в сайдбаре и подзаголовки в статьях.
  • H5 — остальные заголовки блога.
  • <b>, <strong>, <em> —  ключевые слова и фразы в статьях.
  • alt=»» и title=»» — желательные атрибуты в ссылках и графике в статьях блога.

Надеюсь, я смог вам ответить на вопрос — как правильно прописать html теги в своих темах WordPress.

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


Нашел ошибку в тексте? Выдели ее мышкой и нажми Система Orphus
СЛЕДИТЕ ЗА НОВОСТЯМИ Подписаться на мой Twitter
Автор:Олег МедынскийРубрика: Оптимизация блога
Разрешается перепечатка статьи с обязательным указанием открытой ссылки на источник.

КОММЕНТАРИИ К СТАТЬЕ

  1. 1.1

    У Вас здесь опечатка режет глаз «heder.php». Статья очень познавательна, к тому же все собрано воедино в одном месте.

    • 1.2

      Спасибо Lady Maksima. Действительно неприятная опечатка.

  2. 1.3

    Олег, очень понравилась Ваша статья, но мне остался не ясен один момент, подскажите пжл. У меня сайт сделан на Юмле и тегов Н1 нет вообще, а все заглавия страниц Н2.    Н3-6 — не используются вообще. Могут ли улучшиться позиции моего сайта в поисковиках, если я заменю заглавия Н2 на Н1? И имеет ли смысл добавить теги Н3-5?

    • 1.4

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

  3. 1.5

    Спасибо за полезную информацию! Обнаружила, что в моей бесплатной теме Вордпресс вообще тегов H нет. Теперь не знаю, что и делать.

  4. 1.6

    Нет, вру. В заголовке сайта нашла h1. Значит, все правильно. Еще раз спасибо!

  5. 1.7

    У этой странички два h1 — проверьте сервисом webstudio2u.net. А все потому, что один h1 идет из шапки блога. Страница соответствует 6 рекомендациям из 14 (43%)

    • 1.8

      А кто сказал что этот сервис дает верные рекомендации? Смотрите не на рекомендации а на результат!

  6. 1.9

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

    • 1.10

      Подходов к данной проблеме и мнений масса. Я, для большинства сайтов делаю так:
      1. Для главной и рубрик — заголовок в шапке Н1 а заголовки статей в Н2
      2. На самой странице статьи — заголовок в шапке Н2 а заголовок статьи в Н1

  7. 1.11

    Здраствуйте скажите где именно прописать Н1 главной страницы,я так понимаю в шапке сайта? Это в файле (header.php)-WP? И в каком месте или это не важно?

    • 1.12

      Данный тег H1 прописывают для текста именно там где он нужен. Прочитайте в инете зачем нужны теги h1-h6

  8. 1.13

    Доброго времени суток. Можете пожалуйста подсказать. Мне нужно сделать меню которое отображается только на одной странице, я прописал html код менюшки на той странице где нужно. Стили прописал естественно в файле в конце, но они не работают. Возможно я что-то не так сделал?

    • 1.14

      Да, вы что-то делаете не так

  9. 1.15

    Олег МедынскийДа, вы что-то делаете не так

    А что именно? Как правильно прописывать?

  10. 1.16

    Доброе время суток! за статью спасибо познавательно, но вот почему у Вас самого на данной странице нет тега h2 проверял спецом?

    • 1.17

      Я нигде не писал что данный тег обязателен

  11. 1.18

    Добрый день. А не подскажете, как сделать чтобы логотип сайта был в теге H1 на главной, а на других страницах просто ссылкой. Спасибо!

    • 1.19

      Это делается программирование через php. Если не знаете php то объяснить будет сложно

  12.  


Ваши вопросы, замечания, пожелания и предложения, по работе сайта, пишите на E-mail.