Wie dein Blog durch strukturierte Daten in Google auffällt

Strukturierte Daten verraten den Suchmaschinen, was auf deiner Seite los ist. Sie können erkennen wie relevant dein Artikel ist und welche Elemente für die direkte Anzeige in den Suchergebnissen in Frage kommen. Entdecke 6 geniale Elemente, die Suchmaschinen als auch deine Leser lieben werden – Anleitung inklusive.

Strukturierte Daten helfen Suchmaschinen dabei, den Content einer Website in einen Kontext zu setzen und damit besser zu verstehen, worum es auf der jeweiligen Seite geht. Basis für die Rich Snippets ist das Schema Markup, eine Auszeichnungssprache, die bereits seit 2011 existiert. Sie wird von Google, Yahoo, Microsoft Corporation und Yandex gemeinschaftlich entwickelt und bietet aktuell rund 600 Typen und über 900 Merkmale. Für Blogs zählen FAQs, HowTo Anleitungen und Karusselle zu den wichtigsten Elementen. Zusätzlich bieten Inhaltsverzeichnisse und Infoboxen eine clevere Möglichkeit sowohl Suchergebnisse als auch die Lesefreundlichkeit deiner Seite zu optimieren.

Laut einer Studie von Schema App besteht ein Drittel der Google Suchergebnisse aus strukturierten Daten. Jedoch nutzt weniger als ein Drittel aller Webseiten diese Möglichkeit.

#1 Hilfetools für strukturierte Daten

Wer sich erstmalig mit strukturierten daten auseinander setzt kann sich auf eine Phalanx von praktischen Tools stützen. Du musst dir also keine Sorgen um deine Coding-Kenntnisse machen. Sobald du auf deiner Website HTML einfügen kannst, bist du bereits perfekt vorbereitet.

Drupal Module

Screenshot: Drupal Module

Drupalianer können mit dem Metatag Modul in Kombination mit dem Schema.org Metatag Modul bereits die meisten Rich Snippets nativ nutzen. Beide Module werden sowohl für Drupal 7 als auch Drupal 8 angeboten.

Was ich persönlich sehr zu schätzen weiß, ist, dass für verschiedene Content Typen Vorlagen erstellt werden können, die dann automatisch übernommen werden.

WordPress Plugins

Screenshot: WordPress Plugins

In WordPress bietet das Schema Pro Plugin einen ähnlichen Funktionsumfang. Die Kosten belaufen sich auf $79 pro Jahr. Eine Übersicht über mögliche Alternativen bietet Istiak Raythan in seinem Blog.

Google Markup-Hilfe

Screenshot: Google Markup Hilfe

Google bietet mit der Markup-Hilfe ein kleines kostenfreies Tool an, um strukturierte Daten direkt zu erstellen. Zur Auswahl steht freilich nur ein Teil der möglichen Auszeichnungen – für den Start ist die Markup-Hilfe aber durchaus hilfreich.

Für die Erstellung werden die erforderlichen Informationen auf deiner Seite einfach markiert. Falls Daten nicht direkt dargestellt werden, kannst du diese manuell ergänzen. Das Tool erstellt daraufhin den benötigten Code. Diesen kannst du anschließend in deine Seite kopieren.

Mikrodaten können dabei direkt ins HTML kopiert werden, JASON-LD Markup muss in den Head-Bereich deiner Seite. Für die Übernahme deines Rich Snippets macht die Wahl des Formats dabei keinen Unterschied.

Google Testtool für strukturierte Daten

Screenshot: Google Testtool für strukturierte Daten

Ich kann jedem nur empfehlen nach Veröffentlichung einen Testlauf im Google Testtool zu machen. Du gibst einfach den Link zu deiner Seite ein und das Tool überprüft anschließend dein Markup.

Gerade Google ändert immer wieder die nutzbaren Rich Snippet Elemente. So werden seit Jahresanfang Sterne-Bewertungen für Blog-Artikel nicht mehr übernommen werden. Eine regelmäßige Check-Routine hilft dir immer up to date zu bleiben.

Referenzdokumentation strukturierte Daten

