Оптимизация блога 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, чтобы отображение заголовка блога на главной не отличалось от названия на внутренней странице.

8 ответов к «Оптимизация блога Blogger на примере разбора Gitarkin Blog»

  1. Наталья, в пункте 2 нет текста с голубым выделением; — не нашла, поэтому дальше делать не стала….

  2. Исправила, скриншот выложить забыла.
    Ирина, о каких строчках идет речь? Если об этой <b:if cond='data:post.title'>, то их даже не две, а гораздо больше. Правим все, можно оставить неизменными лишь с наиболее релевантными заголовками.

  3. Спасибо, надо будет заняться. Отсутствовал долгое время..
    А с робот.тхт всё нормально? а то у меня заводские параметры и не знаю что к чему.
    А меня тут один вопросик возник: бывают шаблоны, которые статьи автоматически обрезают по дефолту (это когда не нужно самому использовать break-page функцию). Мне интересно можно ли это где-нибудь отключить? Чтобы самому регулировать длину поста на заглавной странице.

  4. Gitarkin, robots.txt можете скопировать с моего, лишь изменив карту сайта.

    Запрет ярлыков определяется строчкой /search
    Запрет архивов для яндекса — строчкой /*archive.html

    Для гугла запретите индексацию архивов, настроив "Персонализированные теги robots для заголовков" — этот пункт вы найдете в админке блога в настройках поиска. Для заголовка "Архив и страницы поиска" поставьте галочки напротив noindex, nofollow, noarchive.

    Скриншот http://content.screencast.com/users/Mycrib/folders/Jing/media/cc678f47-ca9c-4491-946d-6f2a673a3d27/2013-06-08_1144.png

    Gitarkin, приведи пример такого блога (дай ссылку на шаблон), поковыряюсь.

  5. Нужно удалить скрипт, который найдете перед </head>:

    <script type='text/javascript'>
    summary_noimg = 550;
    summary_img = 450;
    img_thumb_height = 150;
    img_thumb_width = 150;
    </script>
    <script type='text/javascript'>
    //<![CDATA[

    function removeHtmlTag(strx,chop){
    if(strx.indexOf("<")!=-1)
    {
    var s = strx.split("<");
    for(var i=0;i<s.length;i++){
    if(s[i].indexOf(">")!=-1){
    s[i] = s[i].substring(s[i].indexOf(">")+1,s[i].length);
    }
    }
    strx = s.join("");
    }
    chop = (chop < strx.length-1) ? chop : strx.length-2;
    while(strx.charAt(chop-1)!=' ' && strx.indexOf(' ',chop)!=-1) chop++;
    strx = strx.substring(0,chop-1);
    return strx+'…';
    }

    function createSummaryAndThumb(pID){
    var div = document.getElementById(pID);
    var imgtag = "";
    var img = div.getElementsByTagName("img");
    var summ = summary_noimg;
    if(img.length>=1) {
    imgtag = '<span><img src="'+img[0].src+'" width="'+img_thumb_width+'px" height="'+img_thumb_height+'px" class="postim rounded"/></span>';
    summ = summary_img;
    }

    var summary = imgtag + '<div>' + removeHtmlTag(div.innerHTML,summ) + '</div>';
    div.innerHTML = summary;
    }

    //]]>
    </script>

Добавить комментарий

Ваш адрес email не будет опубликован. Обязательные поля помечены *