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.
Unter strukturierten Daten versteht man die semantische Auszeichnung von Webinhalten. Dazu werden relevante Inhalte im HTML-Code gekennzeichnet und einem bestimmten Informationstyp zugeordnet. Die Standardformate sind RDFa, Microdata und JSON-LD.
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.
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.
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 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.
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.
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.
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.
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.
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>
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:
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>
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.
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>
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 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>
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:
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>
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.
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>
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.
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.
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/