К основному контенту

Как изменить заголовки 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. Здорово все поправлено , благодарю !

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

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

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

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

На днях случилось так, что моя капсульная кофемашина Krups KP 1002 (1006/1009) ( описание кофемашины ), продающаяся у нас под брендом Nescafe Dolce Gusto перестала работать. Поломка выражалась в том, что машина не качала воду из резервуара и, соответственно, не наливала кофе. Характерной деталью этой поломки был также изменившийся звук ее работы. Вместо привычного громкого шумного наливания кофе, кофемашина еле-еле бурчала. Да, и еще - не задолго до этого кофеварка также стала подтекать.

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

В преступном мире всегда были, есть и будут разработчики воровских, мошеннических и разбойных схем и организаторы их воплощения – своего рода «белые воротнички», не связывающиеся с «кровью и грязью», которые зачастую сопутствуют темным делам исполнителей грабежей.

Скачать Malwarebytes Anti-Malware Free бесплатно на русском языке с официального сайта!

Malwarebytes Anti Malware – это популярная и совершенно бесплатная утилита-антивирус для поиска и удаления с персонального компьютера или ноутбука таких распространенных вредоносных программ, как: руткиты, черви, троянские программы, программы-шпионы (клавиатурные и др.) и др. Для того, чтобы произвести чистку компьютера необходимо запустить программу и запустить в ней сканирование. Программа имеет русскую версию и предельно простой интерфейс для работы. Программа уже много лет пользуется заслуженной любовью и доверием пользователей во всем мире. Она также имеет высокие оценки известных международных изданий, таких как: AV TEST, PCMAG, CNET, а также сертифицирована ведущей в мире независимой тестовой лабораторией West Coast Labs. Возможности бесплатной версии Базовых функций бесплатной версии программы вполне достаточно, быть уверенным в надежной защите своего ПК. обнаружение и удаление вредоносных программ, которые мог пропустить антивирус; удаление