Seo breadcrumbs modx revo - хлебные крошки

pdoCrumbs и семантическая разметка schema.org

Хлебные крошки или breadcrumb, один из необходимых элементов сайта, как для юзабилити так и для поисковых машин, которые очень любят ссылки хлебных крошек записывать в сниппеты на страницах поисковой выдачи. Это один из важных факторов для СЕО сайта, безопасная перелинковка, с помощью которой распределяется вес сайта. Ранжирования сайтов с хлебными крошками будет лучше чем без них, да и посетителям сайта будет удобнее осуществлять навигацию от дочерних до родительских разделов сайта. 

На странице где есть хлебные крошки, обязательно сделайте семантическую разметку schema.org!


Как сделать хлебные крошки на ModX Revolution покажу в этой статье:


 
  1. Вам понадобиться установленный pdoResources
  2. Создаем чанк с именем breadcrumb (помещаем туда сниппед код ниже «pdoCrumbs»)
  3. На странице где нужно организовать хлебные крошки, вызываем только что созданный чанк [[$breadcrumb]]
<span class="s1">[[pdoCrumbs?</span>

<span class="s1">            &showHome=`1`</span>

<span class="s1">            &showAtHome=`0`</span>

<span class="s1">            &outputSeparator=``</span>

<span class="s1">            &tplWrapper=`@INLINE <ol class="breadcrumb" itemscope="" itemtype="http://schema.org/BreadcrumbList">{$output}</ol>`</span>

<span class="s1">            &tpl=`@INLINE </span>

<span class="s1">                <li><span itemscope="" itemprop="itemListElement" itemtype="http://schema.org/ListItem"></span>

<span class="s1">                    <a title="{$menutitle}" itemprop="item" href="{$link}"><span itemprop="name">{$menutitle}</span><meta itemprop="position" content="{$menuindex}"></a></span>

<span class="s1">                </span></li>`</span>

<span class="s1">            &tplCurrent=`@INLINE </span>

<span class="s1">                <li><span itemscope="" itemprop="itemListElement" itemtype="http://schema.org/ListItem"></span>

<span class="s1">                    <span itemprop="name">{$menutitle}</span><meta itemprop="position" content="{$menuindex}"></span>

<span class="s1">                </span></li>`</span>

<span class="s1">        ]]</span>

Если у Вас в шаблоне предусмотрены хлебные крошки и они имеют свои стили, то просто поменяйте их:


tplWrapper — обертка например теги списка или (бывают и дивы) просто замените класс class=«breadcrumb» на свой 
tpl — Чанк все что внутри родительских тегов выше
tplCurrent — Чанк текущей страницы, оформления последнего в списке документа в навигации.
 
В большинстве случаем представленный вызов pdoCrumbs работает без изменений.
 

Комментарии