Правильный код заголовка постов на блоге
Всем привет! В этом посте я хочу поговорить о достаточно важной составляющей блога - его заголовке. Если быть точнее, то не о самом содержимом заголовка, которое показывается пользователю, а именно о коде его вызова. Эта статья поможет сделать страницы записей более дружелюбными (оптимизированными) для поисковых систем. Уверен, что многим она будет полезна.
Я всегда почему-то наивно думал, что темы в wordpess по умолчанию оформляют заголовки записей тегом h1. Не тут-то было 
. Вот что я увидел, когда недавно случайно залез в код страницы.
<h2><a title="Постоянная ссылка: Мифы о wordstat или как наиболее точно рассчитать трафик по ключевым запросам?" rel="bookmark" href="https://sosnovskij.ru/wordstat-podschet-trafika/">Мифы о wordstat или как наиболее точно рассчитать трафик по ключевым запросам?</a></h2> |
Длинный код, не так ли? А что у вас? Посмотрите.
- Если вы оптимизируете страницы под определенные поисковые запросы, то очень важно, что ключевые слова (ключевое слово) находились в заголовке h1. Также при создании страницы необходимо придерживаться иерархии, чтобы, например, за заголовком 2-го уровня следовали заголовки 3-го или 4-го уровня (h3 или h4), но никак не, наоборот.
- Ссылка в заголовке поста на самого себя. Поисковый паук, анализируя информацию в теге h1, находит не только текст, но и другие теги. С точки зрения оптимизации считаю, что это не лучший ход. Вчера еще наткнулся на параграф в ководстве Лебедева "Про дом и про ссылки на самого себя". Вот главные выжимки:
А. Один из основных законов ориентирования на вебе и гипертекстовой навигации: ничто не должно содержать ссылку на само себя.
Б. Делать ссылку с логотипа на главную («домашнюю») страницу — хорошо и правильно. Но при этом надо избегать самой часто распространенной ошибки (ради которой и написан этот параграф) — если мы находимся дома, то ссылки «на главную» там быть не должно. Это относится и к другим местам на сайте: любая ссылка подразумевает перемещение.
Кстати Лебедев не только пишет, но и выполняет. Зайдите на банк Тинькова tcsbank.ru и убедитесь, что логотип на главной странице не содержит ссылки, а на внутренних линк на домашнюю страницу присутствует .
Теперь мои заголовки не содержат лишнюю информацию и находятся в теге h1, а не h2.
<h1>Мифы о wordstat или как наиболее точно рассчитать трафик по ключевым запросам?</h1> |
Пройдясь по некоторым блогам, я увидел, что многие заголовки имеют также второй уровень и ссылку. Поэтому рекомендую это исправить. Тем более дело это занимает не более 5-10 минут 
. Я думаю, что заголовки h1 отсутствуют не только в блогах на wordpress, но пример будет именно для этой системы управления сайтом. Редактировать необходимо файл single.php. В большинстве тем именно этот файл отвечает за вывод одиночной записи.
Итак, заголовок в wordpress у меня выводился следующим кодом:
<h2><a title="Постоянная ссылка: <?php the_title(); ?>" rel="bookmark" href="<?php the_permalink() ?>"><!--?php the_title(); ?--></a></h2> |
Теперь он сократился до:
<h1><!--?php the_title(); ?--></h1> |
В идеале он так и должен выглядеть. А все оформление стоит прописать в файле style.css. У меня заголовок был окружен дивом (<div>) с классом postInfo. Открываю style.css и ищу описание этого класса для h2 (изначально же он стоял).
.post .postInfo h2 { display:inline; float:left; width:468px; margin:0 0 0 20px; padding:0 0 5px 0; color:#669900; font-size:25px; font-weight:normal; line-height:28px; border-bottom:1px solid #e5e5e5; } |
Теперь же заголовок в теге h1, поэтому просто копируем стиль для h2, вставляем его где-нибудь рядом, и вместо h2 ставим h1. В итоге получаем такое же оформление, что и было раньше.
.post .postInfo h1 { display:inline; float:left; width:468px; margin:0 0 0 20px; padding:0 0 5px 0; color:#669900; font-size:25px; font-weight:normal; line-height:28px; border-bottom:1px solid #e5e5e5; } |
Ситуации с кодами вызова заголовка и стилями бывают совершенно разными на разных блогах. Если вы хотя бы немного разбираетесь (совсем чуть чуть) в css и php, то сможете проделать без труда тоже самое. Если же нет, то лучше обратиться к тем, кто сможет помочь.
Затратив 10 минут времени, можно сделать заголовки на блоге более привлекательными для поисковых систем, а код страницы немного чище . Еще хочу поблагодарить Андрея, который помог разобраться в некоторых моментах. А какие заголовки на ваших сайтах? Если у вас появились какие-нибудь вопросы, то задавайте их в комментариях - я постараюсь ответить.
(3 голос., в среднем: 5,00 из 5)
Загрузка...
Загрузка ...
Я — тысячник! Цель достигнута. 
Как я стал тысячником за 8 месяцев. Часть 2: наполнение и активность. 
Осторожно! WordPress создает много дублей! 
Честно Сереж, спасибо тебе что сказал поменять тег на h1, ибо наверно никогда бы такого не сделал. (просто забыл бы), а результаты как это повлияет на позиции увидим.
Тоже такая-же штука была, исправил подобным методом, думал не у кого такой батвы больше нет..
Считаю негативное влияние «ссылки на саму себя» мизерным.
Н1 .. Н4 — это самые что ни на есть основы поисковой оптимизации, на это реально стоит обращать внимание.
Привет! А я сделал заголовок в тегах h2, а вот в шапке страницы гружу такой же или похожий заголовок в теге h1. это из-за того что чем выше инфа на странице тем она важнее для ПС. Из этого следует сразу дизайн сайта под эту фишечку..
А я все думал, когда же ты исправишь
И еще, с этой страницы sosnovskij.ru/spasibo-za-kommentarij/ сделай ссылку на переход в запись на которой оставлен комментарий. Неудобно.
Чет с десертом какие-то проблемы сегодня…
Заголовки у меня давно уже правильными были, единственное, так это ссылку с главной на себя убрал. За это спасибо. А вот что я ещё слышал. Заголовок h1 должен быть на странице один. На главной — это заголовок блога, а на внутренних — это заголовок статей. И на внутренних заголовок блога должен переходить из h1 в h2 или h3. Вот
С точки зрения оптимизации — Ерунда! С точки зрения удобства для юзера — может быть.
А на H1 менять только в статье или отображение на главной тоже?
И еще, как убрать ссылку на себя только на главной?
So So Def,
.
.
Анализ рынка Форекс, я не думаю, что есть негативное влияние. Но считаю, что это не помогает
Михаил, поправил урл.
Смешной Новостной, все верно h1 лучше употреблять один раз.
Артур, это когда h1 стал ерундой в оптимизации? Как раз для пользователя практически ничего не меняется, кроме того, что пропадает ссылка с заголовка.
Andrew, только в статье. Как убрать ссылку на себя с главной не знаю
А у меня вот вопрос такой, насчет жирных ссылок:
Я в яндекс каталоге нахожу форумы моей тематики с высоким тИЦ, регистрируюсь там и в профиле ставлю ссылку на мой сайт, и описание с ключевыми словами. Что даст такая процедура? Сколько таких ссылок нужно? Кто реально опробовал это?
Павел, это даст обратные ссылки при условии, что яндекс эти страницы проиндексирует.
> Сколько таких ссылок нужно?
Для чего?
Для поднятия тИЦ хотя бы на 10. Я на нуле уже второй месяц сижу. Еще вопрос:
В яндексе вебмастер, там бэки обновляются каждый день или только при апе тИЦ?
Павел, нет определенного количества ссылок для поднятия тиц до 10.
В яндекс.вебмастере ссылки появляются по мере их индексации. Какая точная частота обновлений — без понятия, но точно не при апдейте тиц.
Вот за это спасибо, я тоже заметил, что заголовки в h2 а не в h1, но как то не обратил внимание и подумал, что так и надо. Щас пойду исправлю.
У меня на блоге название блога в хедере в тегах Н1 и оно всегда ссылкой на главную. Ниже в теле все посты, и они тоже в тегах Н1.
Открываем страницу заметки: в хедере по старому ссылка на главную в тегах Н1, и заголовок заметки также в Н1 но уже без ссылки на саму заметку.
Что мне нужно сделать. что бы было правильно?
И вообще нужно ли названия сайта в Н1 и с постоянной ссылкой?
Andrew, как вариант можно
, тогда ссылка будет появлятся только если ты не на главной странице, а логотип на всех.
Кстати, в футере тоже нужно ссылку на главную убирать, когда ты на главной?
nachbuh, код в комментариях обрезается.
«Смешной Новостной, все верно h1 лучше употреблять один раз.»
Это верно. Но только не лучше, а обязательно один раз употреблять h1. Кстати говоря, автор, залезьте в код хотя бы даже этой страницы и посмотрите, что у Вас два тега h1. надо бы исправить..
Павел, я делаю просто это — в файле шаблона (Сергей говорил — это файл single.php) заголовок блога, который обернут в , оборачиваю дополнительно в . Правда это работает только для Яндекса. Под Гугл же (если это нужно) придется сам тег убирать — а это уже изменит дизайн — тут вобщем думать уже надо )). Можно применить другой тег какой-нибудь и его класс также прописать, каким он прописан для — по схеме, описанной в этом посте Сергеем.
Про фишку с узнал где-то месяца 2 назад из топика seo2z на маултолке про внутреннюю оптимизацию, и с тех пор на всех своих сателлитах на ВП так и стал делать ))
Еще подумалось, что тогда и ссылку в категориях тоже нужно делать просто текстом.
Алексей, ага точно — 2 раза у Сосновского — как раз то, что у Павла прозвучало — заголовок самого блога и заголовок поста.
Сергей — недооптимизировал )))
Павел, h1 с в header желательно убрать. Ссылку можно оставить.
. Да, wordpress обрезает код в комментариях. Может быть, у вас есть материал на эту тему?
. Сам написал, а у самого лишний h1. Спасибо, сейчас поправлю. Надо бы в коде покопаться тщательнее.
nachbuh, полагаю, что наличие ссылки на главной на саму себя не слишком критично
Алексей, все верно
Заработать в интернете, имеется в виду оборачивание в noindex?
nachbuh, по сути да, и в категориях и в архивах и так далее.
Буквально неделю назад исправил весь шаблон на эту тему
Вот только H1 на главной так и не смог отдельно установить, чтоб он не дублировался на остальных страницах. А у меня вопрос по поводу заголовков: если на странице есть H1, а потом идёт H3, а H2 потом — в сайдбаре, то как лучше это поправить?
Sosnovskij, если по поводу вставки кода в комментарии есть плагины, вроде неплохие, сейчас не помню точно, если интересно, можно поискать. Убрать ссылку в логотипе можно через php, делал так на сайте, который в подписи. Чтобы убрать в футере, категориях и пр. даже не подумал. Наверно нужно тоже сделать.
seo-aspirant, я думаю вообще поисковые системы умеют разделять основной контент от сайдбара или, например, футера. В идеале, конечно, сайдбар лучше оформить без тегов h. Но, конечно, это не критично
. Для яндекса можно в noindex.
Sosnovskij, но вот тут же заголовки сайдбара оформлены в h3
Когда смотрю на часть дефолтной вёрстки шаблона своего блога, хочется взять и заново весь шаблон сверстать 
Только вот пока недостаточно компетентен для этого. Пойду попробую как-нибудь свою проблему с заголовками решить.
Кстати, по поводу вставки кода в комментариях, нашел в закладках
wordpressplugins.ru/faq/code-in-comments.html
Спасибо за информацию. Поменял теги в заголовках на , будем надеяться на повышение результатов выдачи и т.п. вещей
А комментарии со ссылками удаляются или просто задерживаются для ручной модерации?
Sosnovskij, Не h1 ерунда в оптимизации, а то есть ли ссылка в заголовке поста на самого себя или нет.
Заголовки стандартных виджетов с h2 на h3 или на h4 поменять так и не удалось. Решил проблему, отказавшись от стандартных виджетов. Просто для сайдбара написал отдельный код с выводом нужных блоков.
Спасибо за статью!
seo-aspirant, да, я знаю. Это все же в сайдбаре и h3-h4 — совсем не критично
. У меня кстати тема без виджетов. Все кодами вызывается.
nachbuh, да, спасибо за информацию. Единственная проблема, что многие не знают про теги code и pre
Артур, я так не считаю. Когда в теге h1 чистый текст или когда там еще стили, span, тег a и еще что-нибудь — разные вещи. Чистота кода никогда не была отрицательным фактором для поисковых систем.
nachbuh, модерации нет. Некоторые сообщения просто в спам попадают.
Правильно так:
<h1><?php the_title(); ?></h1>
Ссылку с главной легко убрать, если использовать отдельный шаблон главной страницы (для WordPress — home.php) или же специальные conditional tags:
<?php if(is_home()) { ?>
покажется только на главной странице
<?php } ?>
Но я лично считаю это абсолютно некритичным, как и ссылки со страницы на саму себя. Зачастую такие ссылки «убираются» простой стилизацией через css, то есть с помощью стилей (курсор делается обычной стрелкой) имитируется, будто бы это и не ссылки вообще. И в принципе в век шаблонов это вполне логичное решение.
Перспективный блоггер,
Вроде не только на главной, но и всех страницах, если переходить по навигации 1 2…
Можно еще так
[code]Этого не будет на главной странице[/code]
Перспективный блоггер, Ошибся
Этого не будет на главной страницеПерспективный блоггер, Не могу код вставить
Да простит меня автор, попробую еще раз
<?php if ($_SERVER[«REQUEST_URI»] !== «/»): ?>Этого не будет на главной странице<?php endif; ?>
nachbuh, да, верно, покажется на главной и страницах пейджинга. Только для главной или любой другой страницы сработает:
<?php if ($_SERVER[«REQUEST_URI»] == «/») { ?>
покажется только на странице с указанным адресом, в данном случае для главной «/»
<?php } ?>
Перспективный блоггер, спасибо, поправил.
У меня на блоге почти к каждой заметке есть картинка миниатюра, и эта картинка имеет ссылку на этот же пост. Нужно ли убрать такую ссылку? Я слыхал что картинки в постах с ссылками это хорошо. Но получается когда пост открываешь, ссылка в картинке ведет на этот же открытый пост, то есть сама на себя. Кто что скажет по этому поводу?
Павел, я стараюсь убирать ссылки с картинок. Где читали информацию, что ссылка на картинке — это хорошо?
В курсе freetorrents.org.ua/2135-kak-perestat-bespoitsja-o-pozicijakh-vashego.html
Хм, мне нужно в 50 постах убирать ссылку с картинок. Шя начну и вечером закончу.
Перспективный блоггер,
мне нужно убрать ссылку в хедере на главную страницу, как это должно выглядеть?
<?php if ($_SERVER["REQUEST_URI"] == “/”) { echo "» ?>
Или как правильно?
Павел, нет у меня доверия к авторам подобных курсов.
Понял, ссылки с картинок убираю. а вот насчет кода в хедере не пойму, как убрать ссылку на главную с главной? Сам готовый пример кода если можно
Павел, я так понял это не wordpress? Кроме него другие CMS я практически не пробовал.
Павел, Я делал так. Не очень конечно красиво, но работает.
<?php if ($_SERVER[«REQUEST_URI»] !== “/”): ?&qt;<a href=»/»&qt;<?php endif; ?&qt;<img src=»logo.jpg»&qt;<?php if ($_SERVER[«REQUEST_URI»] !== “/”): ?&qt;</a&qt;<?php endif; ?
Никак не привыкну, вставлять правильно код
<?php if ($_SERVER[«REQUEST_URI»] !== “/”): ? &qt;<a href=”/” &qt;<?php endif; ? &qt;<img src=”logo.jpg” &qt;<?php if ($_SERVER[«REQUEST_URI»] !== “/”): ? &qt;</a &qt;&la;?php endif; ? &qt;
Все равно не хочет, на всякий случай, там где & lt; — будет <
а там где & qt; — будет &qt;
Sosnovskij, У меня wordrpress
Вообще-то, Лебедев пишет про юзабилити сайта, что в данном примере никак не связано с оптимизацией сайта под ПС. Ссылка должна открывать новую страницу или что-то еще. Использовать ссылку, на ту же самую страницу, внутри заголовка — это просто не логично. А вот влияет она на что-нибудь или нет — думаю нет. Если посмотреть код страниц blogger.com, то там на странице стоит ссылка на саму себя. А ведь это made in google… Так что оставите вы ее или уберете — ничего не изменится. Единственное, что важно — это информация и соблюдение ее четкой структуры.
а вот этот пост был очень кстати!!! не обращал внимания что у меня нет h1 в заголовке(
спасибо за совет! побегу переделывать)
lepus, на некоторых темах на blogspot нет ссылки в заголовке. Нет, если я ошибаюсь, и на блогах в ya.ru. Безусловно, ссылка на самого себя это ничтожный фактор в оптимизации. Даже фактором это не назовешь.
. Я просто полагаю, когда в теге h1 просто текст, то это будет привлекательней для поискового бота: все чистенько и аккуратненько.
А еще считаю, что юзабилити и seo не должно друг друг мешать и противоречить
Хуже точно не будет
Но вот у меня, например, есть сайт на всех страницах которого один и тот же заголовок (h1) — название сайта, плюс везде кроме главной и разделов стоит h2, который соответствует тайтлу. Очень похоже на блоггер.ком, только ссылки в заголовках тоже убраны. Так вот большинство страниц в топе.
Спасибо, буду обращать внимание, хотя в моей теме (comfy) заголовок оказался «правильным» — в тегах H1
У меня движок DLE автоматически добавляет в исходный код страницы заголовок поста с тегом . Стоит ли при этом заключать сам заголовок в теги ?
У меня на WordPress стоит плагин Platinum Seo Pack, все теги расставляет сам
Andrey_bk, так если автоматически вставляется тег, зачем его второй раз вставлять?
Да просто я в комментарии написал теги в скобках и они не опубликовались. Я имел ввиду тег title
Andrey_bk, title в любом документе должен присутствовать. Это заголовок, но другой. В статье имеется в виду заголовок поста, а не название страницы. Тег title не нужно никакими тегами обрамлять.
Ясно. И вот еще вопрос из этой серии. Если в моем блоге открыть раздел — архитектурные стили, то открывается html страничка со списком кликабельных стилей. Так вот название этой страницы: Архитектурные стили (h1). Затем идет список стилей по категориям. Есть смысл присвоить названиям категорий (h2), а названиям самих стилей (h3)?
поздравляю с ТИЦ 425, хотя у многих он попадал
поздравляю с апом ТИЦ , а разве бывает 425?, я думал может быть только 420 или 430 =)))
Andrey_bk, Если у вас будут еще категории, то можно использовать для них h2. А вот для названий самих стилей, они же — ссылки, лучше завернуть их в список (li).
Влад, Gratters, спасибо. Как раз 420 или 430 не бывает. Минимальный шаг с увеличением показателя ТИЦ увеличивается.
Andrey_bk, я считаю, что стоит. Будет хорошая структура.
Andrey_bk, названия стилей = ссылки на эти стили?
Sosnovskij, похоже речь идет об этой странице — ptamka.ru/archistyles.html
Andrey_bk, тогда названия стилей не обязательно в h3
lepus, Если список завернуть в (li). Это даст какой-то эффект к поисковой оптимизации? Я понимаю, что это наверно риторический вопрос, но всякое бывает. Как вы считаете?
Sosnovskij, Ясно. В общем я так понял ссылки в любом случае не стоит закрывать в теги (h). А то я шаблон сам с нуля делал, поэтому про теги h вообще забыл=). Сейчас поправил, посмотрим что будет)
Andrey_bk, в любом случае, правильное использование структурных элементов упрощает жизнь поисковым роботам. Иначе они могут по-своему интерпретировать общую структуру документа.
Andrey_bk, в своем последнем комментарии lepus все верно подметил. Как-то определенно сказать, что li влияет на оптимизацию сложно.
А казалось, что всё известно, но на самом деле: «век живи, век учись».
Спасибо!
Кстати, а почему не убрал ссылку на главную на главной в хидере?
pTyCevod, я в этом посте хотел затронуть именно заголовок записи блога. Этот момент, что страница не должна ссылаться сама на себя нужно продумать при создании CMS. В wordpress так не задумано. Придумывать решения для этого я считаю не особо целесообразно в расчете «затраченные силы — эффективность». Как-то так
.
А что тут выдумывать, скопировал хидер в index.php, убрал лишнюю строчку и готово!
pTyCevod, насчет главной — да. Но такое надо тогда и с остальными страницами проделывать
. Вот тут и надо выдумывать-придумывать.
Заголовки постов в тегах h1, на главной странице расположены анонсы нескольких постов, следовательно на главной несколько h1, а рекомендуется только один h1 на странице (пардон за каламбур
). Это можно как нибудь поправить?
Strikestar, index.php надо править
.
Спасибо! … Я не обращал внимание, а у Меня тоже H2 в заголовке. Буду исправлять.
Интересно было бы увидеть зависимость правильного заголовка h1 и поискового трафика/позиций ключевых слов.
Сергей, вы еще не заметили какое-либо увеличение трафика на сайт в результате улучшения заголовков? Если результат будет заметным, то лучше, наверное, этому целый пост посвятить с подробной статистикой.
Но тут сложности с тем, что может из-за чего-то другого посещаемость вырастет: новые посты, новые ссылки, старые ссылки набирают возраст и вес. Но все же было бы интересно узнать результаты.
Андрей, трафик подрос на 50-70 посетителей в день примерно как раз после изменения кода вывода заголовка. Но как вы правильно заметили, факторов очень много и говорить о том, что сыграл именно h1 достаточно не правильно.
Спасибо за решение проблемы.. Сам на днях тоже столкнулся с этим недоразумением… А 3 месяца даже и не догадывался, что в некоторых ВП шаблонах такой косяк
По мне так без разницы что там сверху!) главное чтобы звучало хорошо…
Я так и не нашел у себя в стилях фрагмент .post .postInfo h2 {. А у Вас заголовок в h1, а у меня после того, как я заменил свой код на заголовок остался в h2. Мне надо будет переделать на h1?
Сергей, у меня такая проблема. На страницах постов (если открыть исходный код страницы) выводится в теге h1 и h2 название и описание главной страницы блога. Как их убрать в админке блога, чтобы в h1 выводилось название поста, а в h2 соответственно подзаголовок поста? Посоветуй что-нибудь.
Начинающий Интернет бизнесмен, обратиться к верстальщику
. Либо на форуме вордпресса спросить. Я, к сожалению, не особо силен в верстке.
Спасибо. Лучше знакомых программеров запрягу
Только что поменял заголовки после прочтения этой статьи. Спасибо за науку!
Хорошая статья! Тоже настраиваю заголовки. У меня возник вопрос: у вас на главной три ссылки на главную — с логотипа, из меню «главная» и из футера. Это правильно? Я поняла из статьи, что страница сама на себя не должна ссылаться несколько раз. Также получается, что с каждой single три ссылки на главную. Или они закрыты от индексации? Или это не важно? Буду рада услышать ответ.
cofeboom, то что ссылка на главную с логотипа и по ссылке «Главная» — ничего страшного. Внизу это конструкция от этого https://sosnovskij.ru/kak-sdelat-krasivye-url-v-google/ . Ставить ссылке на главную rel=’nofollow’ смысла нет, поэтому https://sosnovskij.ru/otvety-na-voprosy-8/
А сколько H2 на странице лучше размещать?
Эдуард Говнов, адекватное количество :).
Добрый день подскажите пожалуйста как сделать, чтобы логотип сайта в теге H1, был только на главной, а на остальных просто ссылкой. Заранее благодарен за помощь! Спасибо.
Wasija, к сожалению, не подскажу.
Самое главное, чтобы заголовок h1 был единственным на странице
То есть на каждой странице h1 это должен быть заголовок статьи, а если название сайта тоже h1, может h1 просто убрать с названия сайта и будет h1 только как заголовок статей?
Евгений, да, лучше убрать с названия сайта и оставить только на заголовке статьи.