XXL Snippet-Guide

In diesem Artikel erfährst Du, welche Vorteile Dir Rich Snippets bringen und wie Du sie erstellst.

Bei einem Snippet handelt es sich grundsätzlich um ein Ergebnis auf eine vorherige Suchanfrage in den SERPs (Search Engine Result Pages). Der enthaltene Text sollte den Besucher informieren und gleichzeitig zum Klicken motivieren. Es gibt jedoch verschiedene Formen von Snippets, die wir im folgenden vorstellen:

Snippets

Standard-Snippets sind kleine Vorschauen einer Website, die Google nach einer Suchanfrage in den SERPS auflistet. Die Suchmaschine generiert diese Textausschnitte automatisch anhand der Metadaten. Dort werden üblicherweise Meta Title, Meta Description und URL angezeigt. Somit können die Besucher schneller ermitteln, ob das Suchergebnis für ihre Suche relevant ist oder nicht.

Abbildung 1: Standard-Snippet von allrecipes.com

Featured Snippets

Snippets mit grauem Rand am Seitenanfang fallen unter die Kategorie "hervorgehobene Snippets" oder "Featured Snippets". Auf diese Anzeigen haben Webseitenbetreiber direkt keinen Einfluss.

Google selbst entscheidet, welche Informationen so relevant für den Suchbegriff sind, dass sie gleich die Aufmerksamkeit der Leser gewinnen sollen. Oft stehen hier allgemeine Begriffsdefinitionen mit Hinweisen auf mehrere Bedeutungen. Die untenstehende OneBox erscheint zum Beispiel auf die Suchanfrage "conversion optimierung definition".

Abbildung 2: OneBox zum Thema Conversion Optimierung

Rich Snippets

Rich Snippets basieren auf strukturierten Daten, die Webmaster in einem speziellen Schema in den Code ihrer Webseite einbinden können, um Suchmaschinen detaillierte Informationen zu liefern. Schema.org ist eine Initiative, die Google, Yahoo und Microsoft (Bing) ins Leben gerufen haben, damit ihre Suchmaschinen Inhalte von Webseiten besser indexieren können. Alle gängigen Suchmaschinen unterstützen das Markup-Schema, sodass Webmaster sich nicht entscheiden oder mehrere Schemen implementieren müssen.

Im wahrsten Sinne des Wortes "bereichern" Rich Snippets das Ergebnis mit für Leser praktischen Informationen. So können beispielsweise Bilder, Links, Vorschauen oder Videos eingebunden werden. Wenn die nötigen Informationen als Rich Snippets (microdata, microformats oder RDFa) in den Quellcode eingefügt werden, erfahren Leser auf einen Blick das Wichtigste über den Seitenbetreiber.

Der gibt Google automatisch Antworten auf detaillierte Fragen wie:

• Wo befindet sich das Unternehmen?

• Was kosten die Produkte im Onlineshop?

• Wovon handelt das neueste Buch Deines Lieblingsautors?

• Welche Filme laufen aktuell in Deiner Umgebung?

• Wie viele Sterne bekommt das Restaurant um die Ecke von Gästen?

• Wer hat heute für Schlagzeilen gesorgt?

• Worüber schreibt der Blogger überwiegend?

Abbildung 3: Rich Snippet von Cinemaxx (München)

Ob Online-Händler, Musiker, Veranstalter oder NGO... Google unterstützt die verschiedensten Informationsarten. Auf der schema.org-Website findest Du eine Sammlung von HTML-Tags und Markups für die Verwendung von Rich Snippets, zum Beispiel für folgende Bereiche:

• Artikel

• Bewertungen

• Filme

• Musik

• Personen

• Preise

• Produkte und deren Warenverfügbarkeit

• Restaurants

• Rezensionen

• Rezepte

• Softwareanwendungen

• Unternehmen und Organisationen

• Urheberinformationen

• Veranstaltungen

• Videos

Eine besondere Form des Rich Snippets ist die Sitelinks Search Box. Bei dem Suchbegriff "München" bietet Google den Lesern zum Beispiel aktuelle Informationen aus dem Stadtportal. Sie können in einem Suchschlitz gezielt nach Sehenswürdigkeiten und Veranstaltungen suchen. Organische Ergebnisse rutschen dadurch weiter nach unten.

