Schema org breadcrumbs: breadcrumb — Schema.org Property

Not Found (#404)

Семантически правильныe Breadcrumbs на pdoCrumbs / Русскоязычное сообщество MODX

[[pdoCrumbs?
            &showHome=`1`
            &outputSeparator=`<li> / </li>`
            &tplWrapper=`@INLINE <ul itemscope="" itemtype="http://schema.org/BreadcrumbList">{$output}</ul>`
            &tpl=`@INLINE 
                <li><span itemscope="" itemprop="itemListElement" itemtype="http://schema.org/ListItem">
                    <a title="{$menutitle}" itemprop="item" href="{$link}"><span itemprop="name">{$menutitle}</span><meta itemprop="position" content="{$idx}"></a>
                </span></li>`
            &tplCurrent=`@INLINE 
                <li><span itemscope="" itemprop="itemListElement" itemtype="http://schema.org/ListItem">
                    <span itemprop="name">{$menutitle}</span><meta itemprop="position" content="{$idx}">
                </span></li>`
        ]] 

{'pdoCrumbs' | snippet : [
    'showHome' => 1,
    'outputSeparator' => '<li> / </li>',
    'tplWrapper' => '@INLINE <ul itemscope="" itemtype="http://schema.org/BreadcrumbList">{$output}</ul>',
    'tpl' => '@INLINE
        <li><span itemscope="" itemprop="itemListElement" itemtype="http://schema.org/ListItem">
             <a title="{$menutitle}" itemprop="item" href="{$link}"><span itemprop="name">{$menutitle}</span><meta itemprop="position" content="{$idx}"></a>
        </span></li>',
    'tplCurrent' => '@INLINE
        <li><span itemscope="" itemprop="itemListElement" itemtype="http://schema.org/ListItem">
        <span itemprop="name">{$menutitle}</span><meta itemprop="position" content="{$idx}">
    </span></li>'
]}  

1. В разметку кода я добавил семантическую разметку schema.org для хлебных крошек. Здесь думаю комментарии излишни. Поисковики будут счастливы.
2. Также проходя валидацию стандартного кода из инструкции к pdoCrumbs на validator.w3.org/ я с удивлением заметил ошибку, которая в общем то логична, но почему то я не задумывался. Суть ошибки в том, что разделитесь тоже нужно оформлять как элемент списка (если мы конечно используем списки). Разделитель по умолчанию — это просто \n

Как исправить ошибку «data-vocabulary.org schema deprecated» в Гугл-консоли – Кирилл Арутюнов

Ничего страшного в этом нет. Избавляемся от предупреждений, меняем микроразметку со словаря data-vocabulary на schema.org. Старый вариант разметки:

 <div>
  <span itemscope itemtype="http://data-vocabulary.org/Breadcrumb">
    <a href="https://arutyunov.me/" itemprop="url">
      <span itemprop="title">Кирилл Арутюнов</span>
    </a> ›
    <span itemprop="child" itemscope itemtype="http://data-vocabulary.org/Breadcrumb">
      <a href="hhttps://arutyunov.me/blog" itemprop="url">
        <span itemprop="title">Блог</span>
      </a> ›
      <span itemprop="child" itemscope itemtype="http://data-vocabulary.org/Breadcrumb">
        <a href="https://arutyunov.me/blog/seo/" itemprop="url">
          <span itemprop="title">SEO</span>
        </a>
      </span>
    </span>
  </span>
</div> 

Исправляем разметку на словарь schema.org:

<div>
  <span itemscope itemtype="http://schema.org/BreadcrumbList">
    <span itemprop="itemListElement" itemscope itemtype="http://schema.org/ListItem">
      <a href="https://arutyunov.me/" itemprop="item">
        <span itemprop="name">Кирилл Арутюнов</span>
      </a>
      <meta itemprop="position" content="1" />
    </span> ›
    <span itemprop="itemListElement" itemscope itemtype="http://schema.org/ListItem">
      <a href="https://arutyunov.me/blog" itemprop="item">
        <span itemprop="name">Блог</span>
      </a>
      <meta itemprop="position" content="2" />
    </span> ›
    <span itemprop="itemListElement" itemscope itemtype="http://schema.org/ListItem">
      <a href="https://arutyunov.me/blog/seo/" itemprop="item">
        <span itemprop="name">SEO</span>
      </a>
      <meta itemprop="position" content="3" />
    </span>
  </span>
</div> 

Резюмируем

• Гугл зафиксировали рост популярности schema.org, поэтому решили отказаться от поддержки data-vocabulary.org в пользу одного стандарта — schema.org;
• С января по апрель 2020 сайты, использующие data-vocabulary.org, будут получать предупреждения от в Гугл-консоли;
• Используйте инструмент проверки микроразметки от Гугл для валидации вашей микроразметки;
• Используйте инструмент тестирования расширенного сниппета от Гугл — этот инструмент анализирует микроразметку и показывает элементы, которые Гугл может использовать для расширение сниппета в результатах выдачи.

Поделиться

Поделиться

Отправить

Твитнуть

Вотсапнуть

Рейтинг 4.5 на основе 8 оценок

Разрабатываю сайты и онлайн-сервисы, использую для этого Laravel, Vue, WordPress. Люблю своё дело и занимаюсь этим уже больше 8 лет. Сделаю ваш проект — пишите!

Если вы разработчик, то подписывайтесь на фейсбук и телеграм-канал, чтобы не пропустить новые публикации.

О микроразметке замолвите слово (как реализовать микроразметку с помощью модуля coffeediz.schema на сайте под управлением 1С-Битрикс)

Микроразметка — модный тренд по оформлению страниц сайта в удобном для поисковых систем виде. Наличие микроразметки всячески поощряется Поисковиками (Яндекс, Google) небольшими, но приятными плюшками вроде особого оформления сайта в результатах поисковой выдаче и намёком на улучшение позиций при прочих равных.

Оформление микроразметки на самом деле очень простое занятие, однако объём имеющихся материалов на данную тему сейчас так велик, что сложно понять с чего начать, а размеры схем такие большие, что банально страшно начать оформлять.

Именно поэтому я оформил для себя пару простых компонентов, которые просто оформляют массив данных из параметров компонента в виде готовой валидной микроразметки (и конечно выводят страшные шибки, если какие-то данные не заполнены).

Модуль доступен:

• в Маркетплейсе 1С-Битрикс — http://marketplace.1c-bitrix.ru/solutions/coffeediz.schema/
• в GitHub — https://github.com/lexnekr/coffeediz.schema

В дальнейшем планируется дополнять модуль новыми компонентами для новых видов микроразметки.

Навигационные цепочки или Хлебные крошки

Google даёт вполне чётки рекомендации на этот счёт — https://support.google.com/webmasters/answer/185417?hl=ru

Яндекс, к сожалению, пишет расплывчато, http://help.yandex.ru/webmaster/search-results/site-description.xml#nav-chains, но судя по другим источникам (рекомендациям в разделе Яндекс.Метрики) любые действия в этом направлении будут учтены как плюс.

Поскольку 1С-Битрикс уже имеет удобный компонент хлебных крошек и API методы для добавления в его цепочки элементов для других компонентов, то мы не будем городить велосипед, а просто воспользуемся bitrix:breadcrumb.

Достаточно добавить на страницу этот компонент и выбрать один из шаблонов, поставляющихся с модулем:

• coffeediz.data-vocabulary.org — схема http://www.data-vocabulary.org/Breadcrumb/ (рекомендуется Google)
• coffeediz.schema.org — схема https://schema.org/breadcrumb

Оба варианта проходят валидацию микроразметки Google/Яндекс.

При этом с дефолтными стилями цепочка навигации выглядит так:

Естественно вы можете самостоятельно кастомизировать стили в шаблоне компонента.

Однако на случай если необходимо создать цепочку навигации, но из эстетических соображений она не должна показываться пользователям, вы можете использовать компонент coffeediz:breadcrumb с теми же шаблонами, добавляющий возможность скрыть компонент:

Примеры микроразметки хлебных крошек:

Адрес и Контакты места/организации

Описание поддерживаемых в рамках схемы полей Яндексом — http://help.yandex.ru/webmaster/supported-schemas/address-organization.xml

Как видим некоторые поля, поддерживаемые схемой не используются яндексом по состоянию на 24.10.2015, однако могут быть использованы в будущем. Так же эти поля могут использоваться Google.

Компонент поддерживает следующие поля (⊗ — обязателен к использованию, иначе схема не валидируется Яндекс/Google, ⊗ — поддерживается Яндекс как полноценное свойство):

• ⊗⊗Тип схемы (место, либо организация, а так же все типы мест/организаций по состоянию на 23.10.2015)
• ⊗⊗Название
• Краткое описание
• ⊗URL сайта
• Логотип (картинка)
• ⊗⊗Адрес
• ⊗Почтовый индекс
• ⊗Страна
• ⊗Город
• ⊗Регион
• ⊗Адрес (улица, дом, офис и т.п.)
• ⊗Факс
• ⊗⊗Телефон (несколько штук)
• E-mail (несколько штук)
• ИНН
• ⊗Время работы (только для типов «Бизнес» и «Административное Здание»)
• Географические координаты (только для типа «Бизнес»)
• Является свойством другого объекта Schema.org
• Полный набор свойств «Ретинг» с передачей массива параметров компоненту coffeediz:schema.org.AggregateRating
• Скрыть информации от пользователей (микроразметка видна только поисковикам, но не видна простым юзерам)

Компонент поддерживает 4 уровня типов организаций (начиная с базового Организация/Место), описанные в Schema.org. Рекомендуется выбирать максимально близкий к вашей специфике тип (если такого нет, то просто общий).

Пример микроразметки для организации типа «Веб-студия» (такого типа нет, поэтому будем использовать довольно общий тип «Бизнес» 2 уровня):

Поскольку компонент является всего лишь оболочкой для оформления в виде микроразметки массива входных параметров, то вы всегда можете использовать его внутри своих компонентов с параметром «SHOW» => «Y» для скрытого отображения, чтобы микроразметку видели только поисковики.

Задойный А.В.

Микроразметка хлебных крошек по schema.org

Оглавление

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

Так же, «хлебные крошки» очень важны для поисковых-роботов. Благодаря хорошо составленной разметке, «хлебные крошки» могут появиться в выдаче Яндекса и Google. Благодаря чему сниппет сайта в поисковой системе выглядит уникальнее. Увеличивается CTR сниппетов, соответственно сайт получит больше переходов.

Пример «хлебных крошек» в сниппете Google:

Пример «хлебных крошек» в сниппете Yandex:

Разметка хлебных крошек по schema.org

Рассмотрим и разберем пример разметки «хлебных крошек»:

<ul itemscope itemtype="https://schema.org/BreadcrumbList">
    <li itemprop="itemListElement" itemscope itemtype="https://schema.org/ListItem">
        <a href="/" title="Главная" itemprop="item">
            <span itemprop="name">Главная</span>
            <meta itemprop="position" content="0">
        </a></li>
    <li itemprop="itemListElement" itemscope itemtype="https://schema.org/ListItem">
        <a href="/razdel/" title="Раздел" itemprop="item">
            <span itemprop="name">Раздел</span>
            <meta itemprop="position" content="1">
        </a></li>
    <li itemprop="itemListElement" itemscope itemtype="https://schema.org/ListItem">
        <a href="/razdel/podrazdel/" title="Подраздел" itemprop="item">
            <span itemprop="name">Подраздел</span>
            <meta itemprop="position" content="2">
        </a>
    </li>
</ul>

• itemscope — Нужен только для того, чтобы показать поисковому боту, что на странице описывается определенный объект.
• itemtype — Всегда идет рядом с itemscope и нужен для того, чтобы показать поисковому боту тип объекта.
• itemtype=https://schema.org/BreadcrumbList — Говорит о том, что элемент относится к типу объекта «хлебным крошкам» и состоит из цепочки связанных веб-страниц.
• itemprop="itemListElement" — Означает, что элемент относится к отдельному пункту списка.
• itemprop="item" — Для разметки ссылки.
• itemprop="name" — Тег с названием хлебной крошки.
• meta itemprop="position" content="%number%" — Добавляется в конце блока хлебной крошки, он определяет позицию элемента в навигационной цепочке. Данный тег не отображается на странице, только в разметке.

Известные ошибки

Перечень известных ошибок составления микроразметок и их валидации.

Отсутствует поле «item»

Существует известная проблема, валидатор микроразметки выдает предупреждение, когда в коде нет атрибута itemprop="item" у последнего элемента хлебной крошки. Это возникает из-за отсутствия у элемента ссылки.

Есть три решения проблемы:

1. Добавить к последнему элементу «крошки» ссылку (что будет не очень корректно с точки зрения логики построения «крошек»).
2. Убрать последний/текущий элемент «крошки».
3. Использовать формат JSON-LD.
4. Воспользоваться другими микроразметками.

Время работы: 0,1035 s
Время запросов: 0,1035 s
Количество запросов: 28
Источник: cache

1С-Битрикс — Микроразметка Schema.org

Навигационные цепочки Breadcrumbs | Укрнеймс.БЛОГ

«Хлебные крошки» (навигационные цепочки, англ. breadcrumbs) указывают на положение страницы в иерархии сайта. Пользователь может перемещаться по всему пути в иерархии сайта, начиная из последней «хлебной крошки» в навигационной цепочке. Например, последнее звено в навигационной цепочке для страницы – в нижеприведенном примере “SEO и интернет бизнес” – ведет на уровень вверх в иерархии сайта. «Хлебная крошка», которая идет перед этим – “Укрнеймс.БЛОГ” – ведет на два уровня вверх в иерархии сайта.

Укрнеймс.БЛОГ > SEO и интернет бизнес > Навигационные цепочки Breadcrumbs

У страниц тоже может быть более чем одна навигационная цепочка:

Books › Authors › Stephen King
Books › Fiction › Horror

Если вы разметите «хлебные крошки» в body веб-страницы, Google сможет использовать их для того, чтобы понять и представить информацию на ваших страницах в результатах поиска, к примеру, как показано ниже:

Свойства:

«Хлебные крошки» могут содержать ряд различных свойств, которые вы можете пометить с помощью микроданных (Microdata), RDFa разметки или JSON-LD. Google распознает следующие свойства BreadcrumbList.

Примеры:

Навигационная цепочка может появляться на странице в виде:

Arts › Books › Poetry

1. Создание разметки “хлебных крошек” с помощью HTML-кода

HTML-код для вышеуказанной навигационной цепочки может быть такой:

<ol>
  <li>
    <a href="http://www.example.com/arts">Arts</a> ›
  </li>
  <li>
    <a href="http://www.example.com/arts/books">Books</a> ›
  </li>
  <li>
    <a href="http://www.example.com/arts/books/poetry">Poetry</a>
  </li>
<ol>

2. Создание разметки “хлебных крошек” с помощью JSON-LD

Следующий  пример  – создание навигационной цепочки с использованием JSON-LD (формат структурирования данных на сайте для их отображения в результатах поиска Google).
В случае использования JSON-LD, блок скрипта может быть вставлен в любом месте на странице — или в head, или в body.

 <script type="application/ld+json">
{
  "@context": "http://schema.org",
  "@type": "BreadcrumbList",
  "itemListElement":
  [
    {
      "@type": "ListItem",
      "position": 1,
      "item":
      {
        "@id": "https://example.com/arts",
        "name": "Arts"
      }
    },
    {
      "@type": "ListItem",
      "position": 2,
      "item":
      {
        "@id": "https://example.com/arts/books",
        "name": "Books"
      }
    },
    {
      "@type": "ListItem",
      "position": 3,
      "item":
      {
        "@id": "https://example.com/arts/books/poetry",
        "name": "Poetry"
      }
    }
  ]
}
</script>

3. Создание разметки “хлебных крошек” с помощью RDFa

<ol vocab="http://schema.org/" typeof="BreadcrumbList">
  <li property="itemListElement" typeof="ListItem">
    <a property="item" typeof="WebPage"
        href="https://example.com/arts">
      <span property="name">Arts</span></a>
    <meta property="position" content="1">
  </li>
  ›
  <li property="itemListElement" typeof="ListItem">
    <a property="item" typeof="WebPage"
        href="https://example.com/arts/books">
      <span property="name">Books</span></a>
    <meta property="position" content="2">
  </li>
  ›
  <li property="itemListElement" typeof="ListItem">
    <a property="item" typeof="WebPage"
        href="https://example.com/arts/books/poetry">
      <span property="name">Poetry</span></a>
    <meta property="position" content="3">
  </li>
</ol>

4. Создание разметки “хлебных крошек” с помощью microdata

<ol itemscope itemtype="http://schema.org/BreadcrumbList">
  <li itemprop="itemListElement" itemscope
      itemtype="http://schema.org/ListItem">
    <a itemprop="item" href="https://example.com/arts">
        <span itemprop="name">Arts</span></a>
    <meta itemprop="position" content="1" />
  </li>
  ›
  <li itemprop="itemListElement" itemscope
      itemtype="http://schema.org/ListItem">
    <a itemprop="item" href="https://example.com/arts/books">
      <span itemprop="name">Books</span></a>
    <meta itemprop="position" content="2" />
  </li>
  ›
  <li itemprop="itemListElement" itemscope
      itemtype="http://schema.org/ListItem">
    <a itemprop="item" href="https://example.com/arts/books/poetry">
      <span itemprop="name">Poetry</span></a>
    <meta itemprop="position" content="3" />
  </li>
</ol>

Примечание: schema.org/BreadcrumbList vocabulary используется по-разному в каждом из этих случаев из-за различий в правилах для каждого базового структурированного формата данных.

html — Правильная разметка микроданных для панировочных сухарей

Изучая, как делать микроданные для хлебных крошек веб-страниц, я нашел несколько методов, и я не уверен, какой из них правильный. Во-первых, мои основные хлебные крошки в HTML выглядят так:

  

   Корневая страница 
   Страница категории 
   Эта страница 

  

Теперь я структурирую его так (как я видел в примере на SchemaOrg:

  

  

    
       Корневая страница 
    
  
  

    
       Страница категории 
    
  
  

    
       Эта страница 
    
  

  

Или я структурирую его, как показано ниже, как я видел в некоторых ответах Stackoverflow:

  

  
    
       Корневая страница 
    
  
  
    
       Страница категории 
    
  
  
    
       Эта страница 
    
  

  

Или другой способ, о котором я еще не знаю ??

поиск в гугле — Схема.org или Data-Vocabulary.org для панировочных сухарей?

Актуальный ответ, 3 января 2017 г.

data-vocabulary.org — уже довольно давно предлагает микроданные для панировочных сухарей. Просто используйте это так:

  

    
      
         Contoso 
       »
    
    
      
         Мода 
       »
    
    
      
         Женщины 
       »
    
    
      
         Ботинки 
      
    
  
  

читать документы

schema.org — также предлагает использование микроданных для панировочных сухарей! Просто используйте это так:

  

    

      
       Платья  
      
    
    

      
       Настоящие платья  
      
    
  
  

читать документы

GDav : «Джон Мюллер из Google сказал, что он ожидает, что схема должна измениться, и обсуждение этого вопроса, похоже, предполагает, что схема должна быть больше похожа на текущий синтаксис словаря данных, поэтому любые будущие адаптации вам потребуются сделать это может быть менее обременительно, чем кажется в настоящее время.»

Ну, я думаю, они изменились, потому что теперь schema.org также поддерживает хлебные крошки.

Обратите внимание: и data-vocabulary.org, и schema.org используют микроданные для поисковой оптимизации. На вид есть способы их комбинировать, но живого примера я не нашел, поэтому на вашем месте я бы выбрал один из них. А затем используйте его для всего своего контента (я имею в виду, что я бы не стал использовать словарь данных для ваших хлебных крошек и schema.org для вашего меню навигации).

Заключение:

Они оба работают, просто выберите одно.

Структурированные данные для панировочных сухарей — СНиП

В этом видео я покажу вам, как можно создавать структурированные данные для хлебных крошек, которые создают расширенный фрагмент (в данном случае хлебные крошки) в результатах поиска, на которые также можно нажимать!

Ссылки с видео:

Выписка:

В этом видео я хочу продемонстрировать, как создавать хлебные крошки в результатах поиска.Это позволяет пользователю А) распознать категорию страницы и Б) непосредственно щелкнуть эту категорию.

