SEO mit Google Rich Snippets: So geht’s!

Nicht nur Shop-Betreiber sind laufend auf der Suche nach Möglichkeiten Ihre Klickrate zu erhöhen, um die Wahrscheinlichkeit zu erhöhen, mehr zahlende Kunden gewinnen zu können. Seit kurzem besteht nun auch in Deutschland die Möglichkeit, Suchergebnisse durch die sog. “Google Rich Snippets” mit zusätzlichen Informationen wie z.B. Produktbewertungen und Preisen anzureichern. Rich Snippets sind das, was Google und übrigens bald vielleicht auch andere Suchmaschinen erzeugen, wenn Sie Ihrer Website zusätzliches HTML-Markup hinzufügen. Das, was der Besucher auf der Google Suchergebnisseite dann sieht, sind Rich Snippets, stark erweiterte Suchergebnis-Schnipsel, die in der Übersicht direkt wesentliche Merkmale Ihres Angebots anzeigen. Dabei kann es sich um Produktbeschreibungen mit Preisen und Verfügbarkeit, Veranstaltungen, Personen, Produktbewertungen, Rezepte und einiges mehr handeln.

(Bildquelle: Alexander Klaus / pixelio.de)

Rich Snippets: Wettbewerbsvorteile durch frühe Implementation sichern

Es liegt auf der Hand, was durch diese Rich Snippets mit großer Wahrscheinlichkeit erreicht werden kann. Im Vergleich zu Websites, die das zusätzliche Markup nicht implementiert haben, liegen Sie mit Ihrem entsprechend angereicherten Angebot nicht nur höher im Ranking, sondern werden von den Suchenden auch als relevanter wahrgenommen. Dies vor allem, weil wesentliche Informationsschnipsel nicht erst umständlich auf Ihrer Website erforscht werden müssen, sondern direkt in der Suchergebnisübersicht angezeigt werden.

Abb. 1: So sieht ein Rich Snippet aus! (Beispiel aus dem Google Testing Tool)

In jedem Falle verschaffen Sie sich zum jetzigen Zeitpunkt einen Wettbewerbsvorteil durch die reine Implementation der recht einfach zu verwendenden Markup-Erweiterungen. Sie sollten aus diesem Grunde auch jetzt mit der Umsetzung beginnen, Ihr Wettbewerber ist möglicherweise schon dabei. In einigen Monaten werden wir wohlmöglich weitere Strategien überlegen müssen, die, dem klassischen SEO-Gedanken folgend, dahin gehen werden, wie wir unser eigenes Zusatz-Markup so optimieren können, dass es dem des Konkurrenten überlegen erscheint. Nutzen wir also das Zeitfenster, das sich jetzt bietet, um uns schon mal einen gewissen Vorsprung zu sichern.

Schema.org: Ein übergreifender Standard für Zusatzmarkup

Wie bereits erwähnt, bedarf es zur Vorbereitung Ihrer Website für die Erzeugung der Rich Snippets nur eines überschaubaren Aufwands. Das zusätzliche Markup, das in die bestehenden HTML-Seiten einzubauen ist, ist relativ leicht zu erlernen und wird auf der eigens zu diesem Zweck ins Leben gerufenen Website Schema.org in aller Ausführlichkeit beschrieben. Wenn Sie bereits bislang an den HTML-Dateien Ihres Webauftrittes selbst Hand angelegt haben, werden Sie keine Schwierigkeiten haben, die Vorbereitung für Rich Snippets selbst zu erledigen. Ist das nicht der Fall, sollten Sie auch weiterhin dem Webentwickler Ihres Vertrauens sein Honorar gönnen.

Übrigens brauchen Sie sich nicht um die Darstellung Ihrer Inhalte im Übrigen zu sorgen. Das Zusatz-Markup dient in der Tat ausschließlich der Information der Crawler aus dem Hause Google. Eine Anzeige innerhalb des Layouts Ihrer Site findet nicht statt.