Abbildung 4: Sitelinks Search Box für den Suchbegriff "München" (rechte Seite)

Rich Cards

Rich Cards haben auf den ersten Blick nicht viel mit Rich Snippets gemeinsam. Im Mai 2016 hatte Google sie offiziell für Suchergebnisse auf Google.com für Filme und Rezepte angekündigt. Damals hieß es, dass an einer Ausweitung des Angebots auf weitere Regionen und Inhalte aktiv gearbeitet werde. Seit dem 22. März 2017 sind die Rich Cards nun auch weltweit verfügbar.

Google will damit speziell die "User Experience" für mobil Suchende verbessern. Rich Cards bilden ein Info-Karussell im oberen Bereich der Suchergebnisseite.

Abbildung 5: Rich Cards für die mobile Suche

Vorteile von Rich Snippets

Es gibt keine Garantie dafür, dass die Suchmaschine Deine Rich Snippets wunschgemäß darstellt, und es kann Wochen dauern, bis sie angezeigt werden. Dennoch hast Du damit eine größere Chance, in SERPs aufzufallen, als mit einfachen Snippets. Das ist besonders für Online-Händler wichtig. Sie müssen die Aufmerksamkeit ihrer Kunden innerhalb von Millisekunden gewinnen, um die Konkurrenz auszustechen. Das funktioniert mit einem bunten Eyecatcher und Sternen besser als mit drei einfachen Textzeilen.

Mithilfe von Mikrodaten kann der Händler eine detaillierte Produktbeschreibung eingeben und zum Beispiel über Preis, Farbe, Größe, Zustand oder Hersteller der Ware informieren. Wenn diese Details dem potenziellen Kunden eingeblendet werden und seine Erwartung erfüllen, ist der Weg zum Warenkorb nicht mehr weit.

Abbildung 6: Rich Snippet für die Auszeichnung "Produkt"

Ein besonders anschauliches Beispiel für Rich Snippets ist der Food-Bereich. Googelst Du zum Beispiel den Oberbegriff "Rezepte", siehst Du Suchergebnisse unzähliger Rezeptsammlungen und Food Blogs. Chefkoch.de und allrecipes.de erscheinen meist auf sehr guten Plätzen – mit Fotos und Bewertungen.

Wenn Du ganz konkret "Chefkoch" im Suchschlitz eingibst, erscheint das Rich Snippet mit zusätzlichen Informationen. So erleichtert das Portal seinen Lesern den Einstieg. Sie gelangen auf direktem Weg zum Bereich, der sie interessiert, anstatt lange auf der Website zu suchen. Rich Snippets dienen also auch der Orientierung.

Abbildung 7: Gezielte Suche durch Rich Snippet

Rich Snippets mit Mikroformaten erstellen und prüfen

Unter dem Überbegriff Mikroformate gibt es drei mögliche Formate für die Implementierung der Inhalte: JSON-LD, RDFa und Mikrodaten. Alle drei Formate sind zueinander kompatibel und nutzen Standard-HTML mit zusätzlichen Konventionen, um Daten aus der Standard HTML leichter extrahieren zu können.

Hilfe für dieses komplexe Thema erhältst Du in der Google Search Console. Klicke hierzu in der Rubrik "Darstellung in der Suche" auf "Strukturierte Daten".

Abbildung 8: Bereich "Strukturierte Daten" in der Search Console.

Hier öffnet sich das Structured Data Testing Tool und Du kannst die Formate für jede einzelne Webseite bearbeiten. Dafür testest Du zunächst anhand Deiner URL, ob bereits Rich Snippets vorhanden sind.

Abbildung 9: Googles Structured Data Testing Tool

Die Antwort fällt wahrscheinlich zunächst negativ aus:

Abbildung 10: Meldung über nicht vorhandene Rich Snippets

Du musst nicht zum perfekten Programmierer werden, denn in der Google Search Console unterstützt Dich der Data Highlighter beim Tagging und Speichern strukturierter Daten. Du kannst relevante Informationen auf Deiner Webseite markieren, ohne Markup-Language zu verwenden und ohne in den Quellcode einzugreifen.

Achtung: Achte unbedingt darauf, dass keine mit Rich Snippets versehe Webseite von der robots.txt blockiert wird.

Abbildung 11: Tagging mit Googles Data Highlighter