Wenn du dich etwas tiefer ins Thema tigern möchtest, ist die Google Referenzdokumentation sehr hilfreich. Zu sämtlichen unterstützen Snippets gibt es hier Code-Beispiele, Anleitungen und die dazugehörigen Richtlinien.

Die komplette Schema Markup Dokumentation findest du auf schema.org. Bitte beachte, dass derzeit noch nicht alle 615 Typen von unterstützt werden. Es allerdings anzunehmen, dass mit Ausbau der Sprach-Suche Schwung in die Schema Markup Nutzung kommen wird.

#2 Strukturierte Daten und clevere Elemente für deinen Blog

Wenn du dich in den Suchergebnissen prominent absetzen willst, sind „angereicherte“ Suchergebnisse eine hervorragende Möglichkeit. Diese weisen in der Regel eine höhere Klickrate als normale Ergebnisse auf.

Weil ich mich in diesem Beitrag ausschließlich auf die Aufwertung von Blogs konzentrieren möchte, findest du hier auch Elemente, die streng genommen keine Rich Snippets sind. Alle hier genannten Beispiele sind allerdings für Suchmaschinen gleich relevant und führen zu aufgewerteten Ergebnissen. Zudem erwischst du damit gleich zwei Fliegen mit einer Klappe: dein Content wird wertvoller und deine Leser profitieren von einer lesefreundlicheren Struktur.

Bitte beachte, dass Suchmaschinen nicht zwangsläufige alle strukturierten Daten übernehmen. Google und Co. entscheiden eigenhändig, bei welcher Suchanfrage ein angereichertes Ergebnis angezeigt und welche Domain dafür verwendet wird. Wenn du für eine Suchanfrage relevant und deine Seite Autorität zu diesem Thema besitzt, steigt die Möglichkeit erheblich, dass angereicherte Ergebnisse angezeigt werden. Zudem besteht die Chance, dass du in der Sprachsuche gefeaturt wirst.

Snippet-Tipp 1: Zeige den Suchmaschinen, dass es sich um einen Blog-Artikel handelt

Screenshot: Rich Snippet BlogPosting

Die gute Nachricht gleich vorweg, mit strukturierten Daten kannst du Suchmaschinen sowohl mitteilen, ob es sich um einen Blog-Beitrag oder um eine Presseinfo handelt. Im Idealfall nutzt du für Blog und Presseinfos zwei verschiedene Content Vorlagen.

Damit du mit diesem Abschnitt so wenig Aufwand wie möglich hast, empfehle ich dir das Schema Markup fix im Head-Abschnitt dieses Content-Typs zu hinterlegen. Wer mit einer solchen Vorlagen-Erstellung (noch) nicht so fit ist, sollte auf alle Fälle die Drupal Module oder WordPress Plugins nutzen.

Insgesamt hast du hier nur einmal etwas Zeit investiert und musst dich später nicht mehr um die Auszeichnung kümmern.

• @type: Lege fest, ob es sich um ein BlogPosting oder um einen NewsArticle handelt.
• @id: Die eindeutige ID. Du kannst hierzu die URL deines Artikels verwenden.
• headline: Die Überschrift deines Beitrags. Der Titel sollte zwischen 35 und 65 Zeichen lang zu sein.
• image: Das Bild zum Beitrag. Bitte beachte, dass es mindestens 1200 Pixel breit sein muss. Empfohlen werden die Seitenverhältnisse 16:9, 4:3 und 1:1.
• datePublished: Das Datum der Veröffentlichung im ISO-8601-Format.
• dateModified: Das Datum der letzten Aktualisierung im ISO-8601-Format.
• author.name: Der Name des Authors.
• publisher.name: Die Bezeichnung des Herausgebers.
• publisher.logo.url: Das Logo des Herausgebers. Es muss – ohne Ausnahmen – 600 Pixel breit und 60 Pixel hoch sein.
• Description: Die Meta-Description deines Beitrags. Die Description sollte zwischen 120 und 156 Zeichen lang sein.

So könnte deine Blog Auszeichnung im HTML aussehen:

