Breadcrumb mit Schema.org-Rich-Snippets

9

Ich habe Probleme bei der Implementierung der Breadcrumb-reichen Snippets von schema.org. Wenn ich meinen Breadcrumb mithilfe der Dokumentation erstelle und über das Google Rich Snippet-Testtool ausführe , wird der Breadcrumb identifiziert, aber in der Vorschau nicht angezeigt.

<!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>

Wenn ich die Snippets von data-vocabulary.org verwende, werden die Rich Snippets in der Vorschau korrekt angezeigt.

<!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>

Ich möchte, dass der Breadcrumb im Suchergebnis und nicht in der URL zur Seite angezeigt wird.

Angesichts der Tatsache, dass Schema.org die empfohlene Methode zur Verwendung von Rich Snippets ist, würde ich dies lieber verwenden. Da der Breadcrumb jedoch in der Vorschau des Suchergebnisses mit dieser Methode nicht angezeigt wird, bin ich nicht davon überzeugt, dass dies ordnungsgemäß funktioniert.

Mache ich im Markup für das Beispiel Schema.org etwas falsch?

— Adam Jenkin
quelle

Google empfiehlt, das Mikrodatenformat gegenüber anderen zu verwenden. Breadcrumbs unterstützen Mikrodaten und RDFa support.google.com/webmasters/bin/… Ich würde das empfohlene Format verwenden, wenn es in den Suchergebnissen angezeigt werden soll.

— Anagio

Verwandte: Schema.org oder Data-Vocabulary.org für Breadcrumbs?

— Unor

3

Mit dieser Implementierung:

<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>

Sie haben den folgenden Breadcrumb in Google:

Dresses > Real Dresses > Real Green Dresses

— Ranaivo
quelle

1

Ich würde +1 für Ihre Barenaked Ladies Referenz, aber leider denke ich, ich würde das Abstimmungssystem missbrauchen :-) Also werde ich Sie +1 für eine tatsächlich funktionierende Lösung verwenden.

— Paul d'Aoust

1

Es scheint mir, dass das Problem in der schema.org-Dokumentation selbst liegt. Hier sind einige lehrreiche Links:

Ich habe diese zuerst als am hilfreichsten eingestuft, im Wesentlichen sind sie alle irgendwann miteinander verbunden. Die Aktion hierzu ist Ende dieses Monats fällig, aber es sieht so aus, als ob das Ergebnis das gleiche sein wird wie in Ihrem zweiten Beispiel.

Schade, denn das HTML ist am Ende komplizierter als es wirklich sein muss, aber da sind wir.

Ich hoffe, das hilft!

— Stuart Burrows
quelle

1

Ich habe in letzter Zeit einige Nachforschungen angestellt.

Wie sich herausstellt, funktioniert das, was Google für Semmelbrösel empfiehlt, nicht. Als ich vor ein paar Wochen nachgesehen habe, ist ihr eigenes Beispiel im Rich Snippet Tool von Google fehlgeschlagen. Es scheint, dass Google etwas hinterherhinkt, aber immer noch vor den anderen.

Data-vocabulary.org ist der akzeptierte und de-facto-Standard, obwohl Schema.org ihn als abgeschrieben durch Data-vocabulary.org ersetzt haben soll. Die Realität entspricht jedoch nicht der Rhetorik. Die Absicht war, dass Schema.org Data-vocabulary.org ersetzen würde, und es könnte sein, dass dies passieren wird. Trotzdem fand ich irgendwo einen Ausschnitt (Wortspiel beabsichtigt), in dem erwähnt wurde, dass Google den Code noch nicht geändert hat, um Schema.org zu erkennen.

Dies ist jedoch das Beispiel, das ich in Google und Bing gefunden habe, obwohl Bing die Dinge in letzter Zeit ein wenig geändert hat. Seien Sie also vorsichtig, wenn Bing für Sie wichtig ist.

<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>

Hoffe das hilft.

— Schranknoc
quelle

1

(Abgesehen von der Unterstützung der Verbraucher.)

Das Vokabular Schema.org bietet zwei Möglichkeiten, um Breadcrumbs für a WebPage(und seine Untertypen) bereitzustellen :

breadcrumbEigenschaft mit einem Textwert
breadcrumbEigenschaft mit einem BreadcrumbListWert

Die Verwendung von Text ist einfach, aber unstrukturiert (für Verbraucher schwieriger zu analysieren).
Die Verwendung BreadcrumbListist komplexer, ermöglicht jedoch die explizite Angabe aller erforderlichen Elemente (für Verbraucher einfacher zu analysieren).

Mit Ihrem Beispiel BreadcrumbListkönnte die Verwendung folgendermaßen aussehen:

<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>

(Möglicherweise müssen Sie Elemente verschieben, wenn Leerzeichen ein Problem darstellen.)

— unor
quelle