pdoCrumbs Разметка с помощью microdata

Разметка «хлебных крошек» с помощью microdata

Стандартный шаблон pdoCrumbs работает без микродатой чтоб исправит эту надо добавит в шаблон этот код

[[pdoCrumbs? &showAtHome=`0`&showHome=`1` &outputSeparator=``
&tplCurrent=`@INLINE <li><span>[[+menutitle]]</span></li>`
&tpl=`@INLINE <li itemtype="http://data-vocabulary.org/Breadcrumb" itemscope><a href="[[+link]]"  itemprop="url" ><span itemprop="title">[[+menutitle]]</span></a><span>  /  </span></li>`
&tplWrapper=`@INLINE <ul class="breadcrumbs">[[+output]]</ul>`
 ]]

css

.breadcrumbs {float:left; padding:0; margin:0;  border:0;}
.breadcrumbs li {display: inline-table;}

Проверит разметку

Обновил код теперь он валидный на w3

TITAN-UZ

07 сентября 2014, 14:40

6 739

Комментарии: 16

Василий Наумкин

09 сентября 2014, 06:30

А можно для неграмотных, что даёт эта самая микродата?

Николай

09 сентября 2014, 10:08

Меня СЕОшник с этим задолбал просто. Это называется «Оформить хлебные крошки в микроформате». Тогда например в гугле нашли что то у вас на сайте, высветится не просто ссылка на материал, а структурированный путь. Например

Вот ссылка на топик. Если были бы оформлены хлебные крошки в микроформате, то под заголовком была бы не ссылка (которая не кликабельна), а что то типа:
modx.pro /Блоги /Готовые решения"
Все 3 были бы ссылки, и вели на категории.

Василий Наумкин

09 сентября 2014, 10:29

Прикольно!

Добавил, будем посмотреть.

Илья Уткин

09 сентября 2014, 12:01

Может, тогда добавить еще ссылку с rel=«publisher» с id автора в Google+, как на хабре?

<a href="https://plus.google.com/{G+ id}" rel="publisher">G+</a>

Василий Наумкин

09 сентября 2014, 12:20

Тогда нужно и эти id в личном кабинете собирать — нет желания.

Илья Уткин

09 сентября 2014, 12:22

А Google+ не отдает этот id-шник при привязке его в HibridAuth?

Василий Наумкин

09 сентября 2014, 12:23

Хммм… Можно попробовать!

Василий Наумкин

09 сентября 2014, 13:34

Готово, забацал.

Илья Уткин

09 сентября 2014, 13:41

Клево) Авторы теперь могут добавить сайт modx.pro во вкладке «О себе» на G+ в раздел «Мои публикации»

Виталий Барышников

19 декабря 2015, 09:34

Здравствуйте, Илья. Прошу помочь мне, мне нужно вывести id Google+ автора тикета (это нужно для копирайта постов авторов). Мой вопрос.

Илья Уткин

21 декабря 2015, 10:12

А я не знаю, как вам помочь… Я сам HibrydAuth еще не использовал, так что подсказать не смогу

Павел Левин

10 сентября 2014, 12:56

Это здорово =)
Яндекс сам как-то справляется с этим.

Александр Москвин

07 октября 2014, 12:56

А в чем отличие Вашей разметки от этой?

<div id="breadcrumbs" class="breadcrumbs">
	<span typeof="v:Breadcrumb"><a property="v:title" rel="v:url" href="/">Главная</a></span> > 
	<span typeof="v:Breadcrumb"><a property="v:title" rel="v:url" href="/p1">Пункт</a></span> > 
	<span typeof="v:Breadcrumb"><a property="v:title" rel="v:url" href="/p1/p2">Пункт2</a></span> > 
	<span typeof="v:Breadcrumb"><a property="v:title" rel="v:url" href="/p1/p2/p3/">Пункт3</a></span> > 
	<span typeof="v:Breadcrumb"><span property="v:title">Текущий</span></span>
</div>

Иван Бондаренко

07 октября 2014, 13:21

Это просто другой способ разметки. В посте — микроданные. Твой пример — RDFa. Результат должен быть тот-же. Вот тут внизу про это написано:
support.google.com/webmasters/answer/185417?hl=ru

zooks

02 сентября 2016, 11:03

Вот микроразметка под устаревшую data-vocabulary.org, которую использует Яндекс.

[[pdoCrumbs?
&showHome=`1`
&showAtHome=`0`
&tpl=`@INLINE <li class="B_crumb" itemscope="itemscope" itemtype="http://data-vocabulary.org/Breadcrumb"><a class="B_crumb" itemprop="url" href="[[+link]]"><span itemprop="title">[[+menutitle]]</span></a></li>`
&tplCurrent=`@INLINE <li class="B_crumb active" itemscope="itemscope" itemtype="http://data-vocabulary.org/Breadcrumb"><span class="B_currentCrumb" itemscope="itemscope" itemtype="http://data-vocabulary.org/Breadcrumb">[[+menutitle]]</span></li>`
&tplMax=`@INLINE <li class="B_hideCrumb" itemscope="itemscope" itemtype="http://data-vocabulary.org/Breadcrumb">[[+menutitle]]</li>`
&tplHome=`@INLINE <li class="B_firstCrumb" itemscope="itemscope" itemtype="http://data-vocabulary.org/Breadcrumb"><a class="B_homeCrumb" itemprop="url" rel="Home" href="[[++site_url]]"><span itemprop="title">[[++site_name]]</span></a></li>`
&tplWrapper=`@INLINE <ol class="B_crumbBox">[[+output]]</ol>`
]]

Виктор Руденко

28 апреля 2017, 03:21

Готовое решение: ld+json

[[pdoCrumbs?
	&showHome=`1`
	&tplWrapper=`@INLINE <script type="application/ld+json">
{
 "@context": "http://schema.org",
 "@type": "BreadcrumbList",
 "itemListElement":
[ [[+output]] ]
}
</script>`
	&tplHome=`@INLINE {
   "@type": "ListItem",
   "position": [[+idx]],
   "item":
   {
    "@id": "[[+link]]",
    "name": "Главная"
    }
  },`
	&tplCurrent=` @INLINE {
   "@type": "ListItem",
   "position": [[+idx]],
   "item":
   {
   	"@id": "[[+link]]",
    "name": "[[+menutitle]]"
    }
  }`
	&tpl=`@INLINE {
   "@type": "ListItem",
   "position": [[+idx]],
   "item":
   {
    "@id": "[[+link]]",
    "name": "[[+menutitle]]"
    }
  },`
]]

Авторизуйтесь или зарегистрируйтесь, чтобы оставлять комментарии.