играет музыка

Привет и добро пожаловать обратно! Приятно видеть вас на седьмом уроке модуля 3 моего тренинга по структурированным данным. Я Флориан, разработчик SNIP, плагина Rich Snippets and Structured Data для WordPress. Если вы хотите использовать плагин, пожалуйста, перейдите по ссылке, которую вы можете найти в области описания. В этом видео я хочу показать вам, как строятся хлебные крошки.

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

Но теперь: давайте прямо сейчас!

Расширенный сниппет Breadcrumb

Навигационная цепочка на странице указывает положение страниц в иерархии сайта.Пользователь может перемещаться вверх в этой иерархии сайта по одному уровню за раз, начиная с последней навигационной цепочки в цепочке навигации.

Читать ссылки

Ссылка Googles

Как всегда, мы открываем справочник Google, чтобы узнать, какие свойства нам нужны. Панировочные сухари довольно легко понять, потому что нам нужно только одно свойство. Поэтому читать особо нечего и особо не о чем думать. Google использует структурированные данные из схемы.орг. В этом случае нам нужны две схемы: BreadcrumbList и ListItem. Последние необходимы для отдельных хлебных крошек, в то время как первая позволяет поисковым системам знать, что схема представляет собой список из нескольких элементов. На этих страницах вы можете найти все возможные варианты. Однако, как вы могли видеть на справочной странице Google, вам не нужны все перечисленные там ресурсы. Вам нужно только требовать их, чтобы получить хлебные крошки в результатах поиска.

schema.org

По схеме.org BreadcrumbList является дочерним элементом ItemList, который является дочерним элементом Intangible, который является Thing. Если вы не понимаете, о чем я сейчас говорю, вернитесь к одному из модулей моего обучения структурированным данным. Будет подробно объяснено, как устроен schema.org.

Если вы смотрели некоторые из предыдущих видео, то, возможно, помните, что мы уже использовали схему ItemList или HowToStep. Они также используются в других схемах, таких как Рецепты, в основном для свойств. Когда вы нажимаете на BreadcrumbList или ListItem, браузер переводит вас на эту конкретную страницу этой схемы.Затем вы можете найти все возможные свойства. Однако вам не нужно все до единого, чтобы получать хлебные крошки в результатах поиска, как я уже говорил. В этой конкретной схеме нам нужен только один. Но нам это нужно несколько раз. Это свойство itemListElement. Вы увидите это более подробно в примере, который я создам позже вместе с вами.

Создать глобальный сниппет

Перед этим сделаем небольшое примечание: в видео я буду использовать встроенный генератор в SNIP, мой плагин Rich Snippets и Structured Data для WordPress.Если вам не нужно устанавливать подключаемый модуль, воспользуйтесь генератором структурированных данных на моем веб-сайте, чтобы следовать видеоинструкциям. Бесплатный генератор не обладает всеми функциями встроенного генератора. Так что, возможно, вы застряли в какой-то момент. Особенно, когда речь идет о глобальных сниппетах и ​​совершенно новой функции циклов, которая позволяет автоматизировать создание хлебных крошек.