<html>
  <head>
    <title>Article headline</title>
    <script type="application/ld+json">
    {
      "@context": "https://schema.org",
      "@type": "BlogPosting",
      "mainEntityOfPage": {
        "@type": "WebPage",
        "@id": "https://example.com/blog-artikel"
      },
      "headline": "Titel des Beitrags",
      "image": [
        "https://example.com/photo.jpg",
       ],
      "datePublished": "2020-02-17T08:00:00+08:00",
      "dateModified": "2020-02-17T09:20:00+08:00",
      "author": {
        "@type": "Person",
        "name": "Karin Klein"
      },
       "publisher": {
        "@type": "Organization",
        "name": "Meine Firma",
        "logo": {
          "@type": "ImageObject",
          "url": "https://example.com/logo.jpg"
        }
      },
      "description": "Füge hier die Meta Description deines Blogbeitrags ein"
    }
    </script>
  </head>
  <body>
   …
  </body>
</html>

Snippet-Tipp 2: Inhaltsverzeichnis für Micro-Links auf deine Überschriften

Screenshot: Inhaltsverzeichnis

Andreas Hecht hat im vergangenen Jahr 12 SEO Studien ausgewertet, um der Frage nach der idealen Bloglänge auf den Grund zu gehen. Er gelangt zu dem Ergebnis, dass von Suchmaschinen bevorzugte Blogs mindestes 1.500 Wörter beinhalten.

Mit der Länge der Beiträge kommt natürlich auch der Wunsch der Leser nach einem übersichtlichen Inhaltsverzeichnis zu tragen. Suchmaschinen haben diesen Vorteil erkannt und bieten im Idealfall Links direkt auf die Überschriften an.

Um ein Inhaltsverzeichnis entsprechend auszuzeichnen können Drupal Module oder WordPress Plugins genutzt werden. Oder, du beachtest einfach folgende Struktur:

• Inhaltsverzeichnis zu Beginn deines Beitrags
• Strukturierung als Liste
• Anker-Links direkt auf die Überschriften
• Anker-Beschreibung möglichst gleichlautend mit Überschrift

So könnte ein Inhaltsverzeichnis im HTML aussehen:

<h2>Inhaltsverzeichnis</h2>
<ul>
  <li><a href=“#was_ist_seo?“>Was ist SEO?</a></li>
  <li><a href=“#ladezeiten?“>Ladezeiten</a></li>
</ul>
 
<h2 id="wasistseo">Was ist SEO?</h2>
<p>Text</p>
<h2 id="ladzeiten">Ladezeiten</h2>
<p>Text</p>

Snippet-Tipp 3: Infobox für ein Featured Snippet erstellen

Screenshot: Featured Snipped

Biete zu einem Blog-Beitrag eine Infobox an. Diese fasst am Ende eines Artikels nochmals alle Erkenntnisse übersichtlich zusammen. In der Google Suche und in der Sprach-Suche wird deine Infobox als Featured Snippet präsentiert. Dieses gibt eine Direktantwort auf ausformulierte W-Fragen, Anleitungen und Begriffserklärungen.

Google arbeitet sehr Keyword-fixiert. Es sollte also möglichst ein exakter Match mit der Suchanfrage sein. Wichtig sind vor allem Antworten auf W-Fragen. Auch Begriffe wie "Erklärung" und "Definition" haben sich bewährt. Um eine Liste von Fragen zu einem bestimmten Thema zu erhalten, ist answerthepublic.com ein sehr nützliches Tool. Es nutzt die Google Suggest-API, um sämtliche Permutationen einer Frage zu finden, nach der Menschen suchen.

• Titel als H2 Überschrift
• Formulierung des Titels als Frage
• Hauptkeyword in der Überschrift
• 40 bis 50 Wörter Texte:
  1 bis 2 Sätze oder einer kurzen Liste

So könnte eine Infobox im HTML aussehen:

<h2>Was sind Featured Snippets?</h2>
<p>Bei den Featured Snippets, die Google im Deutschen
„Hervorgehobene Snippets“ nennt, handelt es sich um ein
Format, das dem Nutzer eine direkte, prägnante Antwort
auf seine Frage gibt – und das direkt in den
Suchergebnissen, sodass der Nutzer keine Website
besuchen muss.</p>

