Страница 1 из 11
Модератор форума: Yuri_G 
Сообщество uCoz » Вебмастеру » Раскрутка сайта » Хлебные крошки в поисковой выдаче Google (навигационная цепочка ссылок вашего сайта)
Хлебные крошки в поисковой выдаче Google
сondor
Сообщений: 4662
Репутация: 1528

Сообщение # 1 | 23:10:57


Хлебные крошки в поисковой выдаче Google:



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

Главная страница → Раздел → Подраздел → Текущая страница


То есть, вы видите навигационную цепочку ссылок, начинающуюся от главной страницы сайта и продолжающаяся или кончающаяся на каком-либо разделе или материале. Чтобы возвратиться на предыдущий уровень этой навигации, достаточно кликнуть по нужной ссылке. Например, для перехода с текущего материала в категорию, в которой этот материал размещен, либо же на главную страницу сайта.
При определенном запросе на выдаче в поисковой системе Google у вашего сайта также отображается навигационная цепочка и имеет она вот такой вот вид:



Надеюсь, вы уже заметили, что наша навигация далеко отличается от красивой и читабельной навигационной цепочки, которая располагается на самом сайте.
Так как же сделать так, чтобы эти длинные и некрасивые ссылки в выдаче Google преобразились в опрятную навигационную цепочку хлебных крошек? Очень просто, благо для этого Google позволяет применять специальную разметку для реализации хлебных крошек.


От теории к практике:




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

Код
<a href="$HOME_PAGE_LINK$">Главная</a> » <a href="$MODULE_URL$">$MODULE_NAME$</a> » <a href="$SECTION_URL$">$SECTION_NAME$</a> » <a href="$CAT_URL$">$CAT_NAME$</a>


где:

$HOME_PAGE_LINK$ - адрес главной страницы сайта
$MODULE_URL$ - ссылка на страницу модуля
$MODULE_NAME$ - название модуля
$SECTION_URL$ - ссылка раздела
$SECTION_NAME$ - название раздела
$CAT_URL$ - ссылка категории
$CAT_NAME$ - название категории

В принципе, думаю здесь все вполне понятно. Реализовать хлебные крошки можно двумя верными способами:



Разметка микроданных




Делается это следующим способом, находим в шаблоне код навигации:

Код
<a href="$HOME_PAGE_LINK$">Главная</a> » <a href="$MODULE_URL$">$MODULE_NAME$</a> » <a href="$SECTION_URL$">$SECTION_NAME$</a> » <a href="$CAT_URL$">$CAT_NAME$</a>


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

Код
<span itemscope itemtype="http://data-vocabulary.org/Breadcrumb"><a href="$HOME_PAGE_LINK$" itemprop="url"><span itemprop="title">Главная</span></a></span> » <span itemscopeitemtype="http://data-vocabulary.org/Breadcrumb"><a href="$MODULE_URL$" itemprop="url"><spanitemprop="title">$MODULE_NAME$</span></a></span> » <span itemscope itemtype="http://data-vocabulary.org/Breadcrumb"><a href="$SECTION_URL$" itemprop="url"><span itemprop="title">$SECTION_NAME$</span></a></span> » <span itemscope itemtype="http://data-vocabulary.org/Breadcrumb"><a href="$CAT_URL$" itemprop="url"><spanitemprop="title">$CAT_NAME$</span></a></span>


Заметили, что у нас чуть-чуть прибавилось кода? Наверное следует немного пояснить что здесь к чему.
В данном способе создания хлебной навигации мы применили специальные свойства микроданных, которые определяют ту или иную часть навигационной цепочки и позволяют указать поисковой системе Google что у нас является названием элемента навигации, ее адрес ом и следующим элементом навигации в иерархии. Для начала мы прописали теги span, в которые разместили непосредственно каждый фрагмент навигации. На следующем этапе мы прописали для каждого тега span свойства, определяющие назначение того или иного элемента.


Свойства:
itemscope itemtype=http://data-vocabulary.org/Breadcrumb - сообщает, что элемент используется для навигации;
itemprop="title" - описывает название ссылки;
itemprop="url" - описывает адрес ссылки.


