Strukturierte Daten Beispiele

Strukturierte Daten sind Metadaten, die ein Mensch nicht erkennen, eine Suchmaschine aber lesen kann. Diese Daten sind für unterschiedliche Dinge interessant. Auf dieser Seite finden Sie deshalb einige Beispiele für Strukturierte Daten, die Sie in Ihre Website integrieren können.


Was sind Strukturierte Daten?

Strukturierte Daten sind für Suchmaschinen nicht sichtbarer aber für sie lesbare Inhalte die genauer aufzeigen, was sich auf einer Website befindet.

Für ein noch tieferes Verständnis empfehle ich meinen Strukturierte Daten Kurs der Sie dabei unterstützen will, nachfolgende Beispiele zu erreichen.

Structured Data, wie sie englisch auch genannt werden, sind Code. Aber er ist – wie Sie unten sehen werden – relativ einfach für Menschen lesen. Denn es handelt sich dabei nur um Schlüssel-Wert-Paare.

Tipp vorweg

Unten stehende Beispiele können Sie per Copy & Paste direkt in SNIP, mein Strukturierte Daten Plugin für WordPress, übernehmen.

Gibt es Vorteile für SEO?

Welchen Wert Strukturierte Daten für SEO haben, darüber habe ich einen eigenen Artikel geschrieben. Da sie so genannte Rich Snippets (siehe unten) erzeugen, erhöhen Sie oft die so CTR (Click-Through-Rate) da die Suchtreffer mehr Aufmerksamkeit erzeugen.

Rich Snippets Beispiele

Strukturierte Daten erzeugen so genannte Rich Snippets. Das sind mit weiteren Informationen angereicherte Suchtreffer (Snippets).

Produkte

Rich Snippets für Produkte entstehen immer dann, wenn man den Datentyp Product von Schema.org nutzt.

Strukturierte Daten Beispiel: Ein Product Rich Snippet
Strukturierte Daten Beispiel für ein Produkt
{
    "@context": "http://schema.org",
    "@type": "Product",
    "sku": "Plugin",
    "name": "SNIP - Structured Data WordPress Plugin",
    "aggregateRating": {
        "@context": "http://schema.org",
        "@type": "AggregateRating",
        "ratingValue": "4.5",
        "bestRating": "5",
        "reviewCount": "58",
        "worstRating": "1"
    },
    "offers": {
        "@context": "http://schema.org",
        "@type": "Offer",
        "priceCurrency": "USD",
        "price": "59",
        "category": "Plugin"
    },
    "description": "Allows you to create Structured Data right within WordPress."
}

Rezepte

Rich Snippets für Rezepte entstehen immer dann, wenn man den Rezept-Datentyp von schema.org benutzt.

Vorher/Nachher-Bild mit und ohne Rich Snippets
Strukturierte Daten Beispiel für Rezept
{
  "@context": "http://schema.org",
  "@type": "Recipe",
  "cookTime": "PT0M",
  "prepTime": "PT30M",
  "description": "Donuts, ein gutes Rezept mit Bild aus der Kategorie Kuchen.",
  "image": "https://meine-website.de/donuts.jpg",
  "recipeIngredient": [
    "750,00 g Mehl ",
    "2,00 Pck. Trockenhefe ",
    "50,00 ml Wasser , lauwarm"
  ],
  "name": "Donuts",
  "author": {
    "@type": "Person",
    "name": "Der WP Typ"
  },
  "recipeInstructions": "Trockenhefe in etwas lauwarmem Wasser und 1 TL Zucker verr\u00fchren ...",
  "recipeYield": "1",
  "aggregateRating": {
    "@type": "AggregateRating",
    "ratingValue": "3.33",
    "reviewCount": "10",
    "worstRating": 0,
    "bestRating": 5
  }
}