Snippet-Tipp 4: FAQs zu den zentralen Fragen deines Artikels

Screenshot: FAQ Rich Snippet

FAQ Markups sind ideal für Blog-Beiträge, die sich einer zentralen Frage widmen. Laut Google können FAQs (häufig gestellte Fragen) auf jeder Seite verwendet werden, die Fragen und Antworten zu einem bestimmten Thema enthält. Das bedeutet, dass das FAQ-Schema nicht nur für Support-Seiten reserviert werden muss.

Das Rich Snippet wird von Google für die Vorschau des Artikels genutzt. Dabei kann das angezeigte Suchergebnis schnell den gesamten Bildschirm eines Mobiltelefons füllen. Aufgrund der prominenten Anzeige gelten für dieses Markup ein paar Sonderregeln:

• Der Inhalt der FAQs muss zu 100 Prozent mit dem auf der Seite angezeigten Inhalt übereinstimmen.
• Das FAQ-Schema darf nicht für Werbezwecke verwendet werden.

Der Einsatz des Markups birgt ein gewisses Risiko, dass Suchende bereits in Google alle Antworten finden und nicht mehr die Seite besuchen. Ich empfehle dir daher in die Antworten Links zu nutzen, die auf andere relevante Seiten verweisen. Die Links müssen direkt im Blog-Beitrag erwähnt werden, damit der Schemacode zu 100 Prozent mit dem Inhalt der Seite übereinstimmt.

So könnte ein FAQ Snippet im HTML aussehen:

<h2>Häufig gestellte Fragen (FAQ)</h2>
<div itemscope itemprop="mainEntity" itemtype="https://schema.org/Question">
  <h3 itemprop="name">Welche Ziele hat Inbound Marketing?</h3>
  <div itemscope itemprop="acceptedAnswer" itemtype="https://schema.org/Answer">
    <div itemprop="text">Zusammengefasst kann man folgende primären
    Ziele festhalten: - Mehr Kunden - längerfristige Kundenbeziehungen
    - Leads - Sales - E-Mail Adressen<br />
    Eine detaillierte Übersicht findest du in der <a href="https://example.com/returns">
    Inbound Marketing Infografik</a>.</div>
  </div>
</div>

Snippet-Tipp 5: Schritt-für-Schritt Anleitung zur Umsetzung deines Themas

Screenshot: HowTo Rich Snippet

Das HowTo-Schema kann verwendet werden kann, um eine Anleitung auszuzeichnen. Schritt-für-Schritt Anleitungen werden in den mobilen (!) Google Suchergebnissen bebildert dargestellt. Zudem werden bei der Sprach-Suche "HowTo"-Leitfäden genutzt, wenn eine Wie-Frage gestellt wurde.

Wie beim FAQ-Schema gelten einige Inhaltsanforderungen:

• HowTo Snippets dürfen nicht für Werbung verwendet werden.
• Pro Blog-Beitrag darf nur ein HowTo Snippet gezeigt werden.
• Der Inhalt der Anleitung muss zu 100 Prozent mit dem auf der Seite angezeigten Inhalt übereinstimmen.
• Alle notwendigen Materialien und Werkzeuge müssen angeführt werden.
• Stelle nur die einzelnen Schritte dar – keine Einleitung, keine Zusammenfassung.
• Jeder Schritt sollte – wenn möglich – durch ein Bild oder Video visualisiert werden.
• HowTo ist nicht für Rezepte geeignet. Hierfür gibt es ein eigenes Rich Snippet.

Ich empfehle dir die bebilderte Schritt-für-Schritt Anleitung quasi als Einleitung zu deinem Blog-Beitrag zu nutzen. Ein einzelner Schritt kann mit Anker-Links auf jenen Textabschnitt verweisen, der diesen ausführlich darstellt.

Mein zweiter Tipp bezieht sich darauf, dass HowTo Anleitungen in erster Linie in mobilen Suchergebnissen angezeigt werden. Die einzelnen Schritte erscheinen dabei als Karten nebeneinander. Es werden 3 bis maximal 4 Karten angezeigt. Versuche deine Schritt-für-Schritt Anleitung daher so kurz und prägnant wie möglich zu verfassen.

