Оптимизация шаблона блога на Blogger под поисковые системы

Краткое руководство для начинающих веб-мастеров по технической оптимизации блогов на блогхостинге Blogger (blogspot) под поисковые системы. Оптимизация тега title, метатега description и keywords.

Шаблоны на блогхостинге Blogger часто уже содержат разметку данных в микроформатах hAtom, BlogPosting и т. a;д., что облегчает нашу задачу. Но поработать над тегом TITLE, мета-тегом description и keywords придётся самостоятельно. В данной статье я предлагаю вам пошаговую инструкцию по оптимизации шаблона блога на Blogger (blogspot) для начинающих веб-мастеров. Надеюсь, она будет вам полезна.

Ссылка на веб-страницу в выдаче поисковой системы

Каждый результат в поисковой выдаче (SERP) состоит из набора данных. Как минимум это: URL-адрес, ссылка и краткое описание. Например:

ссылка сайта в поисковой выдаче Google

Эти данные поисковая система получает с проиндексированной веб-страницы. Если посмотреть её исходный код, мы увидим, что текст ссылки взят из тега TITLE, а краткое описание – из мета-тега description.

Тег title и мета-тег description в исходном коде веб-страницы

В случае их отсутствуют и/или необходимости составления более релевантного ответа, поисковая система может использоваться и другие данные. Но чаще используются именно приведённые.

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

TITLE и description в блогах на Blogger

TITLE в блогах на Blogger

В большинстве шаблонов блогов на блогплатформе Blogger (по умолчанию) имеется следующий код создания тега TITLE:

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

Для этого используется шаблонная переменная data:blog.pageTitle. Её значение состоит из названия блога и название страницы, разделенных знаком двоеточия (:). Именно в такой последовательности!

Если учесть, что длинна заголовкв в выдаче поисковых систем ограничена, мы можем получить не слишком информативный результат, например:

Урезанный заголовок в выдачи поисковой системы Google

Это не смертельно, но оказывает своё негативное влияние на кликкабельность ссылки в поисковой выдаче.

Description в блогах на Blogger

Краткого описания содержания веб-страницы, т. е. мета-тега description, в блогах на Blogger генерируется и вставляется автоматически в месте использования следующей строки кода шаблона:

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

Примечание: для этого понадобится произвести соответствующие настройки блога на Blogger.

Для вашего удобства, приведу краткую инструкцию нужных действий:

1. Перейдите в раздел «Настройки» вашего блога в админке Blogger.

2. Кликните пункт «Настройки поиска».

   

3. На открывшееся странице, в разделе «Метатеги», кликните ссылку &lquo;Изменить» для параметра «Описание».

4. На вопрос «Включить описание для поисковых систем?» выберите вариант «Да».

   

5. В появившееся поле для краткого описания блога в целом, рекомендую ничего не прописывать.
6. Нажмите кнопку «Сохранить изменения».

Таким образом, на странице редактирования сообщения (поста блога), в секции «Настройки сообщения» у вас появится опция «Описание для поисковых систем».

Редактирование описания (description) отдельно взятого поста на blogger (blogspot)

Примечание: в этой же секции можно указать и параметр «Постоянная ссылка», что положительно скажется на продвижении сайта в поисковых системах.

Как оптимизировать шаблон блога на Blogger?

Ну а теперь перейдём к редактированию шаблона блога на Blogger (blogspot).

Шаг 1. Перейдите в раздел «Шаблон» и (на всякий случай) сделайте его резервную копию.

Для этого кликните кнопку «Резервное копирование и восстановление» (находится в правом верхнем углу страницы), а потом (в открывшемся окне) кнопку «Загрузить шаблон полностью».

резервное копирование шаблона блога в Blogger

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

Шаг 2. Кликаем кнопку «Изменить HTML» на странице «Шаблон».

Изменить (редактировать) шаблон в Blogger

Шаг 3. В открывшемся окне найдите строку:

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

и замените её следующими строками:

<b:if cond='data:blog.pageType == &quot;index&quot;'>
  <title><data:blog.title/></title>
<b:elseif cond='data:blog.pageType == &quot;item&quot;'/>
  <title><data:blog.pageName/></title>
<b:else/>
  <title><data:blog.pageName/> | <data:blog.title/></title>
</b:if>

Разберём этот код подробнее.

