Хлібний шум, використовуючи фрагменти, збагачені Schema.org

9

У мене виникають проблеми з реалізацією фрагментів, багатих на сухарі, із сайту schema.org. Коли я будую свою сухар за допомогою документації та запускаю за допомогою інструменту тестування Google Rich Snippet , панірувальний сухарі ідентифікуються, але не відображаються у попередньому перегляді.

<!DOCTYPE html>
<html>
  <head>
    <title>My Test Page</title>
  </head>
  <body itemscope itemtype="http://schema.org/WebPage">     
      <strong>You are here: </strong>
      <div itemprop="breadcrumb">
        <a title="Home" href="/">Home</a> >
        <a title="Test Pages" href="/Test-Pages/">Test Pages</a> >
      </div>
  </body>
</html>

Якщо я перейду до використання фрагментів з data-vocabulary.org, у попередньому попередньому перегляді відображаються вірно розроблені фрагменти.

<!DOCTYPE html>
<html>
  <head>
    <title>My Test Page</title>
  </head>
  <body>
      <strong>You are here: </strong>
      <ol itemprop="breadcrumb">
        <li itemscope itemtype="http://data-vocabulary.org/Breadcrumb">
          <a href="/" itemprop="url">
            <span itemprop="title">Home</span>
          </a>
        </li>
        <li itemscope itemtype="http://data-vocabulary.org/Breadcrumb">
          <a href="/Test-Pages/" itemprop="url">
            <span itemprop="title">Test Pages</span>
          </a>
        </li>
      </ol>
  </body>
</html>

Я хочу, щоб сухарі відображалися в результатах пошуку, а не URL-адреса на сторінці.

Зважаючи на те, що Schema.org є рекомендованим способом використання розгалужених фрагментів, я б скоріше скористався цим, однак, оскільки панірування не відображається в попередньому перегляді результату пошуку за допомогою цього методу, я не впевнений, що це працює правильно.

Я роблю щось не так у розмітці для прикладу Schema.org?

— Адам Дженкін
джерело

Google рекомендує використовувати формат мікроданих для інших. Хлібні сухарі вони підтримують мікродані та підтримку RDFa.google.com/webmasters/bin/… я б використовував їх рекомендований формат, якщо ви хочете, щоб він відображався в результатах пошуку.

— Анагіо

Пов’язані: Schema.org або Data-Vocabulary.org для сухарів?

— unor

3

З цією реалізацією:

<div itemscope itemtype="http://data-vocabulary.org/Breadcrumb">
      <a href="http://www.example.com/dresses" itemprop="url">
    <span itemprop="title">Dresses</span>
  </a> &gt;
</div>  
<div itemscope itemtype="http://data-vocabulary.org/Breadcrumb">
  <a href="http://www.example.com/dresses/real" itemprop="url">
    <span itemprop="title">Real Dresses</span>
  </a> &gt;
</div>  
<div itemscope itemtype="http://data-vocabulary.org/Breadcrumb">
  <a href="http://www.example.com/clothes/dresses/real/green" itemprop="url">
    <span itemprop="title">Real Green Dresses</span>
  </a>
</div>

У вас з’явиться така сухарічка в Google:

Dresses > Real Dresses > Real Green Dresses

— Ранайво
джерело

1

Я хотів би поставити +1 для вашої довідок Barenaked Ladies, але, на жаль, я думаю, що я зловживаю системою голосування :-) Так що натомість я поставлю вам +1 за фактично працююче рішення.

— Пол д'Ауст,

1

Мені здається, що проблема полягає в самій документації schema.org. Ось декілька освітніх посилань:

Я класифікував їх як найбільш корисних перших, по суті вони з часом пов'язують один одного. Дія щодо цього має відбутися наприкінці цього місяця, але, схоже, результат буде таким же, як у вашому другому прикладі.

Шкода, тому що html закінчується складніше, ніж насправді потрібно, але ми є.

Сподіваюся, що це допомагає!

— Стюарт Берроуз
джерело

1

Я нещодавно робив дослідження з цього приводу.

Як виявляється, те, що Google рекомендує для панірувальних сухарів, не працює. Коли я переглянув пару тижнів тому, їхній власний приклад зазнав невдачі в інструменті Google Rich Snippet. Схоже, Google трохи відстає, але все ж випереджає інших.

Data-vocabulary.org є загальноприйнятим та фактичним стандартом, хоча Schema.org замінює його на Data-vocabulary.org як амортизований. Однак реальність не відповідає риториці. Намір полягав у тому, що Schema.org замінить Data-vocabulary.org, і, можливо, це станеться. І все-таки я десь знайшов фрагмент (призначений для каламбура), який згадував, що Google ще не змінив їх код для розпізнавання Schema.org

Сказавши це, на прикладі я виявив, що працює в Google та Bing, хоча Бінг останнім часом трохи змінив справи, тому будьте обережні, якщо Bing важливий для вас.

<span itemscope itemtype="http://data-vocabulary.org/Breadcrumb"><a itemprop="url" href="http://www.example.com/"><span itemprop="title">Home</span></a> &gt; </span>
<span itemscope itemtype="http://data-vocabulary.org/Breadcrumb"><a itemprop="url" href="http://www.example.com/marvel/"><span itemprop="title">Marvel Comics</span></a> &gt; </span>
<span itemscope itemtype="http://data-vocabulary.org/Breadcrumb"><a itemprop="url" href="http://www.example.com/fantastic-four/"><span itemprop="title">Fantastic Four</span></a> &gt; </span>
<span itemscope itemtype="http://data-vocabulary.org/Breadcrumb"><a itemprop="url" href="http://www.example.com/fantastic-four/58/"><span itemprop="title">Fantastic Four #48: The Coming of Galactus</span></a></span>

Сподіваюсь, це допомагає.

— closetnoc
джерело

1

(Залишаючи сторону підтримки споживачів.)

Словник Schema.org пропонує два способи надання сухарів WebPage(та його підтипів):

breadcrumbвластивість із значенням тексту
breadcrumbвластивість зі BreadcrumbListзначенням

Використовувати текст легко, але неструктуровано (складніше розбирати для споживачів).
Використання BreadcrumbListє складнішим, але дозволяє чітко вказати все необхідне (простіше розібратися для споживачів).

Беручи свій приклад, використання BreadcrumbListможе виглядати так:

<body itemscope itemtype="http://schema.org/WebPage">     
  <strong>You are here: </strong>
  <div itemprop="breadcrumb" itemscope itemtype="http://schema.org/BreadcrumbList">

    <span itemprop="itemListElement" itemscope itemtype="http://schema.org/ListItem">
      <meta itemprop="position" content="1" />
      <a itemprop="item" href="/">
        <span itemprop="name">Home</span>
      </a>
    </span> 

    &gt;

    <span itemprop="itemListElement" itemscope itemtype="http://schema.org/ListItem">
      <meta itemprop="position" content="2" />
      <a itemprop="item" href="/Test-Pages/">
        <span itemprop="name">Test Pages</span>
      </a>
    </span>

  </div>
</body>

(Можливо, вам доведеться перемістити елементи, якщо пробіл викликає занепокоєння.)

— unor
джерело