Die „Brotkrumen“ bzw. die so genannten „Breadcrumbs“ zeigen die einzelnen Hierarchie-Stufen einer Website anstatt nur die URL selbst. Die einzelnen Navigationspunkte sind darüber hinaus aus dem Suchtreffer direkt klickbar.

Strukturierte Daten Beispiel für Breadcrumbs
Strukturierte Daten Beispiel für Breadcrumbs
{
  "@context": "https://schema.org",
  "@type": "BreadcrumbList",
  "itemListElement": [
    {
      "@type": "ListItem",
      "position": 1,
      "name": "Elektroartikel",
      "item": "https://www.idealo.de/preisvergleich/SubProductCategory/30311.html"
    },
    {
      "@type": "ListItem",
      "position": 2,
      "name": "Computer",
      "item": "https://www.idealo.de/preisvergleich/SubProductCategory/1342.html"
    },
    {
      "@type": "ListItem",
      "position": 3,
      "name": "Tablets",
      "item": "https://www.idealo.de/preisvergleich/ProductCategory/3747.html"
    }
  ]
}

Article

Seiten, die mit Strukturierten Daten von Article ausgezeichnet werden, haben die Möglichkeit, in einer Art Karussell in den Suchtreffern angezeigt zu werden:

Ein Article-Snippet zeigt ein Karrusell an.
Strukturierte Daten Beispiel für Article
{
    "@context": "http://schema.org",
    "@type": "Article",
    "image": "https://xc-ski.de/ein-bild.jpg",
    "publisher": {
        "@context": "http://schema.org",
        "@type": "Organization",
        "name": "xc-ski.de",
        "url": "https://xc-ski.de"
    },
    "author": {
        "@context": "http://schema.org",
        "@type": "Person",
        "name": "Mario F.",
        "url": "https://xc-ski.de/autoren/mario-f/",
    },
    "description": "Artikel zum Thema Ski-Langlaufcup.",
    "datePublished": "2019-02-05T08:00:00+08:00",
    "headline": "44 Siege im Langlauf Weltcup: Johaug zieht in lricehamn mit Väble gleich"
}

Reviews

Reviews erhalten immer Sterne in den Suchresultaten bei Google. Das liegt daran, dass das Review von Natur aus eine Art Bewertung ist. Deshalb ist eine Bewertungsangabe im Snippet immer zwingend erforderlich.

Derzeit kann man Produkte, Local Businesses, Musik, Rezepte und Bücher bewerten. Über weitere Kind-Schema wie z.B. das EmployerReview lassen sich auch Arbeitgeber bewerten

Suchergebnis bei Google welches durch Strukturierte Daten von Reviews entsteht
Strukturierte Daten Beispiel für ein Review (eines Produkts)
{
    "@context": "http://schema.org",
    "@type": "Review",
    "reviewRating": {
        "@context": "http://schema.org",
        "@type": "AggregateRating",
        "ratingValue": "5",
        "bestRating": "5",
        "reviewCount": "122",
        "worstRating": "1",
        "ratingCount": "122"
    },
    "itemReviewed": {
        "@context": "http://schema.org",
        "@type": "Product",
        "name": "SNIP"
    },
    "author": {
        "@context": "http://schema.org",
        "@type": "Person",
        "name": "Florian",
        "url": "https://rich-snippets.io"
    }
}

Karusselle (ListItem)

Listenähnliche Auflistungen erscheinen immer dann, wenn man das ItemList Schema nutzt und dann mehrere ListItem-Kindelemente einfügt. Ein Beispiel findet man bei chefkoch.de. Übersichtsseiten (mit mehreren Rezepten) sind mit einem ItemList-Schema ausgezeichnet:

Suchtreffer bei Google mit Auflistung mehrere Treffer auf einer Seite (Karussell )
Karussell-Darstellung durch ItemList-Schema
{
  "@context": "http://schema.org",
  "@type": "ItemList",
  "itemListElement": [
    {
      "@type": "ListItem",
      "position": 1,
      "url": "https://www.chefkoch.de/rezepte/940401199646006/Donuts.html",
      "name": "Donuts"
    },
    {
      "@type": "ListItem",
      "position": 2,
      "url": "https://www.chefkoch.de/rezepte/1063831211703686/Mini-Donuts-fuer-den-Donut-Maker.html",
      "name": "Mini - Donuts für den Donut - Maker"
    },
    {
      "@type": "ListItem",
      "position": 3,
      "url": "https://www.chefkoch.de/rezepte/629511163423946/Zimt-und-Zucker-Donuts.html",
      "name": "Zimt und Zucker Donuts"
    },
    {
      "@type": "ListItem",
      "position": 4,
      "url": "https://www.chefkoch.de/rezepte/574521156159933/Donuts-fuers-Backblech.html",
      "name": "Donuts fürs Backblech"
    },
    ...
  ]
}

Events

Das Event-Schema listet Veranstaltungen auf. Man erhält einen solchen Suchtreffer immer dann, wenn Google errät, dass man tatsächlich auch nach Aufführungen oder Kursen sucht.

Suchtreffer in WordPress mit Auflistung von Events
Ein Suchtreffer mit diversen Events

Q&A Page

Question and Answer Pages (zu deutsch: Frage und Antwort Seiten) trifft man immer häufiger im Internet an. Jemand stellt eine Frage, viele Menschen antworten. Die User bewerten die Antwort und am Ende gibt es eine Antwort, die der Wahrheit entspricht (oder auch nicht).

In den Suchtreffern wird dann eine Liste von Antworten angezeigt wobei die als richtig markierte Antwort hervorgehoben wird:

Suchtreffer in Google mit QAPage Auszeichnung
Der Suchtreffer zeigt mehrere Antworten.
{
  "@context": "https://schema.org",
  "@type": "QAPage",
  "mainEntity": {
    "@type": "Question",
    "name": "Force iphone app to restart programmatically",
    "text": "I am trying to get my iPhone app to restart programmatically when the Logout button is pressed...",
    "answerCount": 7,
    "upvoteCount": 43,
    "dateCreated": "2010-12-09T15:01:59",
    "author": {
      "@type": "Person",
      "name": "manospro"
    },
    "acceptedAnswer": {
      "@type": "Answer",
      "text": "First of all, although it is possible to force kill your app, this is not allowe",
      "dateCreated": "2010-12-09T15:01:59",
      "upvoteCount": 16,
      "url": "https://stackoverflow.com/a/4400805",
      "author": {
        "@type": "Person",
        "name": "sudo rm -rf"
      }
    },
    "suggestedAnswer": [
      {
        "@type": "Answer",
        "text": "Note: Although this has been answered as 'not possible' I think it's a valid question for a new iOS developer to ask and there...",
        "dateCreated": "2012-11-11T12:06:29",
        "upvoteCount": 60,
        "url": "https://stackoverflow.com/a/13330952",
        "author": {
          "@type": "Person",
          "name": "jhabbott"
        }
      },
      {
        "@type": "Answer",
        ...
      }
    ]
  }
}

Video

Strukturierte Daten für Videos erzeugen ein Vorschaubild mit einem Play-Button.

Ein Suchtreffer in Google mit Video-Vorschaubild
Dieses Beispiel zeigt ein Bild im Snippet
{
  "@type": "VideoObject",
  "@context": "http://schema.org",
  "thumbnailUrl": "https://i.vimeocdn.com/filter/overlay?src0=https%3A%2F%2Fi.vimeocdn.com%2Fvideo%2F661186293_1280x720.jpg&src1=https%3A%2F%2Ff.vimeocdn.com%2Fimages_v6%2Fshare%2Fplay_icon_overlay.png",
  "name": "IPHONE X - APPLE",
  "url": "https://vimeo.com/238480244",
  "description": "Introducing iPhone X. Learn more at http://apple.co/2vSeLty   Robbin Ingvarsson  Thomas Blanchard & Oilhack  Kako Mendez   Arnau Bosch   Frederic Robert…",
  "duration": "PT00H00M39S",
  "embedUrl": "https://player.vimeo.com/video/238480244",
  "uploadDate": "2017-10-16T17:18:54-04:00"
}

