Оптимизация Blogger (Blogspot)

• Региональные домены
• Мета-тег description
• Оформление 404 ошибки
• 301 редирект
• Файл robots.txt и sitemap
• Тег title и мета-теги robots и keywords
• Далее: "Как приобрести и прикрепить домен"
• Ранее: "Как правильно писать статьи в Blogspot"

Региональные домены блогов Google

Содержимое одного блога на Blogger можно найти по многим адресам [официальные пояснения]:

http://домен.blogspot.ru/
http://домен.blogspot.de/
http://домен.blogspot.sk/
http://домен.blogspot.nl/
и т.д. (более 200)

Главным (каноническим) из которых является http://домен.blogspot.com. Лишь он должен быть в индексе поисковых систем.

Код в шаблоне показать

<link expr:href="data:blog.canonicalUrl" rel="canonical"/>

Если государственные органы высылают запрос на удаление неугодного проекта, то блокируется не весь ресурс, а только его региональное зеркало.

Идея хорошая, но с точки зрения SEO, вызывает немалые трудности, такие как склейка региональных зеркал, частичное или полное выпадение сайта из индекса Яндекса, неудобство в размещении ссылок (они должны вести на канонический адрес) и т.д. Поэтому искренне советую как можно быстрее приобрести свой домен (искл. сайты-долгожители).

Вкладка Настройки-Основное

Настройки HTTPS

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

Не перешедшим на HTTPS переживать не стоит, для информационных сайтов в нём нет особой необходимости.

Вкладка Настройки-Настройки поиска

Метатеги

Описание (оно же мета-тег description) включить и заполнить поле для Главной страницы. После этого в боковой колонке у каждого сообщения при его изменении/написании появится пункт «Описание для поисковых систем».

Код в шаблоне показать

<b:if cond='data:blog.metaDescription != &quot;&quot;'>
    <meta expr:content='data:blog.metaDescription' name='description'/>
</b:if>

Ошибки и переадресации: 404 страница

Активировать «Персонализированное сообщение об ошибке "Страница не найдена"». В поле ниже ввести текст или код HTML. У меня он таков (о семантике можно не задумываться, 404-ых не должно быть в индексе поисковых систем):

<style>
body, .body-fauxcolumn-outer  {
 background: #f8f8f8;
}
</style>

<div style="color: red; font-size: 20px; font-weight: bold; text-align: center; background: #f8f8f8 url(http://4.bp.blogspot.com/-oKwlO_KTR5A/T2zWn4GadbI/AAAAAAAAC0U/RoBdswDpIuc/s1600/404.jpg) no-repeat 50% 0%; margin: 10px auto; padding: 435px 5px 0px 5px;">Запрашиваемая страница не найдена</div>

<div style="font-size: 17px; font-weight: bold; text-align: center;">ошибка 404 (<a href="http://shpargalkablog.ru/2012/03/404.html">что это?</a> )</div>

<br />

<div style="padding: 0 10px;">

  <span style="color: red; font-size: 17px; font-weight: bold;">Что делать?</span>

  <ol>
    <li>перезагрузить страницу (нажать F5)</li>
    <li>вновь ввести адрес страницы в строку браузера, возможно была допущена опечатка, например, вместо
      <pre>http://shpargalkablog.ru/2012/03/404.<b>html</b></pre>
     указано
      <pre>http://shpargalkablog.ru/2012/03/404.<b>htm</b></pre></li>
    <li>воспользоваться поиском <!-- код поиска ( от Яндекса, Google) --> </li>
    <li>поискать материал в разделах: <a href="http://shpargalkablog.ru/2010/07/razrabotka-bloga-v-blogger.html" title="Разработка, оформление дизайна и настройка блога на Blogger">Blogger</a> <a href="http://shpargalkablog.ru/p/html-css-javascript.html" title="Примеры HTML, CSS, JavaScript">HTML/CSS</a> <a href="http://shpargalkablog.ru/p/raskrutka-bloga.html" title="Оптимизация сайта своими руками (SEO обучение)">Оптимизация</a></li>
    <li>начать с <a href="/">Главной страницы</a></li>
  </ol> 

</div>

</br></br>

Код для оповещений в шаблоне показать

<b:includable id='status-message'>
  <b:if cond='data:navMessage'>
  <div class='status-msg-wrap'>
    <div class='status-msg-body'>
      <data:navMessage/>
    </div>
    <div class='status-msg-border'>
      <div class='status-msg-bg'>
        <div class='status-msg-hidden'><data:navMessage/></div>
      </div>
    </div>
  </div>
  <div style='clear: both;'/>
  </b:if>
</b:includable>

Чтобы для 404 страницы убрать не нужные обёртки, следует заключить код выше в соответствующее условие.

<b:includable id='status-message'>
  <b:if cond='data:navMessage'>
  <b:if cond='data:blog.pageType != &quot;error_page&quot;'>
  <div class='status-msg-wrap'>
    <div class='status-msg-body'>
      <data:navMessage/>
    </div>
    <div class='status-msg-border'>
      <div class='status-msg-bg'>
        <div class='status-msg-hidden'><data:navMessage/></div>
      </div>
    </div>
  </div>
  <div style='clear: both;'/>
  <b:else/>
    <data:navMessage/>
  </b:if>
  </b:if>
</b:includable>

