Как правильно прописать html теги в своих темах WordPress ч.2
Во второй части публикации я расскажу, как правильно прописать 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:
< ?php if(is_single () || is_page ()) { ?> <h2>Заголовок блога</h2> < ?php }else{ ?> <h1>Заголовок блога</h1> < ?php } ?> |
Теперь нужно указать в шаблоне для статей и статических страниц заголовок в Н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 под поисковое продвижение. Я буду рад, если вы примите участие в подготовке следующей статьи, задавая вопросы в комментариях. Постараюсь максимально доступно и подробно ответить на все ваши вопросы.
Нашел ошибку в тексте? Выдели ее мышкой и нажми

- СТАТЬИ ПО ТЕМЕ
- ЕЩЕ ИЗ РУБРИКИ
- ПОПУЛЯРНЫЕ
У Вас здесь опечатка режет глаз «heder.php». Статья очень познавательна, к тому же все собрано воедино в одном месте.
Спасибо Lady Maksima. Действительно неприятная опечатка.
Олег, очень понравилась Ваша статья, но мне остался не ясен один момент, подскажите пжл. У меня сайт сделан на Юмле и тегов Н1 нет вообще, а все заглавия страниц Н2. Н3-6 — не используются вообще. Могут ли улучшиться позиции моего сайта в поисковиках, если я заменю заглавия Н2 на Н1? И имеет ли смысл добавить теги Н3-5?
Да, для поисковиков в теге h1 слова, а особенно ключевые, имеют большой вес. Если вам важна поисковая выдача, то важно соблюдать правильную структуру документа и правильно распределять ключевые слова и фразы по структуре. h3-h5 добавляйте, хуже от этого не будет а только лучше, главное только там где это нужно в тексте.
Спасибо за полезную информацию! Обнаружила, что в моей бесплатной теме Вордпресс вообще тегов H нет. Теперь не знаю, что и делать.
Нет, вру. В заголовке сайта нашла h1. Значит, все правильно. Еще раз спасибо!
У этой странички два h1 — проверьте сервисом webstudio2u.net. А все потому, что один h1 идет из шапки блога. Страница соответствует 6 рекомендациям из 14 (43%)
А кто сказал что этот сервис дает верные рекомендации? Смотрите не на рекомендации а на результат!
У меня в шаблоне в шапке сайта изначально было указан адрес блога в h1, а при добавлении статей на сайт, каждая статья имеет тоже заголовок h1. Я так понимаю, что это неправильно, да? Ведь на странице же не должно более одного тега h1.
Скажите, что лучше, изменить адрес блога в шапке на h2 или же вообще убрать тег h из шапки сайта?
Спасибо.
Подходов к данной проблеме и мнений масса. Я, для большинства сайтов делаю так:
1. Для главной и рубрик — заголовок в шапке Н1 а заголовки статей в Н2
2. На самой странице статьи — заголовок в шапке Н2 а заголовок статьи в Н1
Здраствуйте скажите где именно прописать Н1 главной страницы,я так понимаю в шапке сайта? Это в файле (header.php)-WP? И в каком месте или это не важно?
Данный тег H1 прописывают для текста именно там где он нужен. Прочитайте в инете зачем нужны теги h1-h6
Доброго времени суток. Можете пожалуйста подсказать. Мне нужно сделать меню которое отображается только на одной странице, я прописал html код менюшки на той странице где нужно. Стили прописал естественно в файле в конце, но они не работают. Возможно я что-то не так сделал?
Да, вы что-то делаете не так
А что именно? Как правильно прописывать?
Доброе время суток! за статью спасибо познавательно, но вот почему у Вас самого на данной странице нет тега h2 проверял спецом?
Я нигде не писал что данный тег обязателен
Добрый день. А не подскажете, как сделать чтобы логотип сайта был в теге H1 на главной, а на других страницах просто ссылкой. Спасибо!
Это делается программирование через php. Если не знаете php то объяснить будет сложно