In der Vergangenheit musste Zusatzmarkup über eine spezifische Google-URL angesprochen werden. Um dem Thema eine universellere Verbreitung zu ermöglichen, schwenkte man dann auf die Website Schema.org um. Hier wird crawler-unabhängig ein Markup definiert, das derzeit von Google, Microsoft und Yahoo interpretiert werden kann und als Standard offen liegt. So können weitere Anbieter auf den fahrenden Zug aufspringen. In der Zukunft könnte es spezielle Dienste geben, die die Daten, die über das Zusatzmarkup abgerufen werden können, in einer Art und Weise aggregieren, die über das reine Zeigen von angereicherten Suchergebnissen weit hinaus gehen. Immerhin können die von Ihnen zusätzlich bereit gestellten Informationen weltweit frei ausgelesen werden. Es bleibt sicherlich spannend.

Schema.org unterstützt bereits heute mehr Zusatzmarkup als Google, um deren Rich Snippets es uns hier ja geht, derzeit verwendet. Sie sollten sich daher vom Umfang der Möglichkeiten nicht erschlagen lassen, sondern sich klar auf die zur Erzeugung von Rich Snippets in der Google-Suche erforderlichen Marup-Optionen fokussieren. Aktuell verwendet Google Daten zur Snippet-Erzeugung in den Bereichen Personen, Veranstaltungen, Bewertungen, Produkte, Rezepte und Seitennavigation. Lassen Sie uns einen näheren Blick auf das Thema Produkte und Bewertungen werfen.

Eine wichtige Information sollten Sie im Kopf behalten. Sie müssen nicht mit großer Perfektion versuchen, alle Elemente Ihrer Site schema.org-kompatibel auszuzeichnen. Je nach Umfang Ihres Angebots würde sich diese Herangehensweise zu einem Riesenprojekt aufblasen. Gehen Sie stattdessen zunächst so vor, dass Sie lediglich einige Bereiche Ihrer Präsenz erweitern, so vor allem diejenigen, die Sie in den Besucherfokus pushen wollen. Klassisch könnte es sich um Sonderaktionen jedweder Art handeln. Auf diese Weise erlangen Sie Erfahrungen in der Handhabung und auch den Auswirkungen des Zusatzmarkup ohne direkt in alter Poker-Manier All In gehen zu müssen. Erweitern können Sie den Auszeichnungsumfang später immer noch. Google wird mit jedem neuen Suchlauf den Index um die dann neu hinzugefügten Information ergänzen.

Abb. 2: Suchergebnis mit und ohne Rich Snippet. Welches klicken Sie an?

Haben Sie bislang Produkte auf Ihrer Website feil geboten, so erschienen diese im HTML-Markup letztlich als reine Textinformation. Das ist für das Auge des menschlichen Besuchers hinreichend, wirkt jedoch auf Suchmaschinen recht unstrukturiert. Google hätte also aus einem Wust von zunächst gleichrangigen Textinformationen versuchen müssen, die wichtigsten algorithmisch auszulesen, um sie strukturiert präsentieren zu können. Das funktioniert spätestens über mehrere Sprachen hinweg eher schlecht als recht.

Das über Schema.org standardisierte Markup verbessert diese Situation drastisch. Die relevanten Informationsteile werden einzeln mit Eigenschaften versehen und können so wie die Inhalte einer Datenbank strukturiert ausgelesen werden. Da das Markup auf nahezu natürlich sprachlichen englischen Begriffen beruht, stellt es den Seitenbetreiber auch nicht vor allzu große Rätsel. So kann man sich leicht vorstellen, was die Eigenschaften price, description oder auch worstRating und bestRating zu bedeuten haben werden.

Ein bisschen Technik: Rich Snippets und das Markup

Technisch betrachtet werden Produkte in einen Div-Container geschrieben, innerhalb dessen dann mit Span-Elementen die Einzelinformationen untergebracht werden. Abgesehen davon, dass wir es mit Div und Span zu tun bekommen, handelt es sich um die Art der Produktbeschreibung, die wir beispielsweise auch in Katalogen vorfinden. Zunächst wird das Produkt genannt und im unmittelbaren Umfeld dazu erfahren wir Zusatzinformationen, etwa die Beschreibung, den Preis oder die Verfügbarkeit.