Weitere Strukturierte Daten Beispiele, die Rich Snippets erzeugen

Auf die nachfolgenden Snippets gehe ich nicht näher ein, weil sie derzeit nur bedingt für die breite Masse genutzt werden können.

Books

Strukturierte Daten für Bücher sind derzeit nur für Verlage verfügbar. Es führt dazu, dass man in die Liste der Verkäufer aufgenommen wird, wenn Google erkennt, dass es sich bei dem Suchbegriff um einen Buchtitel handelt.

Alternativ kann man das Book-Schema immer nutzen, wenn man Reviews nutzt (also ein Buch bewertet)

Kurse

Kurse sehen ähnlich aus, wie Events. Benötigt wird zusätzlich die provider-Eigenschaft:

<script type="application/ld+json">
{
  "@context": "https://schema.org",
  "@type": "Course",
  "name": "WordPress Grundkurs für Einsteiger",
  "description": "Lernen Sie die Basics im Umgang mit WordPress.",
  "provider": {
    "@type": "Organization",
    "name": "WP-Typ",
    "sameAs": "https://wp-kurs.com"
  }
}
</script>
    

Jobs / Stellenausschreibungen

Die Auszeichnung mittels des Jobs-Schemas würde eine Auflistung von Jobs und Aufträgen ergeben. Sie ist erst vor kurzem in Deutschland gestartet worden und sieht ungefähr so aus:

Beispiel für Strukturierte Daten für Stellenausschreibungen
Stellenausschreibungen bei Google

Local Business

Ein lokales Geschäft kann man natürlich auch auszeichnen. Dieses Schema ist derzeit nur für einen eingeschränkten Kreis verfügbar. Man kann sich zwar in eine Liste von Interessenten erfassen lassen aber wie schnell diese Liste abgearbeitet wird (und ob überhaupt) ist mir unbekannt.


Andere Beispiele für Strukturierte Daten

Strukturierte Daten erzeugen nicht immer die schönen Rich Snippets. Das müssen sie auch gar nicht. Trotzdem können Sie einen Webseiten-Betreiber dabei unterstützen, bestimmte Dinge umzusetzen. Hier einige Beispiele dazu:

Abo- und Paywall-Inhalte

Man sollte keine Inhalte vor Suchmaschinen verstecken, denn das kann abgemahnt werden und tatsächlich dazu führen, dass man aus dem Index fliegt (man nennt das auch Cloaking). In manchen Fällen aber will man trotzdem, dass die Suchmaschine etwas anderes sieht als der Benutzer vor dem Bildschirm. Und dafür gibt es einen offiziellen Weg.

Ein gutes Beispiel sind Abo- oder Paywall-Inhalte. Das sind Beiträge, die nur über eine Bezahlung erreichbar sind, die aber trotzdem von Google und Co. indexiert werden sollen.

Dazu nutzt man z.B. ein Article Snippet (wie oben gezeigt) und ergänzt das Snippet wie folgt:

{
  "@context": "http://schema.org",
  "@type": "Article",
  "image": "https://xc-ski.de/ein-bild.jpg",
  "publisher": {
    "@context": "http://schema.org",
    "@type": "Organization",
    "name": "xc-ski.de",
    "url": "https://xc-ski.de"
  },
  "author": {
    "@context": "http://schema.org",
    "@type": "Person",
    "name": "Mario F.",
    "url": "https://xc-ski.de/autoren/mario-f/"
  },
  "description": "Artikel zum Thema Ski-Langlaufcup.",
  "datePublished": "2019-02-05T08:00:00+08:00",
  "headline": "44 Siege im Langlauf Weltcup: Johaug zieht in lricehamn mit Väble gleich",
  "isAccessibleForFree": "False",
  "hasPart": {
    "@type": "WebPageElement",
    "isAccessibleForFree": "False",
    "cssSelector": ".paywall"
  }
}

