Sumax informiert: Rich Snippets werden schon seit geraumer Zeit in Google angezeigt. Doch von einer weitflächigen Verbreitung kann noch keine Rede sein, dabei stellen sich die kurzen Auszüge als äußerst nützlich heraus. Man kann mit ihnen deutlich präziser auf ein Produkt oder einen Dienst verweisen, als es normale Ergebnisse in Google können. Denn Rich-Snippets zeigen nicht nur einen Titel, eine Description und den Link, sondern je nach Konfiguration auch weitere Informationen wie Details zum beworbenen Produkt, mitunter sogar ein Vorschaubild.
Wie du diese Rich-Snippets richtig einsetzt, möchten wir dir an dieser Stelle näher bringen. Schema.org bietet Markierungen, mit denen die großen Suchmaschinen anstandslos zurechtkommen. Dort kannst du nähere Informationen zu den einzelnen Befehlen finden. Zunächst musst du Google jedoch darüber informieren, dass die aufgerufene Seite eine Produktseite ist und nicht etwa ein Dokument ohne Produkte. Dies wird entweder im jeweiligen div-Container oder im <html>-Tag gemacht.
<div itemscope itemtype="http://schema.org/Product">
<html itemscope itemtype="http://schema.org/Product">
Als nächstes solltest du eine Bewertung mit anzeigen lassen. Das kann über folgenden exemplarischen Code geschehen. Je nach verwendetem Shop-System und Template kann er etwas abweichen. Der Aufbau ist in der Regel aber ähnlich.
<p itemprop="aggregateRating" itemscope itemtype="http://schema.org/AggregateRating">
<em itemprop="ratingValue">4.99</em> Sterne bei
<em itemprop="reviewCount">804</em> Bewertungen.
</p>
Der Wert „ratingValue“ gibt die durchschnittliche Bewertung mittels Sternesystem wider. Google geht hierbei standardmäßig von maximal fünf Sternen aus. Das lässt sich nachträglich aber anpassen. Die Angabe „reviewCount“ gibt die absolute Anzahl an abgegebenen Bewertungen zum jeweiligen Produkt an.
Den Besucher interessiert natürlich auch der Preis des Produktes. Diesen kannst du über folgenden Code mit einbinden:
<p itemprop="offers" itemscope itemtype="http://schema.org/Offer">
<em itemprop="price">€ 19.99</em>
</p>
Sollten für ein Produkt unterschiedliche Preise, etwa durch verschiedene Farben oder Materialien bestehen, lässt sich mittels folgenden Codes sehr einfach auch die Preisspanne darstellen.
<p itemprop="offers" itemscope itemtype="http://schema.org/AggregateOffer">
<em itemprop="lowPrice">€ 19,99</em> bis <em itemprop="highPrice">€ 99,99</em>
</p>
Nutze Rich-Snippets, um zwischen den noch spärlich vertretenen Shopbetreibern mit Snippets aufzufallen. Das ist eine gute Chance, dich besser darzustellen als die Konkurrenz. Weitere Produkt-Auszeichnungen kannst du auf schema.org finden.
Eine Kommentar
Hey, cooler Beitrag – sehr hilfreich! Ich habe auch gesehen, dass ihr das selbst auch umsetzt und eine Bewertung in das Snippet eingebaut habt. Macht schon was her 
http://www.google.de/search?q=sumax.de&ie=utf-8&oe=utf-8&aq=t&rls=org.mozilla:de:official&client=firefox-a