Начнем!

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

Как видите, SNIP поставляется с некоторыми предопределенными фрагментами, которые, возможно, уже соответствуют вашим потребностям. Если вы не видите эти фрагменты, перейдите на страницу настроек плагина здесь и просто нажмите «Вперед!» кнопка.

Поскольку для фрагментов постов уже существует навигационная крошка, я объясню все с помощью этого фрагмента.Итак, давайте откроем это.

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

Проверьте, какие ссылки должны быть в цепочке навигации

Теперь предположим, что мы много работаем с категориями WordPress. Я подготовил пост о мотоцикле, который должен объяснить, что я имею в виду.Если я открою сообщение, вы увидите, что этот пост можно найти в разделе «Наследие», который находится в разделе «BMW», который находится в разделе «Мотоциклы». Допустим, мы хотим, чтобы наши категории отображались в результатах поиска. Итак, нам нужны все эти категории в нашей хлебной крошке. Что нам здесь нужно, так это автоматизация, которая позволяет нам автоматически выбирать эти категории для создания нескольких элементов для нас, чтобы нам не приходилось добавлять их самостоятельно. Это было бы не очень экономично, потому что иерархия категорий для каждого сообщения разная.Таким образом, это именно то, что делает функция зацикливания.

Использование функции зацикливания в СНиП

