Офис НП AMWAY в Ярославле
Офис Амвей в Ярославле
→ На карте Офис AMWAY в ЯрославлеПрием и выдача заказов, презентация продукции Амвей, мастер–классы, вопросы по бизнесу Amway:
●Адрес: улица Валентины Терешковой, дом 1 (Вход со двора)
●Телефон: +7 (920) 112-00-91
●Email: matyxho@mail.ru
●Сайт: https://www.amway.ru/user/lebedem
●Визитка: http://yar.meweb.ru
Иерархия статей
Статьи » SEO » "Хлебные крошки" в сниппете выдачи с помощью JSON-LD microdata
Сниппет
Хлебные крошки (цепочка навигации) смотрится весьма симпатично в сниппете выдачи. Поисковые системы предоставляют все новые инструменты для реализации. Рассмотрим один из них.
"Хлебные крошки" в сниппете выдачи с помощью JSON-LD microdata
Опубликовал Pisatel Pisatel Добавлено 23-06-2015 21:44 23 Июнь 2015 21:44:01 12167 Прочтений 12167 Прочтений
Обновлено: 29-07-2015 09:05 Обновлено: 29 июля 2015 09:05:07  printer
Оказывается, добавить "хлебные крошки" весьма просто, и теперь нам для этого совсем не обязательно менять разметку страниц, для этого достаточно воспользоваться микроформатом JSON-LD, добавив наш JSON–скрипт в любую часть страницы, например, в <head>...</head>. Этот формат представления данных поддерживают и горячо любимый Google, и наш тормоз Yandex, причем и у первого, и у второго есть сервисы для проверки/валидации наших творений, ссылки на которые я дам в конце заметки.

Что ж, перейдем к делу. Например, данная статья находится примерно на следующей ступени навигации: Главная => Статьи => Программирование. От этого и будем отталкиваться, сообщим поисковому боту об этом:

Код: JSON-LD
    <script type="application/ld+json">


{


  "@context": "http://schema.org",


  "@type": "BreadcrumbList",


  "itemListElement":


  [


    {


      "@type": "ListItem",


      "position": 1,


      "item":


      {


        "@id": "http://www.meweb.ru/",


        "name": "Главная"


      }


    },


    {


      "@type": "ListItem",


      "position": 2,


      "item":


      {


        "@id": "http://www.meweb.ru/articles.php",


        "name": "Статьи"


      }


    },


    {


      "@type": "ListItem",


      "position": 3,


      "item":


      {


        "@id": "http://www.meweb.ru/articles.php?cat_id=3",


        "name": "Программирование"


      }


    }


  ]


}


</script>




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

Ну и теперь несколько полезных ссылок по теме:

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

Всем удачи, всех благ и красивых сниппетов в выдаче ))

UPDATE: → Более развернутые примеры использования JSON-LD в новой статье JSON-LD: сео-оптимизация без ущерба для разметки

UPDATE: → изобрел плагин хлебных крошек для всего сайта, однако на основной версии поиска Google в сниппетах пока изменений нет (может, кэш там реже обновляется, а может гоше что–то не понравилось). А вот на мобильной версии поиска Google изменения есть, только пока не для всех страниц:
www.meweb.ru/images/articles/breadcrumbs1.jpg
www.meweb.ru/images/articles/breadcrumbs2.jpg
www.meweb.ru/images/articles/breadcrumbs3.jpg
Понравилась статья?
Метки для данной статьи
Теги:  #json #json-ld #microdata #microformats #google #yandex #snippet #rich snippet #breadcrumbs #schema #хлебные крошки #навигация #сниппет #яндекс #seo #сео #js #javascript #json-ld example #example #пример #пример json-ld 
Похожие статьи
Заголовок
Категория
Просмотров
24934
15647
4817
Поделиться:   
Последние активные темы форума
  Темы Просмотров Ответов Последние сообщения
folder Вопрос по переделке bb-кода
PHP, MySQL		 22125 5 Pisatel
26. мая 2017
folder Вопросы по Ajax форме обратной связи
CMS PHP Fusion		 67402 48 Ditrin
19. февраля 2017
folder BBCode YouTube Video Colorbox mod
CMS PHP Fusion		 15248 2 Pisatel
10. декабря 2016
folder Как лучше создать собственную страницу?
CMS PHP Fusion		 17736 17 Pisatel
11. мая 2016
folder Небольшие вопросы по скриптам магазина и катало...
PHP, MySQL		 142673 80 Pisatel
11. января 2016
folder BBCode Code mod
CMS PHP Fusion		 14248 0 Pisatel
31. августа 2015
folder Ajax Like Dislike Article Panel
CMS PHP Fusion		 22294 16 Pisatel
07. июля 2015
folder Хлебные крошки / BreadCrumbs SEO Panel
CMS PHP Fusion		 25979 17 Pisatel
04. июля 2015
folder Abbr Description BBCode
CMS PHP Fusion		 7599 0 Pisatel
15. июня 2015
folder Плагин Email рассылки Mail To All by Pisatel
CMS PHP Fusion		 36599 32 Pisatel
26. апреля 2015
folder Подозрительный трафик и прочие страшилки
Всякая хрень		 11704 2 Ditrin
23. апреля 2015
folder Мод Newsletter - рассылка писем пользователям с...
CMS PHP Fusion		 30921 13 Pisatel
10. апреля 2015
folder Мод отправки писем PHPMailer для PHP-Fusion
CMS PHP Fusion		 126258 113 Ditrin
06. апреля 2015
folder Появление неизвестного файла subscriptions.php
CMS PHP Fusion		 8801 2 Pisatel
06. апреля 2015
folder Autoban on IP
CMS PHP Fusion		 23075 13 Pisatel
03. апреля 2015