Оно же используется чтобы с 404 страницы удалить боковую панель и растянуть содержимое оповещения на всю ширину блога.

Ошибки и переадресации: 301 редирект

При необходимости реализации 301 редиректа в Блогспот следует заполнить с какого на какой адрес блога будет сделано перенаправление. В URL нужно опустить домен и указать галочку "Всегда". Нельзя использовать регулярные выражения. Есть лимит вводимых адресов за определённый промежуток времени.

Поисковые роботы и индексация

Для персональных доменов лучше использовать свой файл robots.txt (предлагаю скопировать с моего).

User-agent: * 
Disallow:

Sitemap: http://домен/sitemap.xml
Sitemap: http://домен/sitemap-pages.xml

В Вебмастере Google добавить в качестве Sitemap ещё и

/feeds/posts/default?orderby=updated

Персонализированные теги robots для HTTP заголовков поддерживает только Гугл. Их желательно заменить на мета-теги (см. ниже).

Вкладка Шаблон-Изменить HTML

Оптимизация тега title

Строку в шаблоне

<title><data:blog.pageTitle/></title>

заменить на (искл. когда категории корректно оформлены)

<b:if cond='data:blog.url == data:blog.homepageUrl'>
  <title>Шпаргалка блоггера</title> <!-- на блоге название написано строчными буквами, а в поисковых системах с заглавной -->
  <meta content='стать, блоггером, блогером' name='keywords'/> <!-- ключевые слова для Главной страницы -->
<b:else/>
<b:if cond='data:blog.pageType == &quot;static_page&quot;'>
  <title><data:blog.pageName/> — <data:blog.title/></title> <!-- на Страницах title = заголовок статьи + название блога --> 
  <meta expr:content='data:blog.pageName + &quot; как сделать&quot;' name='keywords'/> <!-- "как сделать" - это общие слова, характерные для любой Страницы блога. Например, для сайта про машины - "авто автомобили" -->
<b:else/>
<b:if cond='data:blog.pageType == &quot;item&quot;'>
  <title><data:blog.pageName/> — <data:blog.title/></title>
  <meta expr:content='data:blog.pageName + &quot; как сделать&quot;' name='keywords'/>
<b:else/>
  <title><data:blog.pageTitle/></title>
  <meta content='noindex' name='robots'/>
</b:if>
</b:if>
</b:if>

Этим кодом Яндексу и Гугол запрещается индексировать всё (в том числе ярлыки, архив, поиск), кроме Главной, Страниц и Сообщений. Для того, чтобы поисковый робот не вносил в свою базу данных конкретную страницу ниже следует дописать:

<b:if cond='data:blog.url == &quot;http://shpargalkablog.ru/2012/02/soderzhanie1.html&quot;'>
  <meta content='noindex' name='robots'/>
</b:if>

Для тех кто не использует ярлыки в индексе Google ничего кроме Главной не должно быть по запросам

allinurl: -html site:сайт.com
allinurl: m=0 OR m=1 OR showComment OR commentPage OR utm_source site:сайт.com
site:сайт.com/*.html

Тоже самое в индексе Яндекса

site:сайт.com ~~ inurl:html
(inurl:archive | inurl:showComment | inurl:commentPage | inurl:m=0 | inurl:m=1 | inurl:utm_source) site:сайт.com

Оптимизация скорости загрузки Blogger

<b:include data='blog' name='all-head-content'/>

Эта строка содержит в себе ряд тегов, таких как canonical и description. Если решитесь её содержание воссоздать сами, то понадобятся коды изображений

data:blog.postImageUrl — картинка в полный размер
<b:if cond='data:blog.postImageUrl'>
  <link expr:href='data:blog.postImageUrl' rel='image_src'/>
</b:if>

data:blog.postImageThumbnailUrl — картинка s72-c (ширина 72px высота 72px)
<b:if cond='data:blog.postImageThumbnailUrl'>
  <link expr:href='data:blog.postImageThumbnailUrl' rel='image_src'/>
</b:if>

Убрать стандартные стили CSS для гаджетов

Только для самописных шаблонов! Например, на Шпаргалке блоггера свой шаблон и нет необходимости в стандартных стилях. Задача: закомментировать строки

<link type='text/css' rel='stylesheet' href='https://www.blogger.com/static/v1/widgets/3841957138-widget_css_bundle.css' />
<link type='text/css' rel='stylesheet' href='https://www.blogger.com/dyn-css/authorization.css' />

Для этого нужно

<b:skin> /* ...тут стили CSS... */ </b:skin>

заменить на

&lt;style&gt; &lt;!-- /*<b:skin>*/</b:skin><style>
section,main,nav,article,aside,hgroup,header,footer{display:block}time,mark{display:inline} /* HTML5 для старых IE */ 
/* ...тут стили CSS... */ 
</style>

Закомментировать скрипты в Blogspot

Я до конца не разобралась что JavaScript перед </body> делает, поэтому этот вариант не советую, но сама применяю.

Для этого нужно

</body>

заменить на

&lt;!-- </body> --&gt; &lt;/body&gt;

Нужно ли что-то делать с оповещением для стран ЕС

Я пока не решила нужно ли что-то делать с оповещением о куки для стран ЕС. Хостинг расположен в США, будут ли на него распространены законы ЕС? Нужно ли говорить посетителям, что помимо Гугл данные собирает и Яндекс?