2013-02-25

Обзор блога Gitarkin Blog

обзор блога
Здравствуйте, сегодня я подготовила третий обзор блога Gitarkin Blog для победителя акции “Самый активнй комментатор” – 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 комментариев :

Ирина Кудрявцева комментирует...

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

Ирина Кудрявцева комментирует...

поставила галочку "расширить шаблоны виджета", нашлось две строчки ; какую изменять?

Mycrib комментирует...

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

Gitarkin комментирует...

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

Mycrib комментирует...

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, приведи пример такого блога (дай ссылку на шаблон), поковыряюсь.


Gitarkin комментирует...

вот пример: http://btemplates.com/2013/blogger-template-covenant/demo/

Mycrib комментирует...

Нужно удалить скрипт, который найдете перед </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>


Gitarkin комментирует...

Большое спасибо! Всё получилось!

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

Комментарии, содержащие ненормативную лексику, спам, оскорбления, публиковаться не будут. Ели вы хотите опубликовать код в комментарии, то воспользуйтесь encoder HTML