Хлебные крошки для Ucoz - uCoz и Ваш сайт - Советы - Форум - Web-мастеров
1106ответов на форуме
228тем на форуме
3004комментария
6158пользователей
Страница 1 из 11
Форум » uCoz и Ваш сайт » Советы » Хлебные крошки для Ucoz
Хлебные крошки для Ucoz
Написал: Daniil qwerty, в 21:27, 22.12.2015 | Сообщение #1
"Хлебные крошки"

"Хлебные крошки" или Навигационная цепочка (англ. Breadcrumbs) - это элемент навигации по веб-сайту, представляющий собой путь, указывающий на иерархию текущей страницы. Наличие навигационного меню позволяет посетителю и роботу быстро сориентироваться в структуре сайта, не говоря уже о всей прелести этого приема для внутренней перелинковки. В этой статье я покажу как благодаря специальной микроразметке можно вывести хлебные крошки в сниппет сайта в поисковой выдаче Google. Для сайтов на uCoz хлебные крошки обычно располагаются над заголовком статьи и имеют следующий вид и порядок: Главная » Модуль » Раздел » Категория

Сейчас я предлагаю сделать так, что бы эти цепочки ссылок отображались не только у вас на сайте, но и в сниппете - на странице результатов поиска в Google. К тому же по-умолчанию на uCoz есть лишний элемент, который дублирует главную страницу сайта (главная страница модуля). От нее я тоже избавлюсь...Хлебные крошки для модулей: каталог статей/файлов/сайтовИтак, за основу будем брать стандартный код вывода навигационной цепочки, так называемых "хлебных крошек", который одинаковый для модулей Каталог статей, Каталог файлов, Каталог сайтов и находится в шаблоне "Страница материала и комментариев к нему":

Код
<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$ - название категории

Существует несколько рабочих способов как разметить этот код, что бы поисковая система Google отображала в выдаче "хлебные крошки" с вашего сайта. Способ 1. С помощью микроданныхНаходим в своем шаблоне указанный выше код и заменяем его на уже размеченный специальной разметкой:
Код
<span itemscope itemtype="http://data-vocabulary.org/Breadcrumb"><a href="$HOME_PAGE_LINK$" itemprop="url"><span itemprop="title">Главная</span></a></span> » <span itemscope itemtype="http://data-vocabulary.org/Breadcrumb"><a href="$MODULE_URL$" itemprop="url"><span itemprop="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"><span itemprop="title">$CAT_NAME$</span></a></span>


Способ 2:

С помощью разметки RDFa Можно так же воспользоваться этим вариантом. Старый код заменяем на этот:
Код
<span xmlns:v="http://rdf.data-vocabulary.org/#"><span typeof="v:Breadcrumb"><a href="$HOME_PAGE_LINK$" rel="v:url" property="v:title">Главная</a></span> » <span typeof="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>

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

После


Теперь в выдаче Гугла ваш сайт будет отображаться чуть-чуть красивее)
Подобным образом можно разметить вывод хлебных крошек для категорий и разделов модулей.
Протестировать разметку и посмотреть, как размеченные "хлебные крошки" будут выглядеть в результатах поиска, можно с помощью инструмента проверки структурированных данных ->>http://www.google.com/webmasters/tools/richsnippets.
Больше информации по улучшению сниппетов можно найти в справке Google.

Прикрепления: 7500395.png(7Kb) · 3276843.png(19Kb) · 5902817.png(5Kb) · 4264640.png(5Kb)
Написал: Александр, в 10:34, 24.12.2015 | Сообщение #2
Будет полезно для новичков.
Канал о заработке в интернете - YouTube

Закажи у нас услугу
Форум » uCoz и Ваш сайт » Советы » Хлебные крошки для Ucoz
Страница 1 из 11
Поиск: