
Здравствуйте, сегодня я подготовила третий обзор блога 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
- найти строчку <b:if cond='data:post.title'>
- ниже этой строчки вы увидите код, выделенный на скриншоте голубым выделением:
на следующий код<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> - Для того, чтобы на главной страницы посты блога выводились с использованием заголовка h2, а на внутренних h1, замените предыдущий код на следующий:
<b:if cond='data:blog.pageType == "item"'>
<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> - Не забудьте изменить стили для h1, иначе дизайн блога может сильно измениться, а в некоторых случаях и пострадать. Если вы хотите, чтобы отображение заголовков статей не изменилось, то найдите отрезок кода ]]></b:skin> и пропишите стили заголовков. Можно просто прописать стили для h1, такие же, как были прописаны для h2 (или h3). Придется изменить заголовок h2 – как известно, h2 должен быть по размеру меньше h1, а h3 < h2.
- Изменим заголовок блога так, чтобы он выводился только на главной странице в виде h1. Для этого изменим отрезок кода
<h1 class='title'>
<b:include name='title'/>
</h1>поменяем на
<b:if cond='data:blog.pageType != "item"'>
<h1 class='title'>
<b:include name='title'/>
</h1>
<b:else/>
<p class='title' id='nameblog'>
<b:include name='title'/>
</p>
</b:if> - Теперь меняем заголовки для виджетов с h2 на h3. Для этого находим все строчки в шаблоне вида:
<!-- only display title if it's non-empty -->
<b:if cond='data:title != ""'>
<h2 class='title'><data:title/></h2>
</b:if>и заменим их на
<!-- only display title if it's non-empty -->
<b:if cond='data:title != ""'>
<h3 class='title'><data:title/></h3>
</b:if> - Поменяйте код <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>Это позволит исключить дублирование название блога в заголовке. Так, например, если вы находитесь на странице записи, то она примет вид: Обзор блога Gitarkin Blog вместо Азбука блоггера: Обзор блога Gitarkin Blog.
- Осталось поправить стили для 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 {
бла-бла-бла} - Пропишем стили для заголовка блога на внутренней странице (здесь для него не используется тег заголовка). Найдите снова ]]></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, чтобы отображение заголовка блога на главной не отличалось от названия на внутренней странице.
Наталья, в пункте 2 нет текста с голубым выделением; - не нашла, поэтому дальше делать не стала....
поставила галочку "расширить шаблоны виджета", нашлось две строчки ; какую изменять?
Исправила, скриншот выложить забыла.
Ирина, о каких строчках идет речь? Если об этой <b:if cond='data:post.title'>, то их даже не две, а гораздо больше. Правим все, можно оставить неизменными лишь с наиболее релевантными заголовками.
Спасибо, надо будет заняться. Отсутствовал долгое время..
А с робот.тхт всё нормально? а то у меня заводские параметры и не знаю что к чему.
А меня тут один вопросик возник: бывают шаблоны, которые статьи автоматически обрезают по дефолту (это когда не нужно самому использовать break-page функцию). Мне интересно можно ли это где-нибудь отключить? Чтобы самому регулировать длину поста на заглавной странице.
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, приведи пример такого блога (дай ссылку на шаблон), поковыряюсь.
вот пример: http://btemplates.com/2013/blogger-template-covenant/demo/
Нужно удалить скрипт, который найдете перед </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>
Большое спасибо! Всё получилось!