Мы создаем одно свойство — в данном случае это itemListElement — и определяем субсхему, которой в данном случае является ListItem. Теперь мы определяем, что плагин должен перебирать все, что мы здесь определяем. В моем случае я определил, что SNIP должен проходить по категориям. Итак, что он делает: он получает все три категории из базы данных, создает ListItem для каждой категории и заполняет свойства подсхемы текущими значениями.

Обычно цикл выполняется трижды и заполняет здесь значения новыми значениями из базы данных. Теперь все, что нам нужно сделать, это выбрать, как цикл должен заполнять значения. Я решил использовать термин title для имени и термин URL для свойства элемента.

Поскольку Google хочет, чтобы мы выполняли сортировку по числу, нам также необходимо свойство position. Поскольку мы не знаем, сколько у нас категорий, поскольку иерархия категорий может различаться по глубине, мы можем просто выбрать здесь «порядковый номер» для типа поля.Это в основном начинается с числа «один» и увеличивается с каждым циклом.

Итак, первое свойство ItemListElement — это цикл, который создает для нас все категории. В нашем случае это будет три категории.

Добавить последнюю ссылку в цепочку навигации

Что мы теперь хотим, так это добавить сам заголовок сообщения в конец цепочки навигации. Итак, наш след из хлебных крошек выглядит так. Итак, что нам нужно сделать сейчас, так это добавить еще один ListItem, чтобы добавить этот единственный элемент сообщения.И вот что я здесь сделал. Другой itemListElement, который является ListItem. И то, что я сделал здесь, я просто ввел в заголовке сообщения для имени, URL-адрес сообщения для элемента и порядковый номер для этого.

