DARTHARTH

Добавляем микроразметку schema для хлебных крошек на Drupal 8

Сейчас микроразметкой на сайтах никого не удивишь и для сайтов на 8 версии друпала есть у нас свой корпоративный самописный модуль, легкий, быстрый, простой и с разметкой, но он полностью заточен под структуру интернет-магазина.

Прилетела же задачка на одном сайте, на 8 друпале, добавить микроразметку в хлебные крошки.

Уже готовые крошки выводились модулем easy breadrumb. Модуль неплохой, но почему то не было поддержки разметки из коробки. Покопавшись немного на друпал орг. нашел темы, где люди нужный функционал допиливали для этого модуля и его, якобы, добавили в бэту модуля. Скачал, поставил, галочка заветная в настройках есть, код разметки в файлах модуля тоже есть, но вот после включения галочки на странице совершенно ничего не изменилось. Сначала подумал, может дело в кривом клиентском сайте, который к слову сказать действительно делался каким то маньяком-извращенцем …

Но нет, поставил на свои пару сайтов, на восьмерке, с easy breadcrumb, тоже самое. Галочка на разметке стоит, но на сайте она не выводится.

В итоге помогло решение найденное на drupalsun.com — в темплах темы создаем файл breadcrumb.html.twig со следующим содержанием

{#
/**
 * @file
 * Theme override for a breadcrumb trail.
 *
 * Available variables:
 * - breadcrumb: Breadcrumb trail items.
 */
#}
{% if breadcrumb %}
  <nav class="breadcrumb" role="navigation" aria-labelledby="system-breadcrumb">
    <ol itemscope itemtype="http://schema.org/BreadcrumbList">
    {% for item in breadcrumb %}
      <li itemprop="itemListElement" itemscope itemtype="http://schema.org/ListItem">
        {% if item.url %}
          <a itemscope itemtype="http://schema.org/Thing" itemprop="item" href="{{ item.url }}">
            <span itemprop="name">{{ item.text }}</span>
          </a>
        {% else %}
          <span itemprop="name">{{ item.text }}</span>
        {% endif %}
        <meta itemprop="position" content="{{ loop.index }}" />
      </li>
    {% endfor %}
    </ol>
  </nav>
{% endif %}

Чистим кеш и открываем исходный код страницы, должна появиться разметка.

4 мнения к “Добавляем микроразметку schema для хлебных крошек на Drupal 8

  1. На счет этого, как говорится, сколько людей, столько мнений . У нас на сайте она используется только для разметки хлебных крошек , а для всего остального используется Schema.org. Так как в плагине Yoast SEO используется для хлебных крошек именно эта микроразметка. Здравствуй, Юра, я ставлю всегда Breadcrumb NavXT. Есть возможность легко настроить микроразметку, да и сами Breadcrumb.

    1. Yoast SEO несомненно нужный модуль, но в данном случае речь шла о Drupal, а не о WordPress

  2. Плюсов использования хлебных крошек действительно много: дополнительная релевантность, иерархия местоположения, удобство для посетителей и многое другое. Поэтому вопроса в том, что использовать плагин хлебные крошки или нет, не стоит. Его явно необходимо использовать.

  3. Посетители благодаря хлебным крошкам что за контент они изучают. Потому что в структуре могут идти категории и подкатегории. То есть использование данного элемента это дополнительная возможность внести ясность. Код с микроразметкой получился несколько громоздким. Но сейчас он соответствует требованиям микроразметки и будет соответственно отображаться на поисковой выдаче.

Добавить комментарий

Ваш адрес email не будет опубликован. Обязательные поля помечены *

Scroll Up