Rich Snippets

Als Rich Snippets (engl. „reichhaltige Schnipsel“) werden in der Suchmaschinentechnologie zusätzliche, kleine Inhaltsauszüge von Webseiteninhalten auf den Suchergebnisseiten Search Engine Result Pages (SERP) von Suchmaschinen wie Google, Yahoo und Bing bezeichnet. Anhand dieser Rich Snippets können Nutzer bereits im Voraus erkennen, ob die im Suchergebnis aufgelisteten Websites für ihre weitere Suche relevant sind. Auch soll durch die Verwendung von Rich Snippets den Nutzern bei bestimmten Suchanfragen geholfen werden.^[1]^[2]

Im Gegensatz zu herkömmlichen Snippets, die als kurze Textangabe unter den jeweiligen Suchergebnissen erscheinen, beinhalten diese Erweiterungen weitere simple Informationsergänzungen zu Suchergebnissen wie z. B. eine Sternbewertung oder Produktpreise der betreffenden Website.

Einführung Bearbeiten

Am 12. Mai 2009 führte die Suchmaschine Google die Rich Snippets ein.^[3] Im April 2012 gab Google bekannt, dass Rich Snippets für Produkte weltweit unterstützt werden.^[4]

Unterstützte Markup-Formate Bearbeiten

Mikrodaten Bearbeiten

Durch Mikrodaten können Inhalte gekennzeichnet werden, um einen bestimmten Informationstyp zu beschreiben. Es können z. B. Beurteilungen, weitere Informationen zu Personen oder Veranstaltungen beschrieben werden.

Beispiel eines HTML-Codes mit Mikrodaten-Markup:

<div itemscope itemtype="http://schema.org/Person">
  Mein Name ist <span itemprop="name">Max Mustermann</span>
    aber die meisten Leute nennen mich <span itemprop="alternateName">Max</span>.
     Hier ist meine Website:
  <a href="http://www.example.com" itemprop="url">www.example.com</a>
     Ich lebe in Beispielstadt in Österreich und arbeite als <span itemprop="jobTitle">Mechaniker</span>
     bei der Firma <span itemprop="worksFor">MOTOR-FIRMA</span>.
</div>

Mikroformate Bearbeiten

Mikroformate sind einfache Entitäten, die ebenso auf Webseiten verwendet werden können, um bestimmte Informationstypen zu beschreiben. Jede Entität hat ihre eigenen Eigenschaften. Etwa verfügt eine Person z. B. über Eigenschaften wie Name, Adresse, E-Mail-Adresse usw.

Beispiel eines HTML-Code mit Markup des Mikroformats vCard (Person):

<div class="vcard">
      <img class="photo" src="www.example.com/maxmustermann.jpg" />
      <strong class="fn">Max Mustermann</strong>
      <span class="title">Werkstättenleiter</span> bei <span class="org">MUSTERMANN-LADENDORF-Reviews</span>
      <span class="adr">
      <span class="street-address">Musterstraße 14</span>
      <span class="locality">Entenhausen</span>, <span class="region">Calisota</span>
      <span class="postal-code">XY7</span>
   </span>
</div>

RDFa Bearbeiten

Die RDFa Informationstypen werden ebenso Entitäten oder Elemente genannt. Jede Entität besitzt wiederum eine Anzahl von Eigenschaften. Bei einer Person z. B. die Eigenschaft Name usw.^[5]

Beispiel eines HTML-Code mit RDFa-Markup:

<div xmlns:v="http://rdf.data-vocabulary.org/#" typeof="v:Person">
  Mein Name ist <span property="v:name">Max Mustermann</span>,
    aber die meisten Leute nennen mich <span property="v:nickname">Max</span>.
   Hier ist meine Website:
    <a href="http://www.example.com" rel="v:url">www.example.com</a>.
  Ich lebe in Beispielstadt in Österreich und arbeite als <span property="v:title">Mechaniker</span>
  bei der Firma <span property="v:affiliation">MOTOR-FIRMA</span>.
</div>

JSON-LD als Alternative Bearbeiten

Strukturierte Daten können mit JSON-LD an Google und andere Suchmaschinen übertragen werden. Der Vorteil dieser Methode ist, dass die Markierung der Seitenelemente über ein Skript stattfindet. Der Quellcode muss daher nicht geändert werden.

JSON-LD arbeitet mit Name/Wert-Paaren und sorgt für eine eindeutige Kategorisierung strukturierter Daten. Die Kategorisierung erfolgt nach dem gleichen Muster wie bei anderen Auszeichnungssprachen.

Beispiel Strukturierte Daten mit JSON-LD:

<script type="application/ld+json">
{
      "@context": "https://schema.org/",
      "@type": "Recipe",
      "name": "Apfelkuchen",
      "author": {
        "@type": "Person",
        "name": "Annika Mustermann"
      },
      "datePublished": "2022-11-14",
      "description": "Dieser Apfelkuchen ist super lecker und in 40 Minuten zubereitet.",
      "prepTime": "PT40M"
    }
    </script>

Typen von Rich Snippets Bearbeiten

Veranstaltungsinformationen: Veranstaltungsinformationen wie Konzerte, die zu einem bestimmten Datum stattfinden, können mit Hilfe von Rich Snippets angezeigt werden.
Organisationsdaten: Organisationsdaten wie weitere Details zu einem Unternehmen oder Restaurant, die im Textkörper einer Webseite ausgezeichnet sind, können den Suchmaschinen beim Zuordnen der Standortdaten helfen.
Breadcrumbs: Ein Breadcrumb oder Navigationspfad besteht aus mehreren Links. Dieser Navigationspfad hilft den Nutzern die Hierarchie einer Website zu verstehen und entsprechend auf der Website zu navigieren.
Erfahrungsberichte: Mit Hilfe von Rich Snippets für Erfahrungsberichte können Nutzern Bewertungen wie die Sternbewertung zu bestimmten Produkten oder Dienstleistungen bereitgestellt werden.
Personen: Werden Kontaktdaten (Personen) und Informationen sozialer Netzwerke im Textkörper einer Website angeführt, werden diese in Suchergebnissen erkannt und dargestellt.
Rezepte: Rich Snippets für Rezepte können Nutzern zusätzliche Infos über bestimmte Kochrezepte wie Kochzeit oder Kalorienangaben bereitstellen. Auch eine Sternbewertung ist möglich.
Software-Apps: Erfolgt eine Markierung von Informationen zu einer Software-App, kann die Suchmaschine diese erkennen und Details dazu in Suchergebnissen besser anzeigen.
Bewertungen: Erfolgt die Aufnahme von Bewertungen oder Beurteilungen, werden diese auf der betreffenden Seite dargestellt. Meist kommt eine Skala von 1 (schlechteste) bis 5 (beste) zum Einsatz.
Musik: Suchen Nutzer nach Alben oder Liedern, werden von der Suchmaschine Informationen bzw. Links zu den entsprechenden Liedern oder Hörproben in den Suchergebnissen eingeblendet.
Produkte: Rich Snippets für Produkte werden dazu verwendet, Nutzern zusätzliche Infos über ein bestimmtes Produkt wie zum Beispiel Preis oder Verfügbarkeit sowie Erfahrungsberichte bereitzustellen.

Semantik von Rich Snippets Bearbeiten

Rich Snippets ermöglichen es dem Webmaster, zusätzliche Bedeutungen in seinen Websites anzuzeigen. Solche Bedeutungen werden oft auch als Semantik bezeichnet. Der Trend zu solchen Codes existiert schon länger und wird global unter dem Stichwort semantic web diskutiert.