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
TITAN-UZ
07 сентября 2014, 14:40
modx.pro
12
6 867
+3

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

Василий Наумкин
Василий Наумкин
09 сентября 2014, 06:30
+1
А можно для неграмотных, что даёт эта самая микродата?
    Николай
    Николай
    09 сентября 2014, 10:08
    +2
    Меня СЕОшник с этим задолбал просто. Это называется «Оформить хлебные крошки в микроформате». Тогда например в гугле нашли что то у вас на сайте, высветится не просто ссылка на материал, а структурированный путь. Например

    Вот ссылка на топик. Если были бы оформлены хлебные крошки в микроформате, то под заголовком была бы не ссылка (которая не кликабельна), а что то типа:
    modx.pro /Блоги /Готовые решения"
    Все 3 были бы ссылки, и вели на категории.
      Василий Наумкин
      Василий Наумкин
      09 сентября 2014, 10:29
      0
      Прикольно!

      Добавил, будем посмотреть.
        Илья Уткин
        Илья Уткин
        09 сентября 2014, 12:01
        +1
        Может, тогда добавить еще ссылку с rel=«publisher» с id автора в Google+, как на хабре?
        <a href="https://plus.google.com/{G+ id}" rel="publisher">G+</a>
          Василий Наумкин
          Василий Наумкин
          09 сентября 2014, 12:20
          0
          Тогда нужно и эти id в личном кабинете собирать — нет желания.
            Илья Уткин
            Илья Уткин
            09 сентября 2014, 12:22
            0
            А Google+ не отдает этот id-шник при привязке его в HibridAuth?
              Василий Наумкин
              Василий Наумкин
              09 сентября 2014, 12:23
              +1
              Хммм… Можно попробовать!
                Василий Наумкин
                Василий Наумкин
                09 сентября 2014, 13:34
                +1
                Готово, забацал.
                  Илья Уткин
                  Илья Уткин
                  09 сентября 2014, 13:41
                  +1
                  Клево) Авторы теперь могут добавить сайт modx.pro во вкладке «О себе» на G+ в раздел «Мои публикации»
                    Виталий Барышников
                    Виталий Барышников
                    19 декабря 2015, 09:34
                    0
                    Здравствуйте, Илья. Прошу помочь мне, мне нужно вывести id Google+ автора тикета (это нужно для копирайта постов авторов). Мой вопрос.
                      Илья Уткин
                      Илья Уткин
                      21 декабря 2015, 10:12
                      0
                      А я не знаю, как вам помочь… Я сам HibrydAuth еще не использовал, так что подсказать не смогу
      Павел Левин
      Павел Левин
      10 сентября 2014, 12:56
      0
      Это здорово =)
      Яндекс сам как-то справляется с этим.
        Александр Москвин
        Александр Москвин
        07 октября 2014, 12:56
        0
        А в чем отличие Вашей разметки от этой?
        <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>
        zooks
        zooks
        02 сентября 2016, 11:03
        1
        +1
        Вот микроразметка под устаревшую 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
          1
          +1
          Готовое решение: 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]]"
    }
  },`
]]
            Авторизуйтесь или зарегистрируйтесь, чтобы оставлять комментарии.
            16