<div itemscope itemtype="http://schema.org/Product"> <span itemprop="name">Kenmore 17" Mikrowelle</span> <img src="kenmore-microwave-17in.jpg.webp" alt='Kenmore 17" Microwave' /> <div itemprop="aggregateRating" itemscope itemtype="http://schema.org/AggregateRating"> Bewertet mit <span itemprop="ratingValue">3.5</span>/5 basierend auf <span itemprop="reviewCount">11</span> Benutzerbewertungen </div> <div itemprop="offers" itemscope itemtype="http://schema.org/Offer"> <span itemprop="price">€55.00</span> <link itemprop="availability" href="http://schema.org/InStock" />Auf Lager </div> Produktbeschreibung: <span itemprop="description">Sechs Garprogramme, gepaart mit einer Kinderschutzfunktion, machen diese Mikrowelle ideal für Familien.</span></div> 

Alle in Span-Elemente verpackte Informationen sind im Layout der Seite sichtbar, natürlich ohne das jeweilige Zusatzmarkup. Um wichtige Informationen an Google zu übermitteln, ohne dass diese gleichzeitig im Layout gesehen werden, verwendet man das Meta-Element. In nahezu jedem Fall wird man das Meta-Element verwenden, um die Währung des angezeigten Preises in korrekter Schreibweise zu übermitteln. Innerhalb des Span mit der Eigenschaft price fände sich dann beispielsweise die Info “55 €”. Das Eurozeichen kann Google jedoch nicht daraus extrahieren. Hier ist es zusätzlich erforderlich eine unsichtbare Information, eben ein Meta-Element zu platzieren. Das sieht dann so aus:

  <meta itemprop="priceCurrency" content="EUR" />

Ich denke, es wird deutlich, was auf diese Weise erreicht wird. Durch die Verschachtelung verschiedener Div-Elemente lässt sich eine nahezu unüberschaubare Komplexität einer einzelnen Produktdarstellung erreichen. So können dem Pseudo-Datensatz auf diese Weise Kundenbewertungen beigegeben werden. Auch die Aggregation verschiedener Werte mit entsprechender Mittelung ist vorgesehen. So entsteht etwa die sehr sprechende zweite Snippet-Zeile im Suchergebnis, die beispielsweise mit einer Darstellung von nebeneinander platzierten Sternchen anzeigt, wie gut das Produkt im Durchschnitt bewertet wurde und wie viele Bewertungen der grafischen Darstellung zugrunde liegen. Es liegt auf der Hand, dass ein potenzieller Kunde eher einen solchen angereicherten Link anklicken wird, denn einen, dem kaum Informationen zu entnehmen sind.

Um sicher zu gehen, dass bei der Einbindung des Zusamtzmarkup keine Fehler gemacht wurden, können Sie das Google Rich Snippets Testing Tool verwenden. Dieses Tool zeigt Ihnen an, welche Informationen Google aus dem Markup erkennen kann. Beachten Sie, dass es sich zwar um eine WYSIWYG-Preview handelt, aber nicht um eine echte Vorschau des Suchergebnisses. Es wird also das Rich Snippet so angezeigt, wie es in den Suchergebnissen angezeigt würde, wenn es angezeigt würde. Letzteres indes ist nicht garantiert. Warnungen und Fehler kennzeichnet das Tool auffällig, im Übrigen sehen sie eine Liste der extrahierten Informationen.

Damit schließe ich diesen kleinen Ausflug in die Welt der seit kurzem auch in Deutschland verfügbaren Rich Snippets. Ich hoffe, ich konnte Ihnen deren Möglichkeiten der Beeinflussung der Google Suchergebnisse schmackhaft machen und gleichzeitig verdeutlichen, dass die Implementation keine Raketenwissenschaft darstellt. Viel Erfolg!