SEO-оптимизация блоггерского темплейта

В данной статье обозначу несколько рекомендаций по поводу поисковой оптимизации блоггерского шаблона.

Вероятно некоторым известен тот факт, что гугл читает тэг h1, точнее текст обрамленный данным тэгом, - самым главным заголовком страницы. И это означает, что  h1 – очень важный и полезный тэг для брата SEOшника. Однако частое его использование на одной странице не всегда желательно, так как в большинстве случаев, да и по логике, самый главный заголовок на странице должен быть один.

Исходим из вышеописанного утверждения, и принимаем её за неоспоримую условность.

Итак, на странице тэг h1 используем только один раз.

Продолжаем развивать тему.

В большинство представленных на выбор блоггерских темплейтов тэгом h1 обрамлен заголовок блога.  И так на всех страницах блога. То есть гугл помещая в индекс очередную страницу с этого ресурса каждый раз натыкается на один и тот же заголовок. Что в общем-то не есть хорошо. Намного эфективнее и оптимальнее, на мой взляд, было бы сделать следующее: на морде оставить все как есть, то бишь хидером1 обрамляем <h1>заголовок блога</h1>, а на всех остальных страницах <h1>название поста</h1>

Итак, сделаем это на нашем любимом блогспотовском блоге.

Примечание: Все экзекуции я производил исключительно на xml-шаблонах (конкретнее на Stretch Denim Light), так как старые классические html-шаблоны, имхо, потиху отмирают.

Значит так, логиннимся идем в макет править в ручную шаблон. Ищем что-то наподобии этого:

<h1 class='title'>  <b:if cond='data:blog.url == data:blog.homepageUrl'>    <data:title/>  <b:else/>    <a expr:href='data:blog.homepageUrl'><data:title/></a>  </b:if></h1>

Это вывод заголовка блога. Изменяем найденный блок на этот

<b:if cond='data:blog.pageType != "item"'>  <h1 class='title'>    <b:if cond='data:blog.url == data:blog.homepageUrl'>      <data:title/>    <b:else/>      <a expr:href='data:blog.homepageUrl'><data:title/></a>    </b:if>  </h1><b:else/>  <h2 class='title'>    <b:if cond='data:blog.url == data:blog.homepageUrl'>      <data:title/>    <b:else/>      <a expr:href='data:blog.homepageUrl'><data:title/></a>    </b:if>  </h2></b:if>

Здесь просто добавляется дополнительное условие – является страница мордой или нет. Если морда – то заголовок в h1, если нет- в h2.

Дальше проделываем все тоже самое с точностью до наоборот с блоком вывода названия поста. Ищем

<b:if cond='data:post.title'>  <h3 class='post-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>

и заменяем на

<b:if cond='data:post.title'>  <b:if cond='data:blog.pageType == "item"'>    <h1 class='post-title'>        <b:if cond='data:post.url'>          <a expr:href='data:post.url'><data:post.title/></a>        <b:else/>          <data:post.title/>        </b:if>    </h1>  <b:else/>    <h3 class='post-title'>        <b:if cond='data:post.url'>          <a expr:href='data:post.url'><data:post.title/></a>        <b:else/>          <data:post.title/>        </b:if>    </h3>  </b:if></b:if>

Дальше, если только кому надо, остается переопределить css классы соответствующих блоков на необходимые, дабы обеспечить надлежащий вид заголовков.

h1.title, h2.title {  line-height: 1.4em;  font-size: 150%;}h1.post-title, h3.post-title {  line-height: 1.2em;  font-size: 100%;}

Всё. Сохраняем темплэйт и проверяем все ли работает так как надо.

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

ту би континуед …

Давеча рылся во внутренностях Блоггерского тэплэйта. Пока изучал тэги шаблона, успел спалить на плите очередной чайник. Признаться, я являюсь самым беспощадным и безжалостным душегубцем чайников. На моей памяти это уже 4-ая или 5-ая жертва. В основном после 2-х часового кипения у чайника почему-то : ) отваливается носик. Последний отделался оплавленной пластмассовой ручкой на крышке и нездоровыми желтыми пятнами на стенках.

Возвращаюсь непосредственно к сабжу.

Значит, копаясь в дебрях шаблона, краем глаза я заметил в ссылках знакомую конструкцию rel=”nofollow”, многочисленные заметки о которой вскользь встречал на ресурсах seoшной направленности.

Вспомнились некоторые упоминания о данном атрибуте, примерный смысл которых в том, что для Гугла любая ссылка с таким атрибутом автоматически приобретает статус глубоко-фиолетовой. Такие ссылки игнорируются поисковыми роботами, которые «не следуют» на ссылочные страницы, не индексируют их в поисковой системе, и как в следствии не влияют на калькуляции веса PageRank’a.

Так вот, чисто для эксперимента, выкосив в ссылках все упоминания о nofollow и сохранив шаблон, к моему удивлению, все изменения успешно проапдэйтились. Почему-то я был уверен на 99%, что Блоггер пошлет меня подальше. No follow

Данное событие заставило меня озадачиться следующим вопросом:
- Имеет ли смысл выкашивать ссылки с атрибутом “nofollow”?

Любые мысли, оставленные в комментариях по этому поводу, приветствуются.