Rich Snippets prüfen

Sind die entsprechenden Mikrodaten im Quelltext hinterlegt, solltest Du prüfen, ob die Rich Snippets in den SERPs richtig erscheinen. Nutze hierfür das Rich Snippets Tool in Googles Search Console. Als Beispiel dient hier ein Rezept von allrecipes.

Wird das Rich Snippet erkannt, siehst Du links den Code und rechts die Auszeichnung "recipe".

Abbildung 12: Code und Vorschau des Rich Snippets

In den SERPs erscheint das Rezept für die Seite dann samt Bewertungen und Fotos.

Abbildung 13: Rich Snippet von allrecipes.com in den SERPS

Personenangaben in den strukturierten Daten

Mit strukturierten Daten kannst Du auch Angaben zu Deiner Person und Deinem Unternehmen anlegen. Neben der Eingabe von Name, Beruf und Kontaktdaten gibt es hier auch die Möglichkeit, in einer Kurzbeschreibung den Inhalt Deiner Seite zu skizzieren, zum Beispiel in der folgenden Reihenfolge:

Abbildung 14: Angabe von Kontaktdaten

Wenn Du Deine Personenangaben in einem Rich Snippet Generator eingibst, erhältst Du einen Code, den Du in Deinen Seitenquelltext integrieren kannst. Die Informationen stehen in HTML-Tags wie <div>, <p> und <span>.

Dabei gibt es folgende Elemente:

1. itemscope weist darauf hin, dass innerhalb des <div> eine Auszeichnung steht und offenbart die Quelle.

2. itemtype gibt die Art der Auszeichnung an, hier also "Person".

3. itemprop gibt detaillierte Informationen zu der Person.

Abbildung 15: Auszeichnung "Person" nach schema.org

Mit dem Ryte Snippet Optimizer kannst Du ebenfalls in wenigen Schritten Deine Snippets überprüfen und sicherstellen, dass alle Informationen komplett angezeigt werden.

Abbildung 16: Der Ryte Snippet Optimizer

Welche Vorteile bieten Rich Snippets für SEO?

Mit dem Gebrauch von Rich Snippets fällt Deine Webseite in den Suchergebnissen besonders auf: Sterne, Bilder, und Videos animieren zum Klicken. Zusätzliche Informationen unter dem Snippet schaffen Mehrwert und stärken das Vertrauen der Leser in Deine Marke, Deine Produkte oder Dienstleistungen.

Rich Snippets können außerdem Deine Click-Through-Rate erhöhen und Leser länger auf Deiner Seite halten. Zum Klicken motiviert auch eine gute Übersicht und transparente Navigation. Um alle Inhalte auf den ersten Blick lesbar zu machen – sowohl für Suchmaschinen als auch für Leser – stellt schema.org Breadcrumbs zur Verfügung.

Ein Breadcrumb ist ein aus mehreren Links bestehender Navigationspfad, der Nutzern hilft, die Hierarchie einer Website zu verstehen und sich darauf zu orientieren. Im Testing-Tool sieht die Breadcrumbs-Auszeichnung wie folgt aus:

Abbildung 17: Breadcrumbs erleichtern die Navigation

In "normalen" Snippets wird unter dem Titel die URL angezeigt. Wenn Du Breadcrumbs auf Deiner Seite nutzt, zeigt Google an dieser Stelle zusätzlich die Seitenstruktur verständlicher an. Untenstehend siehst Du ein Beispiel für das Suchergebnis mit Auszeichnung (oben) und ohne Auszeichnung (unten), das heißt mit Standard-URL.

Abbildung 18: Snippet mit und ohne Breadcrumbs

Fazit

Die Nutzung von Rich Snippets auf Deiner Webseite macht auf jeden Fall Sinn. Je nach Größe Deiner Webseite und Deiner Themenvielfalt steckt aber auch eine Menge Arbeit darin, denn das Markup sollte sowohl für die Desktop- als auch für die mobile Version eingefügt werden. Am besten fängst Du mit den wichtigsten Seiten an und optimierst dann peu à peu den Rest. Für weniger bekannte Onlineshops und Webseiten gilt umso mehr, sich um Rich Snippets zu bemühen. Schließlich sind sie Teil der eigenen Markenreputation und können zum entscheidenden Klick animieren.