Итак, что происходит здесь: порядковый номер ведет к отсчету один, два, три для трех категорий и 4 для последнего элемента в цепочке навигации, который является заголовком сообщения.

Проверить фрагмент

Теперь мы должны проверить вывод плагина с помощью инструмента проверки структурированных данных Googles, чтобы убедиться, что все в порядке.Для этого я открываю инструмент тестирования в новом окне браузера.

Как всегда, вы должны указать здесь ссылку на конкретный пост. Мне нужно ввести вывод плагина вручную, потому что я нахожусь на локальном сайте разработки, к которому этот инструмент не имеет доступа. Итак, я провожу тест.

Теперь мы видим там все списки предметов. Обратите внимание, что элементы могут иметь другой порядок в исходном коде. Однако это не имеет значения, потому что мы использовали параметр позиции, который сообщает поисковым системам правильный порядок.Вы можете увидеть их здесь, здесь и здесь. Как видите, первым будет «Мотоциклы», вторым — «BMW», третьим — «Наследие», а четвертым — наш пост. Или заголовок сообщения с URL-адресом сообщения. К сожалению, на этот раз кнопки предварительного просмотра нет. Нам нужно подождать, пока поисковые системы снова просканируют наш сайт с новым фрагментом, чтобы мы могли увидеть это в действии.