So könnte ein HowTo Snippet im HTML aussehen:

<h2>Schritt-für-Schritt Anleitung</h2>
<div itemscope itemtype="https://schema.org/HowTo">
  <strong><span itemprop="name">HowTo Markup für Anleitungen</span></strong>
  <div>Dauer: <span itemprop="totalTime" content="PT2M">30 Minuten</span></div>
  <div itemprop="description">Schritt-für-Schritt Anleitung zur Verwendung von
  strukturierten Daten in Gebrauchsanleitungen. HowTo Rich Snippet Inklusive
  Beispiel-Anwendung</div>
  <div>Voraussetzung:</div>
  <div itemprop="supply" itemtype="https://schema.org/HowToSupply">Computer</div>
  <div itemprop="supply" itemtype="https://schema.org/HowToSupply">Internet</div>
  <div itemprop="supply" itemtype="https://schema.org/HowToSupply">Website</div>
  <div itemprop="supply" itemtype="https://schema.org/HowToSupply">Blog</div>
  <div itemprop="tool" itemtype="https://schema.org/HowToTool">HTML Editor</div>
  <div>
    <div id="step1" itemprop="step" itemscope itemtype="https://schema.org/HowToStep">
      <div itemprop="name">Bewerte deinen Inhalt auf seine Eignung</div>
      <div itemprop="text">Der erste Schritt besteht darin, zu beurteilen, ob
      dein Inhalt für die Anwendung dieses Markups geeignet ist.<div>
      <div itemprop="image">https://example.com/photo1.jpg</div>
      <meta itemprop="url" content="https://example.com/howto-markup#eignung" />
    </div>
    <div id="step1" itemprop="step" itemscope itemtype="https://schema.org/HowToStep">
      <div itemprop="name">Überprüfe die aktuellen Markup Elemente</div>
      <div itemprop="text">Für diesen Schritt musst du dich mit der Google-
      Dokumentation für das HowTo-Markup vertraut machen. Hier finden du
      auch den für dich passenden Beispielcode.</div>
      <div itemprop="image">https://example.com/photo2.jpg</div>
      <meta itemprop="url" content="https://example.com/howto-markup#markup" />
    </div>
  </div>
</div>

Snippet-Tipp 6: Karussell für Cornerstone Content nutzen

Screenshot: ItemList Rich Snippet

Wer einen umfangreichen Blog betreibt, ist sicher bereits über den so genannten Cornerstone Content gestolpert. Es handelt sich dabei um Hauptartikel oder Editorials, die den Inhalt mehrerer themenverwandter Beiträge zusammenfassen und auf die jeweiligen Beiträge verlinken. In einem Blogzine stehen diese Beiträge meist prominent auf der Startseite.

Wer solche hochwertigen Beiträge anbietet, möchte natürlich, dass Suchmaschinen diese entsprechend berücksichtigen. Dazu wurde das ItemList Snippet entwickelt. Es kann für BlogPostings und NewsArticle sowie für Rezepte, Kurse, Restaurants und Filme verwendet werden.

• Alle Elemente müssen denselben Typ haben, z.B. BlogPosting oder Kurse
• Der für den Nutzer sichtbare Text muss den Informationen in den strukturierten Daten ähneln.
• Listen sind hierarchisch: Position 1 gibt den ersten Platz an, Position 2 den zweiten Platz.
• Die einzelnen verlinkten Blogbeiträgen müssen ebenfalls mit strukturierten Daten ausgezeichnet sein (Siehe Snippet-Tipp 1).

Wie HowTo Anleitungen werden ListItems in erster Linie in mobilen Suchergebnissen angezeigt. Versuche daher dich so kurz und prägnant wie möglich zu verfassen und setzte unbedingt auf hochkantige Bilder.

So könnte ein ItemList Snippet im HTML aussehen:

