xandeadx.ru Блог музицирующего веб-девелопера

Drupal → Хлебные крошки + schema.org

Опубликовано в

У некоторых почему-то возникают сложности встраивания разметки schema.org в хлебные крошки. Листинг файла breadcrumb.html.twig:

{% if breadcrumb %}
  <ul class="breadcrumb" itemscope itemtype="http://schema.org/BreadcrumbList">
    {% for index, item in breadcrumb %}
      <li class="breadcrumb__item" itemprop="itemListElement" itemscope itemtype="http://schema.org/ListItem">
        {% if item.url %}
          <a class="breadcrumb__link" href="{{ item.url }}" itemprop="item">
            <span itemprop="name">{{ item.text }}</span>
          </a>
        {% else %}
          <span class="breadcrumb__link breadcrumb__link--nolink" itemprop="item">
            <span itemprop="name">{{ item.text }}</span>
          </span>
        {% endif %}
        <meta itemprop="position" content="{{ index + 1 }}" />
      </li>
    {% endfor %}
  </ul>
{% endif %}

Спецификация с примером

Написанное актуально для Drupal 8
Похожие записи

Оставить комментарий

Содержимое этого поля является приватным и не будет отображаться публично. Если у вас есть аккаунт в Gravatar, привязанный к этому e-mail адресу, то он будет использован для отображения аватара.
  • Адреса страниц и электронной почты автоматически преобразуются в ссылки.
  • Доступные HTML теги: <a> <i> <b> <strong> <code> <ul> <ol> <li> <blockquote> <em> <s>
  • Строки и параграфы переносятся автоматически.
  • Подсветка кода осуществляется с помощью тегов: <code>, <css>, <html>, <ini>, <javascript>, <sql>, <php>. Поддерживаемые стили выделения кода: <foo>, [foo].

Подробнее о форматировании