Оптимизация блога Blogger на примере разбора Gitarkin Blog

Здравствуйте, сегодня я подготовила третий обзор блога Gitarkin Blog - http://gitarkinas.blogspot.com/ для победителя акции “Самый активнй комментатор” – Gitarkin. Блог англоязычный, поэтому анализировать мне его было сложнее всего. Посмотрим, что получилось..
Сразу отмечу, что сайт имеет приятный дизайн, используется зарубежный паблик шаблон. В верхней части блога – надстройка гугл переводчик, что удобно для таких как я – владеющих английским... только со словарем .
Проверила показатели по сервису – pr-cy.ru. В этом блоге также плохая индексация, думаю, что она связана с переходом blogspot на региональный домен. Активное обновление блога уникальными материалами плюс анонсы в социальные сети должны исправить ситуацию.Положительные моменты:

• регулярные обновления,
• ненавязчивая реклама,
• под каждой записью виджет похожих сообщений (я бы убрала его с главной и оставила лишь на странице записи)
• связь с социальными сетями – есть кнопки гугл +, ссылка на страницу facebook, pinterest, surfingbird и другие.

Сео оптимизация:

• Много внешних ссылок со станиц блога, их количество составляет 58. Нужно почистить шаблон от внешних ссылок.
• В блоге есть метатег description (описание), но нет keywords (ключевых слов). О том, как прописать ключевые слова в blogger, я уже писала в обзоре блога Made By Hands.
• Советую оптимизировать шаблон (в тегах h2 прописаны названия виджетов (Followers, Facebook Badge, Labels), а названия записей – в тегах h3. Получается, что названия виджетов должны быть более релевантным тематики блога, что не соответствует действительности. Для того, чтобы изменить заголовки h1. h2, h3 в blogspot нужно зайти в редактор шаблона html
   
  1. найти строчку <b:if cond='data:post.title'>
  2. ниже этой строчки вы увидите код, выделенный на скриншоте голубым выделением:
     
     
     на следующий код

     <b:if cond='data:post.title'>
     <h3 class='post-title entry-title'>
     <b:if cond='data:post.link'>
     <a expr:href='data:post.link'><data:post.title/></a>
     <b:else/>
     <b:if cond='data:post.url'>
     <a expr:href='data:post.url'><data:post.title/></a>
     <b:else/>
     <data:post.title/>
     </b:if>
     </b:if>
     </h3>
     </b:if>

  3. Для того, чтобы на главной страницы посты блога выводились с использованием заголовка h2, а на внутренних h1, замените предыдущий код на следующий:
     
     

     <b:if cond='data:blog.pageType == &quot;item&quot;'>
     <a expr:name='data:post.id'/>
     <b:if cond='data:post.title'>
     <h1 class='post-title entry-title'>
     <b:if cond='data:post.link'>
     <data:post.title/>
     <b:else/>
     <b:if cond='data:post.url'>
     <data:post.title/>
     <b:else/>
     <data:post.title/>
     </b:if>
     </b:if>
     </h1>
     </b:if>
     <b:else/>
     <a expr:name='data:post.id'/>
     <b:if cond='data:post.title'>
     <h2 class='post-title entry-title'>
     <b:if cond='data:post.link'>
     <a expr:href='data:post.link'><data:post.title/></a>
     <b:else/>
     <b:if cond='data:post.url'>
     <a expr:href='data:post.url'><data:post.title/></a>
     <b:else/>
     <data:post.title/>
     </b:if>
     </b:if>
     </h2>
     </b:if>
     </b:if>

  4. Не забудьте изменить стили для h1, иначе дизайн блога может сильно измениться, а в некоторых случаях и пострадать. Если вы хотите, чтобы отображение заголовков статей не изменилось, то найдите отрезок кода ]]></b:skin> и пропишите стили заголовков. Можно просто прописать стили для h1, такие же, как были прописаны для h2 (или h3). Придется изменить заголовок h2 – как известно, h2 должен быть по размеру меньше h1, а h3 < h2.
  5. Изменим заголовок блога так, чтобы он выводился только на главной странице в виде h1. Для этого изменим отрезок кода
     
     

     <h1 class='title'>
     <b:include name='title'/>
     </h1>

     поменяем на

     <b:if cond='data:blog.pageType != &quot;item&quot;'>
     <h1 class='title'>
     <b:include name='title'/>
     </h1>
     <b:else/>
     <p class='title' id='nameblog'>
     <b:include name='title'/>
     </p>
     </b:if>

  6. Теперь меняем заголовки для виджетов с h2 на h3. Для этого находим все строчки в шаблоне вида:
     
     

     <!-- only display title if it's non-empty -->
     <b:if cond='data:title != &quot;&quot;'>
     <h2 class='title'><data:title/></h2>
     </b:if>

     и заменим их на

     <!-- only display title if it's non-empty -->
     <b:if cond='data:title != &quot;&quot;'>
     <h3 class='title'><data:title/></h3>
     </b:if>

  7. Поменяйте код <title><data:blog.pageTitle/></title> 
     на отрезок кода
     

     <b:if cond='data:blog.pageType == &quot;index&quot;'>
     <title><data:blog.title/></title>
     <b:else/>
     <title><data:blog.pageName/></title>
     </b:if>

     Это позволит исключить дублирование название блога в заголовке. Так, например, если вы находитесь на странице записи, то она примет вид: Обзор блога Gitarkin Blog вместо Азбука блоггера: Обзор блога Gitarkin Blog.

  8. Осталось поправить стили для h1, h2 и h3 под ваш дизайн блога. Если вы хотите, чтобы отображение заголовков статей не изменилось, то найдите отрезок кода ]]></b:skin> и измените стили заголовков. Можно просто прописать стили для h1, такие же, как были прописаны для h2 (или h3). Заменим код
     
     

     h3.post-title {
     бла-бла-бла}
     h3.post-title a {
     бла-бла-бла}
     h3.post-title a:hover {
     бла-бла-бла}

     на отрезок кода:

     h2.post-title {
     бла-бла-бла}
     h2.post-title a {
     бла-бла-бла}
     h2.post-title a:hover {
     бла-бла-бла}

  9. Пропишем стили для заголовка блога на внутренней странице (здесь для него не используется тег заголовка). Найдите снова ]]></b:skin> и перед ним добавьте отрезок кода
     

     #nameblog  {
     font: normal normal 53px Georgia, Times New Roman;
     text-shadow: 1px 1px 3px rgba(0, 0, 0, 0.3);
     letter-spacing: -3px;
     margin:0px;
     color: #c26205;
     padding:0px 25px 0px 10px;
     }
     #nameblog a {
     color: #c26205;
     margin:0px;
     padding:0px;
     }

     В стилях #nameblog скопируйте стили .Header h1, чтобы отображение заголовка блога на главной не отличалось от названия на внутренней странице.