В приведенных условиях, используется шаблонная переменная data:blog.pageType. Её значением является тип страницы:

• index – главная страница (в том числе и страницы пагинации),
• item – страница сообщения (поста блога),
• static_page – статическая страница,
• archive – страницы архива
• и т.д.

Таким образом, на главной странице блога (index), в теге TITLE выводится значение шаблонной переменной data:blog.title – название блога, указанное в настройках блога.

На странице сообщения блога (item), в тега TITLE выводится значение шаблонной переменной data:blog.pageName – название страницы (заголовок поста, указанный вами при его редактировании), без названия блога.

В остальных случаях выводятся значения шаблонных переменных data:blog.pageName (название страницы) и data:blog.title (название блога), разделенных символом вертикальной черты (|). Это более информативная последовательностью данных для текста ссылок в поисковой выдаче.

Примечание: при желании вы можете создать и более сложную конструкцию, комбинируя последовательностью шаблонных переменных. Однако, приведённого варианта будет достаточно для нормальной оптимизации блога на Blogger под поисковые системы.

Шаг 4. Нажмите кнопку «Сохранить шаблон».

Дополнительная оптимизация блога на Blogger

Код верификации только на главной странице

При регистрации сайта в сервисах для веб-мастеров поисковых систем вам потребуется подтвердить права на владение сайтом. Для этого проще установить мета-тег верификации. Его присутствие необходимо лишь на главной странице вашего блога. Для этого я рекомендую ставить такие мета-теги для типа страниц index (главная), например:

<b:if cond='data:blog.pageType == &quot;index&quot;'>
  <title><data:blog.title/></title>
  <meta content='541f98001edfb85e' name='yandex-verification'/>
…

Примечание: это доработка ранее приведенного примера кода генерации тега TITLE (см. тут).

Описание для главной страницы в блоге на Blogger

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

<b:if cond='data:blog.pageType == &quot;index&quot;'>
  <title><data:blog.title/></title>
  <meta content='Создание и оптимизация сайтов. Продвижение сайтов в поисковых системах и социальных медиа. Инфобизнес и Forex. Мотивация и путь к успеху.' name='description'/>
…

Примечание: это доработка ранее приведенного примера кода генерации тега title (см. тут). Напомню и то, что описание для статических страниц и записей в блогах на Blogger указывается в настройках сообщения.

Описание для страниц архива блога на Blogger

Среди устанавливаемых на блог гаджетов я рекомендую установить и гаджет «Архив блога».

Гаджет архива для блога на blogger

Примечание: лучше всего выбрать стиль «Простой список», а частоту обновления архива «кажд.месяц». Таким образом, мы обеспечим наличие ссылок на все опубликованные в блоге записи, что будет способствовать их лучшей индексации.

Пример настройки гаджета архив блога для блога на Blogger

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

<b:elseif cond='data:blog.pageType == &quot;archive&quot;'/>
  <meta expr:content='&quot;Архив постов блога &quot; + data:blog.title + &quot; за &quot; + data:blog.pageName' name='description'/>
...

Такое описание подойдёт для любого блога, и может быть вставлено после условия для главной страницы (index).

Мета-тег keywords для блогов на Blogger

Я не вижу смысла в использовании мета-теге keywords, но если у вас есть такое желание, то и оно может быть реализовано на Blogger. Так, в качестве ключевых слов, можно использовать названия тегов, выбранных для той или иной статьи в блоге. Конечно, сам мета-тег keywords не сможет присутствовать в секции HEAD, но зато он будет в коде веб-страницы.

Для этого в кода шаблона найти следующую строку:

<b:includable id='post' var='post'>

Именно в приделах данного инклуда, нужно вставить следующий код:

<b:if cond='data:blog.pageType == &quot;item&quot;'>
&lt;meta name=&quot;news_keywords&quot; content=&quot;<b:loop values='data:post.labels' var='label'><data:label.name/><b:if cond='data:label.isLast != &quot;true&quot;'>, </b:if></b:loop>&quot;/&gt;
</b:if>

Примечание: обратите внимание, здесь я создаю мета-тег news_keywords, он хоть в какой-то степени актуален, но по аналогии можно создать и мета-тег keywords.

На этом у меня всё. Спасибо за внимание. Удачи!

Короткая ссылка: http://goo.gl/OWDlx4