Петля

Снова вернемся к нашему глобальному сниппету. Конечно, если вы мало работаете с категориями, вы всегда можете использовать другой цикл.Например, если вы используете теги, вы также можете использовать теги. И в настоящее время плагин также может выполнять цикл по основному запросу и по меню, если оно существует. Хорошо. Вот и все.

Заключение

Хорошо. Подведем итог всему, что мы узнали из этого видео.

• На момент создания этого видео фрагмент BreadcrumbList показывает навигационную цепочку прямо под заголовком в результатах поиска. Каждая отдельная хлебная крошка кликабельна.
• Все элементы навигации помечены как ListItems.
• Чтобы найти нужные свойства, мы, как всегда, использовали справочные страницы Google и schema.org.
• Мы автоматизировали создание хлебных крошек с помощью функций Global Snippet и Loop в модуле SNIP my Rich Snippets and Structured Data.

Вот и все! Если вас интересуют другие Rich Snippets и то, как они построены, рассмотрите возможность просмотра другого видео, созданного мной. Надеюсь, я скоро увижу вас в другом видео. Пока-пока!

играет музыка

Организация схемы хлебных крошек | WordPress.org

Привет @pahomka

Спасибо, что обратились в службу поддержки.

Вы хотите сказать, что мы должны добавить встроенный код схемы?

Если так, то это не рекомендуется Google. Вы можете прочитать о рекомендации здесь:
https://i.rankmath.com/tVYMHD
https://developers.google.com/search/docs/guides/intro-structured-data

Привет, @rankmath!
Спасибо за ответ!
В этой инструкции написано, что Google рекомендует использовать json-ld, но также поддерживаются другие форматы.
И мой 10-летний опыт работы с SEO говорят мне, что хлебные крошки json-ld работают очень плохо. На каких-то моих сайтах, где я использовал эти хлебные крошки json-ld, я не вижу результата в serp. Но на своих сайтах, где я использую хлебные крошки микроданных, я вижу эти блоки в виде serp.
Я проверил его на лучших сайтах в своей теме, и получил тот же результат.
Пожалуйста, проверьте это на своем сайте, может быть, панировочные сухари json-ld здесь тоже не работают.

