Как изменить заголовки H1 и Title страниц в Blogger?

К сожалению, в блогах на сервисе Blogger (бывший Blogspot) сделано все, чтобы ваш блог никто и никогда не нашел. На всех страницах в качестве заголовка H1 прописано название блога. В постах заголовки идут стилем H3. В Title у постов зачем-то также дублируется заголовок блога.

Исправить это можно очень легко в шаблоне блога на Blogger:

Как изменить заголовки и Title страниц в блоге Blogspot?


Исправление заголовков H1 в Blogger


Задаём условие: если выводится «Главная страница», заголовок блога = h1, иначе просто тег a.

Найдите код:
        <h1 class='title'>
          <b:include name='title'/>
        </h1>
Замените на:
        <b:if cond='data:blog.pageType != &quot;item&quot;'>
        <b:if cond='data:blog.pageType != &quot;static_page&quot;'>
          <h1 class='title'><b:include name='title'/></h1>
        <b:else/>
          <a href='/' expr:title='"На главную страницу «" + data:title + "»"'><data:title/></a>
        </b:if><b:else/>
          <a href='/' expr:title='"На главную страницу «" + data:title + "»"'><data:title/></a>
        </b:if>

Найдите код:
          <div expr:style='&quot;background-image: url(\&quot;&quot; + data:sourceUrl + &quot;\&quot;); &quot;                        + &quot;background-position: &quot;                        + data:backgroundPositionStyleStr + &quot;; &quot;                        + data:widthStyleStr                        + &quot;min-height: &quot; + data:height                        + &quot;_height: &quot; + data:height                        + &quot;background-repeat: no-repeat; &quot;' id='header-inner'>
            <div class='titlewrapper' style='background: transparent'>
              <h1 class='title' style='background: transparent; border-width: 0px'>
                <b:include name='title'/>
              </h1>
Замените на:
          <div expr:style='&quot;background-image: url(\&quot;&quot; + data:sourceUrl + &quot;\&quot;); &quot;                        + &quot;background-position: &quot;                        + data:backgroundPositionStyleStr + &quot;; &quot;                        + data:widthStyleStr                        + &quot;min-height: &quot; + data:height                        + &quot;_height: &quot; + data:height                        + &quot;background-repeat: no-repeat; &quot;' id='header-inner'>
            <div class='titlewrapper' style='background: transparent'>
              <b:if cond='data:blog.pageType != &quot;item&quot;'>
              <b:if cond='data:blog.pageType != &quot;static_page&quot;'>
                <h1 class='title' style='background: transparent; border-width: 0px'>
                  <b:include name='title'/>
                </h1>
              <b:else/>
                <a href='/' expr:title='"На главную страницу «" + data:title + "»"' class='title' style='background: transparent; border-width: 0px'><data:title/></a>
              </b:if><b:else/>
                <a href='/' expr:title='"На главную страницу «" + data:title + "»"' class='title' style='background: transparent; border-width: 0px'><data:title/></a>
              </b:if>

Исправляем заголовки у постов блога: если выводится Главная страница, то заголовок сообщения = h2, иначе = h1.

Найдите код:
    <a expr:name='data:post.id'/>
    <b:if cond='data:post.title'>
      <h3 class='post-title entry-title' itemprop='name'>
      <b:if cond='data:post.link'>
        <a expr:href='data:post.link'><data:post.title/></a>
      <b:else/>
        <b:if cond='data:post.url'>
          <b:if cond='data:blog.url != data:post.url'>
            <a expr:href='data:post.url'><data:post.title/></a>
          <b:else/>
            <data:post.title/>
          </b:if>
        <b:else/>
          <data:post.title/>
        </b:if>
      </b:if>
      </h3>
    </b:if>

Замените на:
    <a expr:name='data:post.id'/>
    <b:if cond='data:post.title'>
      <b:if cond='data:post.link'>
        <h2 class='post-title entry-title' itemprop='name'>
          <a expr:href='data:post.link'><data:post.title/></a>
        </h2>
      <b:else/>
        <b:if cond='data:post.url'>
          <b:if cond='data:blog.url != data:post.url'>
            <h2 class='post-title entry-title' itemprop='name'>
              <a expr:href='data:post.url'><data:post.title/></a>
            </h2>
          <b:else/>
            <h1 class='post-title entry-title' itemprop='name'>
              <data:post.title/>
            </h1>
          </b:if>
        <b:else/>
          <h1 class='post-title entry-title' itemprop='name'>
            <data:post.title/>
          </h1>
        </b:if>
      </b:if>
    </b:if>

Исправление Title в постах блога на Blogger


Найдите код:
<title><data:blog.pageTitle/></title>

Замените на:
<b:if cond='data:blog.pageType == "index"'>
  <title><data:blog.title/></title>
<b:else/>
  <title><data:blog.pageName/></title>
</b:if>

Исправляем даты постов 


По-умолчанию даты постов выводятся стилем H2, отъедая нужный "вес" у остальных подзаголовков сообщения. Сделаем даты постов простым стилем P:

Найдите код (может встречаться 2 раза):
<h2 class='date-header'><span><data:post.dateHeader/></span></h2>

Замените на:
<p class='date-header'><span><data:post.dateHeader/></span></p>


Теперь в постах вашего блога будут нормальные SEO заголовки и SEO Title!

Комментарии

  1. Здравствуйте, Александр! Очень хорошая статья, а главное полезная. Подскажите, пожалуйста, я сделал всё по инструкции в чистом тестовом блоге, посмотрел код страницы - всё стало как подобает, а уже в рабочий блог поставил код - изменений нет, заголовки сообщений так же с тегом H3. С чем это может быть связано? Стоит стандартный шаблон "Легкость", но уже многое перетерпел, много тестил на нём и учился. Тут как сказать, направление, в каком копать. И еще один вопрос, а как изменить Title в ярлыке? Поменять местами "название блога: Ярлык" наоборот? Заранее огромное спасибо, уже то помогли неимоверно своей статьёй.

    ОтветитьУдалить
  2. Этот комментарий был удален автором.

    ОтветитьУдалить
  3. Спасибо, очень помог. Примел в порядок все теги, а мысль такая пришла после проверки иерархии тегов на этом сайте: https://arsenkin.ru/tools/check-h/
    В моем блоге теперь ошибок больше нет. Убрал теги с блоков заголовков и с даты. Пришлось повозиться час где-то, хотя на деле все можно было быстрее сделать: https://www.online-zarabotai.ru/
    Буду смотреть на результаты. Думаю, что на результаты выдачи это должно хоть немного повлиять в лучшую сторону.

    ОтветитьУдалить

Отправить комментарий

Рекомендуйте нас в соцсетях!

Популярные сообщения из этого блога

Кофемашина Krups KP 1002 (1006/1009) Nescafe Dolce Gusto не качает воду. Ремонт своими руками!

Цены на услуги хакеров. Почем сегодня стоит взлом?

Скачать DayZ Launcher (DayZ Commander) - ARMA 2 OA (Steam) лаунчер для DayZ Mod