3838
- 0
- Адаптировал: irbees2008
- Уровень сложности исполнения: это делается простым копированием и нажиманием кнопки
Всем привет. На днях проверял сайт на ошибки, и сервис выдал что разметка "хлебных крошек" не правильная. Ну я просто убрал семантическую разметку и ошибка пропала,решил чуть по позже перевести на schema.org.
И так как же модифицировать Breadcrumb в соответствии с стандартом schema.org. Смотрим документацию http://schema.org/BreadcrumbList.
Там есть вот такой пример :
Код:
<ol itemscope itemtype="http://schema.org/BreadcrumbList">
<li itemprop="itemListElement" itemscope
itemtype="http://schema.org/ListItem">
<a itemprop="item" href="https://example.com/dresses">
<span itemprop="name">Dresses</span></a>
<meta itemprop="position" content="1" />
</li>
<li itemprop="itemListElement" itemscope
itemtype="http://schema.org/ListItem">
<a itemprop="item" href="https://example.com/dresses/real">
<span itemprop="name">Real Dresses</span></a>
<meta itemprop="position" content="2" />
</li>
</ol>
Открываем шаблон плагина Breadcrumb (/engine/plugins/breadcrumbs/tpl) файл breadcrumbs.tpl
И видим там такой код
Код:
<div class="frame-crumbs">
<div class="crumbs" xmlns:v="http://rdf.data-vocabulary.org/#">
<div class="container">
<ul class="items items-crumbs">
{% for loc in location %}
<li class="btn-crumb">
<a href="{{ loc.url }}" typeof="v:Breadcrumb"><span class="text-el">{{ loc.title }}</span></a>
<span class="divider">/</span>
</li>
{% endfor %}
{% if (location_last) %}
<li class="btn-crumb">
<button typeof="v:Breadcrumb" disabled="disabled">
<span class="text-el">{{ location_last }}</span>
</button>
</li>
{% endif %}
</ul>
</div>
</div>
</div>
Код:
<div class="frame-crumbs">
<div class="crumbs" >
<div class="container">
<ul class="items items-crumbs" itemscope itemtype="http://schema.org/BreadcrumbList">
{% for loc in location %}
<li class="btn-crumb" itemprop="itemListElement" itemscope
itemtype="http://schema.org/ListItem">
<a itemprop="item" href="{{ loc.url }}" ><span class="text-el" itemprop="name">{{ loc.title }}</span></a>
<meta itemprop="position" content="1" />
<span class="divider">/</span>
</li>
{% endfor %}
{% if (location_last) %}
<li class="btn-crumb" itemprop="itemListElement" itemscope
itemtype="http://schema.org/ListItem">
<a itemprop="item" href="{{ news.url.full }}">
<span class="text-el" itemprop="name">{{ location_last }}</span></a>
<meta itemprop="position" content="2" />
</li>
{% endif %}
</ul>
</div>
</div>
</div>
Можешь почитать и вот эту статейку "SPACEGALLERY - JQUERY PLUGIN"
Это тоже интересно
11.06.18Кнопка очистки кеша движка
09.07.23Настройка htaccess
21.04.21Про обновление
