In letzter Zeit gab es viele Diskussionen über die Zukunft der Websuche und warum sie auf Semantik basieren wird. Die ersten Schritte in diese Richtung sind bereits definiert und können in der Implementierung von Rich Snippets gesehen werden, aber bevor ich erkläre, wie man Rich Snippets implementiert, lassen Sie mich beschreiben, was sie sind und was ihr wahrer Zweck ist.
Rich Snippets sind kleine Codefragmente, hauptsächlich standardisierte HTML-Tag-Attribute (z.B. item-prop oder Klassen), die, wenn sie dem Quellcode einer Seite hinzugefügt werden, Suchmaschinen (aber nicht nur) helfen können, besser zu bestimmen, worum es auf Ihrer Seite geht.
Mit anderen Worten, sie helfen, semantisch zu beschreiben, wofür jeder Abschnitt der Seite verantwortlich ist und vermeiden mehrdeutige Definitionen, z.B. Avatar Film vs. Avatar Icon. Rich Snippets helfen, Suchmaschinen-Bots zu erklären, z.B. wie viele Bewertungen ein Produkt erhalten hat, was ansonsten schwer aus nicht standardisierten Daten und reinem Text abzuleiten ist.
Zurück zur Implementierung: Rich Snippets sind sehr einfach zu implementieren, da sie nur eine Ergänzung zum bestehenden HTML-Quellcode sind und keine Modifikation, und da sie in der Metasphäre Ihrer Seite arbeiten, ändern sie weder das Aussehen noch die Benutzererfahrung, sondern fügen einen semantischen Impuls hinzu, um den Bots zu helfen, Ihre Seiten besser zu verstehen.
Um dies zu verdeutlichen, zeige ich eine einfache Implementierung von Bewertungssnippets im folgenden Beispiel unter Verwendung des von HTML5 empfohlenen schema.org.
Code einer einzelnen Bewertung vor der Implementierung:
<div>
<div>
<span class="product-title">Nikon D90 SLR</span>
Bewertung von <span class="user">Anonym</span> am
<time class="date">26. Februar</time>.
<span class="title">D90 - Tolle Kamera</span>
<span class="description">Empfehle es Freunden!</span>
Bewertung: <span class="rate">4.5</span>
</div>
</div>
Code einer einzelnen Bewertung nach der Implementierung von Rich Snippets:
<div>
<div itemscope itemtype="https://data-vocabulary.org/Review">
<span itemprop="itemreviewed" class="product-title">Nikon D90 SLR</span>
Bewertung von <span itemprop="reviewer" class="user">Anonym</span> am
<time itemprop="dtreviewed" datetime="2012-02-26" class="date">26. Februar</time>.
<span itemprop="summary" class="title">D90 - Tolle Kamera</span>
<span itemprop="description" class="description">Empfehle es Freunden!</span>
Bewertung: <span itemprop="rating" class="rate">4.5</span>
</div>
</div>
Wenn wir Rich Snippets für Bewertungen auf unseren Seiten implementiert haben, lohnt es sich, noch eine Sache hinzuzufügen - die Review-aggregate Rich Snippets-Attribute, die die durchschnittliche Bewertung berechnen und eine Sternebewertung zu unseren organischen Ergebnissen in Google hinzufügen:
Review-aggregate Rich Snippets sind noch einfacher zu implementieren als Rich Snippets für einzelne Bewertungen.
<div itemscope itemtype="https://data-vocabulary.org/Review-aggregate">
<a href="#">Zeige <span itemprop="votes">979</span> Nutzerbewertungen für <span itemprop="itemreviewed">Nikon D90</span></a>
<meta itemprop="rating" content="5" />
</div>
Nach der Implementierung können Sie alles mit dem Google Rich Snippets Testing Tool testen.
Weitere Informationen und Beispiele finden Sie auf der Google-Seite oder auf Schema.org - in den Abschnitten Review und AggregateRating.
Es gibt auch einen weiteren Vorteil der Implementierung von Rich Snippets für Bewertungen, da die Anzahl der Bewertungen und die durchschnittliche Bewertung in den Google Shopping-Produktdaten berücksichtigt werden können, was Ihre Produkte für potenzielle Käufer attraktiver macht.