В общем, посмотрев на пример кода, вы без труда в нем разберетесь и поймете что к чему.


Разметка RDFa




Делается это следующим способом, находим в шаблоне код навигации:

Код
<a href="$HOME_PAGE_LINK$">Главная</a> » <a href="$MODULE_URL$">$MODULE_NAME$</a> » <a href="$SECTION_URL$">$SECTION_NAME$</a> » <a href="$CAT_URL$">$CAT_NAME$</a>


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

Код
<span xmlns:v="http://rdf.data-vocabulary.org/#"><span typeof="v:Breadcrumb"><ahref="$HOME_PAGE_LINK$" rel="v:url" property="v:title">Главная</a></span> » <spantypeof="v:Breadcrumb"><a href="$MODULE_URL$" rel="v:url" property="v:title">$MODULE_NAME$</a></span> » <span typeof="v:Breadcrumb"><a href="$SECTION_URL$" rel="v:url"property="v:title">$SECTION_NAME$</a></span> » <span typeof="v:Breadcrumb"><a href="$CAT_URL$"rel="v:url" property="v:title">$CAT_NAME$</a></span></span>


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


Свойства:
xmlns:v="http://rdf.data-vocabulary.org/#" - сообщает, что элемент используется для навигации;
typeof="v:Breadcrumb" - описывает элементы навигации;
property="v:title" - описывает название ссылки;
rel="v:url" - описывает адрес ссылки.





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




Прикрепления: 4717266.jpg(15Kb) · 3672926.jpg(16Kb)
Сообщение отредактировал сondor - Среда, 19 Мар 2014, 11:18:28
Santoz2181
Сообщений: 34
Репутация: 1

Сообщение # 2 | 16:10:37
Код не работает. Вот, что получается - Главная » » » Жизнь Харькова
Где » без ссылки
_CrySiS_
Сообщений: 464
Репутация: 38

Сообщение # 3 | 18:01:14
Santoz2181, так сделайте условие, при котором не будет такого
Santoz2181
Сообщений: 34
Репутация: 1

Сообщение # 4 | 21:33:19
Цитата _CrySiS_ ()
так сделайте условие, при котором не будет такого

Как?
xbleidx11
Сообщений: 15
Репутация: 2

Сообщение # 5 | 21:37:50
На странице "Контакты" используется навигация такого типа:

Код
<a href="$HOME_PAGE_LINK$">Главная</a> » Контакты


То есть последний пункт "Контакты" не является ссылкой, т.к. пользователь уже находится на этой странице. Как оформить надпись "Контакты", если это не ссылка? В вашей теме, к сожалению, нет такого примера. Помогите пожалуйста.
contact4310
Сообщений: 45
Репутация: 6

Сообщение # 6 | 01:26:39
Цитата xbleidx11 ()
Как оформить надпись "Контакты"

xbleidx11,

Код
<a href="$HOME_PAGE_LINK$">Главная</a> »<a href="#">Контакты</a>

Добавлено (07 Июн 2016, 01:26:39)
---------------------------------------------
xbleidx11,

Код
<span xmlns:v="http://rdf.data-vocabulary.org/#"><span typeof="v:Breadcrumb"><ahref="$HOME_PAGE_LINK$" rel="v:url" property="v:title">Главная</a></span> » <spantypeof="v:Breadcrumb"><a href="#" rel="v:url" property="v:title">Контакты</a></span></span>

mrx
Сообщений: 288
Репутация: 45

Сообщение # 7 | 02:05:38
Цитата xbleidx11 ()
То есть последний пункт "Контакты" не является ссылкой, т.к. пользователь уже находится на этой странице.

Если это название текущей страницы и оно отображено в тайтле, то в хлебные крошки его включать не нужно.
xbleidx11
Сообщений: 15
Репутация: 2

Сообщение # 8 | 03:58:15
Цитата mrx ()
Если это название текущей страницы и оно отображено в тайтле, то в хлебные крошки его включать не нужно.

