Хлебные крошки

Автор поста: Николай Шихтенков | 27.07.2012 | 23:02

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

Для чего полезны хлебные крошки:

  1. Первое и наиболее важное – внутренняя навигация, юзабилити, перелинковка страниц.

  2. Второе, хлебные крошки полезны для поисковых систем, особенно для Google.

Хлебные крошки представляют из себя дорогу от главной страницы блога до внутренней (на какой вы находитесь в данный момент). Они устанавливаются в верхней части поста, над названием статьи.

На Blogspot они реализуются с помощью ярлыков/тегов которые присваиваются практически каждой статье.

Хлебные крошки имеют вид:

Подробнее:

Главная – Тег – Страница, на которой находится читатель.

Установка хлебных крошек, шаги установки:


Панель инструментов – шаблон (резервное копирование) – Изменить HTML – Приступить – Расширить шаблоны. Далее с помощью поиска найдите строчку:

<b:include data='top' name='status-message'/>

Сразу после нее вставьте код:

<b:include data='posts' name='breadcrumb'/>

Он является тегом хлебных крошек.

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

<b:includable id='main' var='top'>

Перед найденным кодом вставьте:

<b:includable id='breadcrumb' var='posts'>
<b:if cond='data:blog.homepageUrl == data:blog.url'>
<!--Не показывать на главной странице-->
<b:else/>
<b:if cond='data:blog.pageType == &quot;item&quot;'>
<div class='breadcrumbs'>
<a expr:href='data:blog.homepageUrl' rel='tag'>First page</a>
<b:loop values='data:posts' var='post'>
<b:if cond='data:post.labels'>
<b:loop values='data:post.labels' var='label'>
<b:if cond='data:label.isLast == &quot;true&quot;'> &#187;
<a expr:href='data:label.url' rel='tag'><data:label.name/></a>
</b:if>
</b:loop>
&#187; <span><data:post.title/></span>
</b:if>
</b:loop>
</div>
<b:else/>
<b:if cond='data:blog.pageType == &quot;archive&quot;'>
<div class='breadcrumbs'>
<a expr:href='data:blog.homepageUrl'>First page</a> &#187; <data:blog.pageName/>
</div>
<b:else/>
<b:if cond='data:blog.pageType == &quot;index&quot;'>
<div class='breadcrumbs'>
<b:if cond='data:blog.pageName == &quot;&quot;'>
<a expr:href='data:blog.homepageUrl'>First page</a> &#187;
<b:else/>
<a expr:href='data:blog.homepageUrl'>First page</a> &#187;
<data:blog.pageName/>
</b:if>
</div>
</b:if>
</b:if>
</b:if>
</b:if>
</b:includable>

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

0 коммент.:

 
Все права защищены.
Copyright © 2011-
Avitra - Персональный SEO блог
При копировании материалов гиперссылка на БЛОГ обязательна.
All Rights Reserved
Вверх