Оптимизация заголовков в Blogger


Оптимизация заголовков в Blogger


Заголовки в родных шаблонах Blogger очень плохо оптимизированы, что выливается в большие проблемы. Поисковые системы плохо взаимодействуют с такими интернет ресурсами, а это напрямую сказывается на позиции сайта в поисковой выдаче.

Каждый раздел должен быть заключен в теги H1 - H6. Таким образом, выстраивается логическая структура сайта, помогающая поисковикам понимать где более важная информация, а где менее важный контент.

Сегодня, мы будем оптимизировать родные шаблоны блоггер и устранять ошибки в заголовках.


    Меняем местами название блога и статьи (ярлыка)


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

    Такая же картина на страницах ярлыков: заголовок блога идет впереди заголовка ярлыка. При чем, проблема отображения заголовков ярлыков присуща и новым темам (в новых, заголовок вообще отсутствует).

    Чтобы исправить данную ошибку, необходимо в шаблоне найти данную строку:

     для  старых тем: <title><data:blog.pageTitle/></title>

    Для новых тем: <title><data:view.title.escaped/></title>

    И заменяем ее следующим кодом:

    <b:include data='blog' name='all-head-content'/>
    <b:if cond='data:blog.pageType == &quot;item&quot;'>
    <title><data:blog.pageName/> | <data:blog.title/></title>
    <b:else/><b:if cond='data:blog.pageType == &quot;archive&quot;'>
    <title><data:blog.pageName/> | <data:blog.title/></title>
    <b:else/>
    <b:if cond='data:blog.pageType == &quot;static_page&quot;'>
    <title><data:blog.pageName/> | <data:blog.title/></title>
    <b:else/>
    <b:if cond='data:blog.searchLabel'>
    <title><data:blog.pageName/> | <data:blog.title/></title>
    <b:else/>
    <title><data:blog.pageTitle/></title>
    </b:if> </b:if> </b:if> </b:if>

    Оптимизация заголовков в сообщениях и страницах

    Чтобы оптимизировать заголовки сообщений и страниц, необходимо заменить определенный код шаблона на новый. У каждой темы будет свой код. Но объединять их будет следующая строка: post-title entry-title. С помощью данной фразы можно будет быстро найти нужный участок.

    Оптимизация в старых темах


    Чтобы оптимизировать заголовки в старых темах, необходимо в шаблоне найти следующий код (если встречается несколько раз, то заменяем второй):

    <h3 class='post-title entry-title' itemprop='name'>
    <b:if cond='data:post.link or (data:post.url and data:blog.url != data:post.url)'>
    <a expr:href='data:post.link ? data:post.link : data:post.url'><data:post.title/></a>
     <b:else/>
     <data:post.title/>
     </b:if>
     </h3>

    И заменить его на:

    <b:if cond='data:blog.pageType != &quot;index&quot;'>
    <h1 class='post-title entry-title'>
     <b:if cond='data:post.link or (data:post.url and data:view.url != data:post.url)'>
     <a expr:href='data:post.link ?: data:post.url'><data:post.title/></a>
    <b:else/>
    <data:post.title/>
    </b:if>
    </h1>
    </b:if>
    <b:if cond='data:blog.pageType == &quot;index&quot;'>
    <h2 class='post-title entry-title'>
    <b:if cond='data:post.link or (data:post.url and data:view.url != data:post.url)'>
    <a expr:href='data:post.link ?: data:post.url'><data:post.title/></a>
    <b:else/>
    <data:post.title/>
    </b:if>
    </h2>
    </b:if>

    Оптимизация в темах Contempo, Soho, Notable

    Находим код:

    <h3 class='post-title entry-title'>
    <b:if cond='data:post.link or (data:post.url and data:view.url != data:post.url)'>
    <a expr:href='data:post.link ?: data:post.url'><data:post.title/></a>
    <b:else/>
    <data:post.title/>
     </b:if>
    </h3>

    И заменяем на код, который использовали для старых тем. 

    Оптимизация в темах Emporio

    Находим следующий код (может встречаться 3 раза, нужен третий по счету):

    <h3 class='post-title entry-title'>
    <b:if cond='data:post.link or (data:post.url and data:view.url != data:post.url)'>
    <a expr:href='data:post.link ?: data:post.url'>
    <div class='snippet-container r-snippet-container'>
     <div class='r-snippetized'>
    <data:post.title/>
    </div>
     <b:if cond='data:post.title != &quot;&quot;'>
    <div class='snippet-fade r-snippet-fade hidden'/>
    </b:if>
    </div>
    </a>
    <b:else/>
     <data:post.title/>
    </b:if>
    </h3>

    Меняем на:

    <b:if cond='data:blog.pageType != &quot;index&quot;'>
    <h1 class='post-title entry-title'>
    <b:if cond='data:post.link or (data:post.url and data:view.url != data:post.url)'>
    <a expr:href='data:post.link ?: data:post.url'>
    <div class='snippet-container r-snippet-container'>
    <div class='r-snippetized'>
    <data:post.title/>
     </div>
     <b:if cond='data:post.title != &quot;&quot;'>
     <div class='snippet-fade r-snippet-fade hidden'/>
      </b:if>
      </div>
      </a>
     <b:else/>
     <data:post.title/>
     </b:if>
    </h1>
    </b:if>
    <b:if cond='data:blog.pageType == &quot;index&quot;'>
    <h2 class='post-title entry-title'>
    <b:if cond='data:post.link or (data:post.url and data:view.url != data:post.url)'>
    <a expr:href='data:post.link ?: data:post.url'>
     <div class='snippet-container r-snippet-container'>
     <div class='r-snippetized'>
     <data:post.title/>
      </div>
      <b:if cond='data:post.title != &quot;&quot;'>
     <div class='snippet-fade r-snippet-fade hidden'/>
     </b:if>
      </div>
       </a>
      <b:else/>
     <data:post.title/>
     </b:if>
     </h2>
    </b:if>
              

    Оптимизация заголовка в виджетах

    Часто, в блог пользователи добавляют различные виджеты:
    • Популярные сообщения;
    • Последние публикации;
    • Архив и т.д.
    По сути, данные заголовки не несут никакой важности для поисковых систем. Но только в Blogger, данные заголовки заключены в тег H2. И это сильно загоняет в ступор поисковики.

    Чтобы такого не случалось, необходимо тег H2, заменить на более низкий, например H3 или H4.

    Если у вас установлена новая тема, то вам делать ничего не надо. А вот для старых тем необходимо внести следующие изменения:

    Необходимо перейти к коду нужного виджета, например: популярные сообщения. Развернуть его полностью. И найти в нем строку: <h2><data:title/></h2>

    После чего, заменить теги h2 на h3, h4, h5 или h6.


    Рекомендуем

    Комментарии

    Анонимный написал(а)…
    После применения вашего кода для изменения/оптимизации заголовка в новых темах, началось дублирование description. Как это можно исправить? Спасибо!
    Александр написал(а)…
    Здравствуйте. Никакого дублирования description не должно быть. Оптимизация заголовков ни как не влияет на этот мета тег.