Здравая мысль.
poparim
Сообщений: 36
Репутация: 21

Сообщение # 9 | 12:41:00
Цитата contact4310 ()
<a href="$HOME_PAGE_LINK$">Главная</a> »<a href="#">Контакты</a>
Так вроде крайняя "хлебная крошка" не должна быть в виде ссылки?

Сообщение отредактировал poparim - Четверг, 09 Июн 2016, 12:41:43
Energyy
Сообщений: 229
Репутация: 4

Сообщение # 10 | 23:32:16
а ссылку vocabulary.org заменять на ссылку своего сайта?

Добавлено (04 Окт 2017, 23:32:16)
---------------------------------------------
Код
<a href="$HOME_PAGE_LINK$"><!--<s5176>-->Главная<!--</s>--></a> » <a href="$MODULE_URL$"><!--<s5208>-->Статьи<!--</s>--></a> <?if($SECTION_NAME$)?>» <a href="$SECTION_URL$">$SECTION_NAME$</a><?endif?> » <a href="$CAT_URL$">$CAT_NAME$</a>

У меня что то отличается код что ли
Модуль: Каталог статей

Мой сайт: http://aliprosto.com/
И я горжусь, тем что есть =D
Сообщение отредактировал Energyy - Среда, 04 Окт 2017, 23:40:39
choiced
Сообщений: 2
Репутация: 0

Сообщение # 11 | 12:25:19
Не упоминаете момент размещения сайтмапа, тоже важный момент)
Energyy
Сообщений: 229
Репутация: 4

Сообщение # 12 | 00:26:37
Код
<a href="$HOME_PAGE_LINK$"><!--<s5176>-->Главная<!--</s>--></a> » <a href="$MODULE_URL$"><!--<s5208>-->Статьи<!--</s>--></a> <?if($SECTION_NAME$)?>» <a href="$SECTION_URL$">$SECTION_NAME$</a><?endif?> » <a href="$CAT_URL$">$CAT_NAME$</a>


Кто поможет сделать?

Мой сайт: http://aliprosto.com/
И я горжусь, тем что есть =D
webanet
Личный менеджер
Сообщений: 23230
Репутация: 4881

Сообщение # 13 | 00:33:09
Energyy, в первом сообщении этой темы после слов Разметка микроданных есть ваш вариант

ТУТ можно оставить своё мнение по любому вопросу
https://webanetlabs.net/
Energyy
Сообщений: 229
Репутация: 4

Сообщение # 14 | 18:57:26
Цитата webanet ()
Energyy, в первом сообщении этой темы после слов Разметка микроданных есть ваш вариант

Этот? И ссылку (http://data-vocabulary.org/Breadcrumb) менять не надо? Вставлять как есть?

Код
<span itemscope itemtype="http://data-vocabulary.org/Breadcrumb"><a href="$HOME_PAGE_LINK$" itemprop="url"><span itemprop="title">Главная</span></a></span> » <span itemscopeitemtype="http://data-vocabulary.org/Breadcrumb"><a href="$MODULE_URL$" itemprop="url"><spanitemprop="title">$MODULE_NAME$</span></a></span> » <span itemscope itemtype="http://data-vocabulary.org/Breadcrumb"><a href="$SECTION_URL$" itemprop="url"><span itemprop="title">$SECTION_NAME$</span></a></span> » <span itemscope itemtype="http://data-vocabulary.org/Breadcrumb"><a href="$CAT_URL$" itemprop="url"><spanitemprop="title">$CAT_NAME$</span></a></span>

Добавлено (06 Окт 2017, 18:57:26)
---------------------------------------------
Менять нет?


Мой сайт: http://aliprosto.com/
И я горжусь, тем что есть =D
Сообщение отредактировал Energyy - Пятница, 06 Окт 2017, 17:36:28
Сообщество uCoz » Вебмастеру » Раскрутка сайта » Хлебные крошки в поисковой выдаче Google (навигационная цепочка ссылок вашего сайта)
Страница 1 из 11
Поиск: