Как оптимизировать H-заголовок поста в шаблоне блога на Blogger (blogspot) под поисковые системы?

Дорогие друзья, в прошлом своём посте об оптимизации шаблона блога на Blogger под поисковые системы я остановился в основном на редактировании тега title. В этот раз я предлагаю продолжить тему оптимизации и поговорить об H-заголовке постов в шаблоне блога на Blogger (blogspot).

Для того чтобы понять важность такой оптимизации достаточно понять роль H-заголовков для поисковых систем. Роль эта не отличается от той, которая была заложена при создании языка HTML на основе правил разметки текста. H-заголовки задают структуру html-документа, а значит и соответствующее распределение приоритетов в тексте для поисковых систем.

Т.к. речь пойдёт о постах блога на Blogger (blogspot), обратимся к их H-заголовкам. По умолчанию они обычно имеют следующий вид:

<h3 class="post-title entry-title" itemprop="name">{название поста}</h3>

И так. Мы имеем тег H3, что вполне приемлемо для списка постов в том же архиве. В случае же со страницей поста мы можем получить нарушение иерархии содержания. Я говорю о том случае, когда и в тексте поста имеются заголовки. Очевидно, что название поста должно быть помещено в тег H1, а в самом посте должны использоваться заголовки H2, H3... Hn.

Оптимизация H-заголовка поста в шаблоне блога на Blogger

Если с теорией мы разобрались, то можно приступать и к практике.

Шаг 1. Для начала перейдем в раздел «Шаблон» и на всякий случай сделаем резервную копию шаблона. Для этого нажмите кнопку «Резервное копирование и восстановление» в правом верхнем углу страницы, а потом «Загрузить шаблон полностью» в открывшемся окне.

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

Шаг 2. Далее нажмем кнопку «Изменить HTML» на странице «Шаблон».

Шаг 3. В открывшемся окне выберите из списка «Список виджетов» виджет «Blog1».

Шаг 4. Кликните по стрелочке (вправо) на серой полоске с номерами строк для раскрытия кода виджета «Blog1».

Шаг 5. В списке инклудов (includable), входящих в виджет «Blog1», нас интересует тот, что с id='post' – кликаем стрелочку для его раскрытия.

Шаг 6. В открывшемся коде, найдите следующий фрагмент:

<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'>
    <h3 class='post-title entry-title' itemprop='name'><a expr:href='data:post.link'><data:post.title/></a></h3>
  <b:else/>
    <b:if cond='data:post.url'>
      <b:if cond='data:blog.url != data:post.url'>
        <h3 class='post-title entry-title' itemprop='name'><a expr:href='data:post.url'><data:post.title/></a></h3>
      <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>

Для наглядности я специально выделил жирным произведенные изменения. Таким образом, заголовок на странице поста у нас будет в теге H1, а в том же архиве H3.

Шаг 7. Нажмите кнопку «Сохранить шаблон», а после сохранения кликните крестик в окне «Изменить HTML».