<div itemscope itemtype="https://schema.org/ItemList">
  <link itemprop="url" href="https://example.com/beliebteste-artikel" />
  <h2><span itemprop="name">Beliebeteste Blogbeiträge 2019</span></h2>
  <div itemprop="itemListElement" itemscope itemtype="https://schema.org/ListItem">
    <span itemprop="position">1</span>
    <span itemprop="name">Titel des 1. Beitrags</span>
    <meta itemprop="url" content="https://example.com/artikel1" />
  </div>
  <div itemprop="itemListElement" itemscope itemtype="https://schema.org/ListItem">
    <span itemprop="position">2</span>
    <span itemprop="name">Titel des 2. Beitrags</span>
    <meta itemprop="url" content="https://example.com/artikel2" />
  </div>
</div>

#3 Nicht mehr unterstützte Rich Snippets für Blogs

Wo Licht ist, ist auch Schatten – und mit so manchen strukturierten daten wurde in der Vergangenheit gehöriger Unfug getrieben. Es ist schließlich nichts leichter, als sich selbst Phantasie-Bewertungen zu geben oder im eigen Blog Bundeskanzler Kurz und Bundeskanzlerin Merkel mal schnell schreiben zu lassen. Nicht hindert dich schließlich daran, alternative Fakten zu verbreiten.

Da für Google und Co. aber ein positives Nutzererlebnis an vorderster Stelle steht, sind Suchergebnisse, die sich nach vorne schummeln ausgesprochen ungern gesehen. Mit dem Verzicht auf das Autoren- und Rezensions-Snippet für Blogs sollte dem ein Riegel vorgeschoben werden.

• Das Rich Snippet zu Personen und Autoren wird bereits seit 2015 kaum mehr ausgespielt. 2019 ist es aus den Suchergebnissen vollständig verschwunden.
• Sternebewertungen und Rezensionen von Blog-Artikeln werden seit Winter 2019 nicht mehr genutzt. Seit Februar 2020 wertet es die Google Search Console sogar als Fehler.

Meine 2 Cents

Ich hoffe, dieser Einblick ins Thema Strukturierte Daten konnte dir die eine oder andere Inspiration für deinen Blog geben!

Laut Google hat das Auszeichnen deiner Daten zwar keinen direkten Einfluss auf das Ranking Ihrer Seite. Aber Rich Snippets steigern die Click-Through-Rate des Suchergebnisses, da sie aussagekräftiger und auffälliger als normale Suchergebnisse sind.

Wer den Trend zur Sprach-Suche nicht verschlafen will und langfristig in den Suchergebnissen auffallen möchte, kommt um strukturierte Daten nicht herum. Gerade in Blogs schlummern meiner Meinung nach viele ungenutzte Potentiale. Zudem bietet ein geschärfter Blick auf den eigenen Content eine großartige Chance die Lesefreude der Blog-Besucher zu steigern. Ob Inhaltsverzeichnis, vife Schritt-für-Schritt Anleitung oder clevere FAqs – mit strukturierten Daten steigerst du definitiv den Mehrwert deiner Beiträge.

Ich wünsche dir viel Erfolg mit deinem Blog!

Martha van Berkel: The State Of Schema Markup,
https://www.schemaapp.com/research/state-schema-markup/

Drupal: Metatag Modul,
https://www.drupal.org/project/metatag

Drupal: Schema.org Metatag Modul,
https://www.drupal.org/project/schema_metatag

Brainstorm Force: Schema Pro Plugin,
https://wpschema.com/

Istiak Raythan: 10 Best Schema Markup Plugins For WordPress,
https://wpleaders.com/wordpress-schema-plugins/

Google: Strukturierte Daten - Markup-Hilfe,
https://www.google.com/webmasters/markup-helper/

Google: Testtool für strukturierte Daten,
https://search.google.com/structured-data/testing-tool/

Google: Referenzdokumentation,
https://developers.google.com/search/reference/overview

Google, Yahoo, Microsoft Corporation, Yandex: schema.org,
https://schema.org/

Propellernet Ltd: Answer The Public,
https://answerthepublic.com/

Andreas Hecht: Die ideale Blogartikel-Länge aus 12 SEO-Studien,
https://blog.seoagentur-hamburg.com/5549/