Know-How
21.07.2015, 00:15 Uhr
Rich Snippets: Daten mit Struktur
Für Rich Snippets, mit Bildern und Grafik angereicherte Einträge bei Google und Co, müssen Websites strukturierte Daten liefern. Hierfür gibt es verschiedene Standards.
(Quelle: shutterstock.com/Maglara)
Von Siwen Zhang
Rich Snippets sind zusätzliche Informationen, die neben den klassischen blauen Links mit Titel, URL und Beschreibung auf der Suchergebnisseite bei Google angezeigt werden. Diese können zum Beispiel Bewertungen in Form von Sternen, kleine Video-Thumbnails oder auch Bilder eines Kochrezepts enthalten.
Wer seine Website-Daten für Rich Snippets aufbereiten möchte, muss Informationen zu Inhalten und Zusammenhängen für die Suchmaschinen liefern. Dies geschieht am einfachsten über die Strukturierung der eigenen Website-Daten.
Wofür können strukturierte Daten eingesetzt werden?
Strukturierte Daten unterstützen nicht nur die Anzeige von Rich Snippets, sondern ermöglichen Google auch die Darstellung weiterer Informationen in den Suchergebnissen.
Breadcrumb
Werden die Pfaddaten (Breadcrumb) einer Website strukturiert, kann Google diese Informationen interpretieren und diese in den Suchergebnissen statt der URL darstellen. So können die User bereits in den Suchergebnissen die Relevanz der angezeigten Kategorie erkennen und entscheiden, ob das Suchergebnis die gewünschten Informationen beinhaltet.
Sitelinks Search Box
Die neueste Entwicklung mit strukturierten Daten ist die Sitelinks Search Box. Hier zeigt Google unter dem bekannten Suchergebnis eine Suchleiste an. Diese ermöglicht Usern, die angezeigte Website direkt zu durchsuchen und so schneller zum gewünschten Inhalt zu kommen. Voraussetzung für die
Sitelinks Search Box ist, dass die interne Suche der Website mit den vordefinierten Markups ausgezeichnet wird. Ob die Sitelinks Search Box eingeblendet wird, bestimmt der Algorithmus laut Google abhängig von der jeweiligen Suchanfrage. In den meisten Fällen erscheint die Sitelinks Search Box bei Suchanfragen nach dem Marken-Keyword.
Breadcrumb
Werden die Pfaddaten (Breadcrumb) einer Website strukturiert, kann Google diese Informationen interpretieren und diese in den Suchergebnissen statt der URL darstellen. So können die User bereits in den Suchergebnissen die Relevanz der angezeigten Kategorie erkennen und entscheiden, ob das Suchergebnis die gewünschten Informationen beinhaltet.
Sitelinks Search Box
Die neueste Entwicklung mit strukturierten Daten ist die Sitelinks Search Box. Hier zeigt Google unter dem bekannten Suchergebnis eine Suchleiste an. Diese ermöglicht Usern, die angezeigte Website direkt zu durchsuchen und so schneller zum gewünschten Inhalt zu kommen. Voraussetzung für die
Sitelinks Search Box ist, dass die interne Suche der Website mit den vordefinierten Markups ausgezeichnet wird. Ob die Sitelinks Search Box eingeblendet wird, bestimmt der Algorithmus laut Google abhängig von der jeweiligen Suchanfrage. In den meisten Fällen erscheint die Sitelinks Search Box bei Suchanfragen nach dem Marken-Keyword.
Wie lassen sich Website-Daten strukturieren?
Rich Snippets können erst dann von Suchmaschinen angezeigt werden, wenn die Website-Inhalte mit bestimmten Formatierungen im Quelltext versehen werden. Durch dieses Auszeichnen der Website-Inhalte mit einheitlich vorgegebenen Eigenschaften entstehen strukturierte Daten. Werden dann die HTML-Inhalte mit diesen Markups (Auszeichnungen) erweitert, können Suchmaschinen wie Google oder Bing die Semantik der Inhalte besser interpretieren und Verbindungen zueinander herstellen.
Schema.org - das Auszeichnungsvokabular
Im Juni 2011 präsentierten Google, Bing und Yahoo ihre gemeinsame Initiative Schema.org, die das Erstellen von Markup-Schemen für strukturierte Daten verbessern soll. Schema.org ist ein allgemein unterstütztes Auszeichnungsvokabular und beinhaltet ein einheitliches Set an vordefinierten Schema-Typen, das Zusammenhänge und Beziehungen der Inhalte darstellt. Kernziel dieser Initiative ist es, Webmastern eine zentrale Quelle für das Versehen von Website-Inhalten mit standardisierten Markups zur Verfügung zu stellen, die von allen grossen Suchmaschinen der Welt akzeptiert und verstanden werden. Im November 2011 trat auch Yandex dieser Initiative bei. Das Vokabular unterstützt die Auszeichnungssprachen Microdata, RDFa und JSON-LD - Microformats gehört allerdings nicht dazu. Auch wenn Schema.org lediglich auf Englisch verfügbar ist, so lässt es sich als Mark-up für alle Sprachen einsetzen. Schema.org erläutert die Funktionsweise auf einer einfachen Seite mit Inhalten aus dem Film Avatar: https://schema.org/docs/gs.html
Im Beispiel geht es um den Film "Avatar" von James Cameron. Für die Strukturierung der Inhalte zum Film wird der Schema-Typ Movie (itemtyp="http://schema.org/Movie") herangezogen. Innerhalb des Schema-Typs Movie bietet das Vokabular unter anderem die Eigenschaften (Properties) "Filmname" und "Regisseur". Daher können im Quelltext die Inhalte "Avatar" mit der Eigenschaft Filmname (itemprop="name") und "James Cameron" mit der Eigenschaft Regisseur (itemprop="director") ausgezeichnet werden.
Rich Snippets können erst dann von Suchmaschinen angezeigt werden, wenn die Website-Inhalte mit bestimmten Formatierungen im Quelltext versehen werden. Durch dieses Auszeichnen der Website-Inhalte mit einheitlich vorgegebenen Eigenschaften entstehen strukturierte Daten. Werden dann die HTML-Inhalte mit diesen Markups (Auszeichnungen) erweitert, können Suchmaschinen wie Google oder Bing die Semantik der Inhalte besser interpretieren und Verbindungen zueinander herstellen.
Schema.org - das Auszeichnungsvokabular
Im Juni 2011 präsentierten Google, Bing und Yahoo ihre gemeinsame Initiative Schema.org, die das Erstellen von Markup-Schemen für strukturierte Daten verbessern soll. Schema.org ist ein allgemein unterstütztes Auszeichnungsvokabular und beinhaltet ein einheitliches Set an vordefinierten Schema-Typen, das Zusammenhänge und Beziehungen der Inhalte darstellt. Kernziel dieser Initiative ist es, Webmastern eine zentrale Quelle für das Versehen von Website-Inhalten mit standardisierten Markups zur Verfügung zu stellen, die von allen grossen Suchmaschinen der Welt akzeptiert und verstanden werden. Im November 2011 trat auch Yandex dieser Initiative bei. Das Vokabular unterstützt die Auszeichnungssprachen Microdata, RDFa und JSON-LD - Microformats gehört allerdings nicht dazu. Auch wenn Schema.org lediglich auf Englisch verfügbar ist, so lässt es sich als Mark-up für alle Sprachen einsetzen. Schema.org erläutert die Funktionsweise auf einer einfachen Seite mit Inhalten aus dem Film Avatar: https://schema.org/docs/gs.html
Im Beispiel geht es um den Film "Avatar" von James Cameron. Für die Strukturierung der Inhalte zum Film wird der Schema-Typ Movie (itemtyp="http://schema.org/Movie") herangezogen. Innerhalb des Schema-Typs Movie bietet das Vokabular unter anderem die Eigenschaften (Properties) "Filmname" und "Regisseur". Daher können im Quelltext die Inhalte "Avatar" mit der Eigenschaft Filmname (itemprop="name") und "James Cameron" mit der Eigenschaft Regisseur (itemprop="director") ausgezeichnet werden.
Da es sich bei James Cameron gleichzeitig auch um eine Person handelt, kann der Inhalt zusätzlich mit dem Schema-Typ Person (itemtyp="http://schema.org/Person") ergänzt werden - inklusive der Eigenschaft Geburtsdatum (itemprop ="birthDate").
Des Weiteren lassen sich die Inhalte "Science Fiction" (itemprop ="genre") und der Link zum Trailer (itemprop="trailer") mit den Eigenschaften Genre und Trailer versehen.
Mithilfe dieses Markups können Suchmaschinen nun zum Beispiel den Zusammenhang herstellen, dass James Cameron der Regisseur des Films "Avatar" und "Avatar" ein Film aus dem Genre Science-Fiction ist. Diese Einordnung der Beziehung bildet die Basis für die Darstellung der strukturierten Daten in Form von Rich Snippets.
Schema.org bietet auf seiner Website eine grosse Anzahl standardisierter Schema-Typen an, zu denen jeweils bereits Eigenschaften vordefiniert sind. Zu jedem Schema-Typ bietet die Website eine Gesamtliste aller einsetzbaren Properties - inklusive einer Beschreibung der Eigenschaft: https://schema.org /docs/schemas.html