Wichtig ist hier die isAccessibleForFree (dt. in etwa „istKostenlosErreichbar“). Dies steht hier auf false. Mit dem cssSelector wählt man dann denn HTML-Quelltext (über eine CSS-Klasse) aus, der nicht kostenlos ist.

Datensets

Googles Ansatz zur Erkennung von Datensätzen nutzt schema.org und andere Metadatenstandards, die zu Seiten hinzugefügt werden können, die Datensätze beschreiben. Der Zweck dieses Markups ist es, die Entdeckung von Datensätzen aus Bereichen wie Biowissenschaften, Sozialwissenschaften, maschinelles Lernen, Bürger- und Regierungsdaten und mehr zu verbessern.

Datensätze werden aber oft schon durch schlichte HTML-Tabellen erkannt. Man muss also nicht unbedingt Strukturierte Auszeichnungen hinzufügen damit Google diese erkennt. Sinn macht es z.B. dann, wenn man eine CSV-oder XML-Datei verlinken will, wie folgendes Beispiel von Google zeigt:

{
  "@context": "https://schema.org/",
  "@type": "Dataset",
  "name": "NCDC Storm Events Database",
  "description": "Storm Data is provided by the National Weather Service (NWS) and contain statistics on...",
  "url": "https://catalog.data.gov/dataset/ncdc-storm-events-database",
  "sameAs": "https://gis.ncdc.noaa.gov/geoportal/catalog/search/resource/details.page?id=gov.noaa.ncdc:C00510",
  "keywords": [
    "ATMOSPHERE > ATMOSPHERIC PHENOMENA > CYCLONES",
    "ATMOSPHERE > ATMOSPHERIC PHENOMENA > DROUGHT",
    "ATMOSPHERE > ATMOSPHERIC PHENOMENA > FOG",
    "ATMOSPHERE > ATMOSPHERIC PHENOMENA > FREEZE"
  ],
  "creator": {
    "@type": "Organization",
    "url": "https://www.ncei.noaa.gov/",
    "name": "OC/NOAA/NESDIS/NCEI > National Centers for Environmental Information, NESDIS, NOAA, U.S. Department of Commerce",
    "contactPoint": {
      "@type": "ContactPoint",
      "contactType": "customer service",
      "telephone": "+1-828-271-4800",
      "email": "[email protected]"
    }
  },
  "includedInDataCatalog": {
    "@type": "DataCatalog",
    "name": "data.gov"
  },
  "distribution": [
    {
      "@type": "DataDownload",
      "encodingFormat": "CSV",
      "contentUrl": "http://www.ncdc.noaa.gov/stormevents/ftp.jsp"
    },
    {
      "@type": "DataDownload",
      "encodingFormat": "XML",
      "contentUrl": "http://gis.ncdc.noaa.gov/all-records/catalog/search/resource/details.page?id=gov.noaa.ncdc:C00510"
    }
  ],
  "temporalCoverage": "1950-01-01/2013-12-18",
  "spatialCoverage": {
    "@type": "Place",
    "geo": {
      "@type": "GeoShape",
      "box": "18.0 -65.0 72.0 172.0"
    }
  }
}

Wie generiere ich Strukturierte Daten?

Das ist ganz einfach: ich habe einen Generator für Strukturierte Daten gebaut. Er ist kostenlos und kann auf der verlinkten Seite genutzt werden.

Sie benötigen dazu eventuell das nötige Wissen, wie Sie die nötigen Schema Typen finden.

Wie integriere ich Strukturierte Daten?

Den entstandenen Code aus dem Generator können Sie in WordPress integrieren. Entweder manuell (ich beschreibe im Kurs wie das genau funktioniert) oder über mein WordPress Strukturierte Daten Plugin.