Привет @pahomka

У нас он отлично работает на наших сайтах:
https: // i.rankmath.com/VFYLDR

и несколько других, которые его используют:
https://i.rankmath.com/f3gvUI

Имейте в виду, что добавление разметки схемы не гарантирует включение.

Как бы мы ни хотели здесь помочь, у нас есть только метод JSON-LD, закодированный в плагине.

Может быть, вы захотите использовать какой-нибудь другой плагин для функции «Панировочные сухари» или добавить его в свою тему вручную?

Если есть еще что-нибудь, дайте нам знать.Мы здесь, чтобы помочь. Спасибо.

Как добавить код разметки схемы LD-JSON BreadcrumbList?

Привет @justravis

Вы можете следовать этому руководству, чтобы добавить панировочные сухари на свой сайт:
https://rankmath.com/kb/general-settings/#bread-crumbs

Также, пожалуйста, откройте новую тему поддержки, чтобы мы могли помочь вам лучше.

Спасибо.

Ошибка хлебных крошек Schema.org | WordPress.org

Мне нужно увидеть реальную разметку HTML страницы, чтобы диагностировать это. Я могу придумать несколько причин, по которым это происходит. Во-первых, если у вас есть другая разметка Schema.org, которая по какой-то причине недействительна и сбивает с толку парсер Google. Другой — если вы смешиваете данные Schema.org в формате RDFa и микроданных, очевидно, парсеру Google это тоже не нравится (что является одной из причин, по которой Yoast перешел на использование JSON-LD).

Спасибо,
, на какой адрес электронной почты мне следует отправить более подробную информацию и URL-адрес?
Спасибо

привет
Как глобально отключить схему NavXT?
Я хочу использовать другой плагин для обработки всех атрибутов схемы.
Есть ли для этого код add_filter?
Большое спасибо

Вам нужно будет сделать следующее:

Удалите все ссылки на itemscope , itemtype , vocab и typeof из HTML-элементов, содержащих вызов bcn_display () .

Удалите все ссылки на itemprop , itemscope , property и type of в настройках шаблона навигации.

• Этот ответ был изменен 1 год, 1 месяц назад пользователем John Havlik.
• Этот ответ был изменен 1 год, 1 месяц назад пользователем John Havlik. Причина: удалено форматирование, так как оно сломано

Прошу прощения, я не программист, поэтому понятия не имею, как реализовать ваше предложение.

Если я удалю то, что вы написали, из настроек шаблона, не удалит ли панировочные сухари со страниц / сообщений и т. Д.?

Я хочу, чтобы на моем сайте были хлебные крошки NavXT, но БЕЗ их перечисления на schema.org, что будет сделано с другим плагином.
Текущий статус: NavXT внедряет код schema.pro на любую страницу, и только это я хочу отключить.

введенный код:

  


   ГЛАВНАЯ    >    diy   < meta property = "position" content = "2"> >   ИМЯ     >   ИМЯ    
  

Спасибо

Вам нужно найти, где в вашей теме вызывается bcn_display () , тогда вам нужно будет заменить

  интерфейс экспорта IBreadcrumb {
  описание: строка;
  url: строка;
}
  

  const breadcrumbList: IBreadcrumb [] = [
    {
      описание: "Дом",
      url: "/"
    },
    {
      описание: "Австралия",
      url: "/ австралия"
    },
    {
      описание: "Новый Южный Уэльс",
      url: "/ австралия / nsw"
    },
    {
      описание: "Сидней",
      url: "/ австралия / nsw / sydney"
    },
    {
      описание: "Дом Харви",
      url: "/ австралия / nsw / sydney / harveys-place"
    }
  ];
  

  

  

    
       Корневая страница 
    
    
  
  

    
       Страница категории 
    
    
  
  

    
       Эта страница 
    
    
  

  

  <ол
  itemscope = ""
  itemtype = "http://schema.org/BreadcrumbList"
 
>
  <ли
    itemprop = "itemListElement"
    itemscope = ""
    itemtype = "http://schema.org/ListItem"
  >
    <а
      href = "/"
      itemscope = ""
      itemtype = "http: // schema.org / Thing "
      itemprop = "элемент"
      itemid = "/"
      >  Главная