Schema Markup für SEO: Ein Leitfaden

Mit Schema Markup können Suchmaschinen wie Google zusätzliche, relevante Informationen in den Suchergebnissen anzeigen. Dies führt zu erweiterten Darstellungen, sogenannten Rich Snippets, die mehr Klicks und Engagement fördern können.

Nachfolgend erfährst du, was Schema Markup ist, welche Vorteile es bietet und wie es effektiv implementiert wird.

Was ist Schema Markup?

Schema Markup ist eine spezielle Codeform, die Suchmaschinen hilft, den Inhalt einer Website besser zu verstehen. Man kann es als eine Art „Label“ für Informationen betrachten. Es markiert bestimmte Daten wie Produktbewertungen, Veranstaltungen oder Kontaktinformationen, sodass Suchmaschinen diese Details in den Suchergebnissen hervorheben können.

Durch den Einsatz von Schema Markup können Websites Rich Snippets anbieten – zusätzliche Elemente wie Bewertungen, Preise oder Daten. Ein Rezept könnte beispielsweise direkt in den Suchergebnissen die Kochzeit und Kalorienanzahl anzeigen.

Vorteile von Schema Markup

Schema Markup verbessert die Sichtbarkeit und Attraktivität einer Website in den Suchergebnissen. Die wichtigsten Vorteile:

  • Verbesserte Darstellung in der Suche: Rich Snippets heben Suchergebnisse durch zusätzliche Informationen hervor.
  • Höhere Klickrate (CTR): Nutzer klicken eher auf Ergebnisse mit zusätzlichen Details wie Sternbewertungen oder Preisen.
  • Indirekte Ranking-Verbesserung: Schema allein steigert das Ranking nicht direkt, aber eine bessere CTR kann die SEO-Performance positiv beeinflussen.
  • Bessere Nutzererfahrung: Besucher erhalten schnelle Antworten direkt in den Suchergebnissen, was sie eher dazu bringt, die Website zu besuchen.

Wichtige Arten von Schema Markup

Je nach Inhalt gibt es verschiedene Arten von Schema Markup, darunter:

  • Article Schema: Für Blogs und Nachrichtenartikel.
  • Product Schema: Ideal für E-Commerce, zeigt Preis, Verfügbarkeit und Bewertungen.
  • Event Schema: Hebt Veranstaltungsdaten, Orte und Ticketverfügbarkeit hervor.
  • Recipe Schema: Zeigt Zutaten, Kochzeit und Kalorien an.
  • Local Business Schema: Wichtig für lokale Unternehmen, um Adresse, Öffnungszeiten und Kontaktinformationen anzuzeigen.

Wann sollte Schema Markup verwendet werden?

Schema ist besonders sinnvoll, wenn eine Seite strukturierte Daten enthält, z. B. Bewertungen, Preise oder Veranstaltungsdaten. Ein Restaurant könnte damit beispielsweise Öffnungszeiten und Menüdaten sichtbar machen.

Wann ist Schema Markup weniger nützlich?

Wenn eine Website einfache oder rein informative Inhalte ohne strukturierte Daten hat – wie ein persönlicher Blog – bietet Schema Markup keinen großen SEO-Vorteil. Auch statische Seiten wie „Über uns“ oder „Datenschutz“ profitieren in der Regel nicht von Schema Markup.

Wie man Schema Markup implementiert

Das richtige Schema für den Inhalt auswählen

Besuche Schema.org, um verschiedene Schema-Typen zu erkunden. Die Suchfunktion hilft, das passende Markup für den Inhalt zu finden.

  • Für ein Produkt: „Product“-Schema
  • Für ein Rezept: „Recipe“-Schema

Tools zur Schema-Generierung nutzen

Google bietet den kostenlosen Structured Data Markup Helper. Damit kann die URL oder der HTML-Code einer Seite eingegeben, der passende Schema-Typ ausgewählt und die relevanten Daten markiert werden. Das Tool generiert anschließend den Code, der in die Website eingefügt werden kann.

Schema-Plugins für WordPress

Für WordPress-Nutzer gibt es Plugins, die Schema-Markup ohne Programmierkenntnisse hinzufügen:

  • Yoast SEO: Fügt strukturierten Code hinzu, besonders für Article- und WebPage-Schema.
  • Schema Pro: Premium-Plugin mit einer breiten Auswahl an Schema-Typen.
  • All in One Schema Rich Snippets: Kostenlose Option für Produkt-, Bewertungs- und Event-Schema.
Yoast schema settings screenshot
Yoast Schema-Einstellungen für Beiträge und Seiten


Schema mit JSON-LD programmieren

JSON-LD (JavaScript Object Notation for Linked Data) ist das von Google empfohlene Format für Schema. JSON-LD ist einfach einzufügen und beeinflusst das HTML nicht.

Beispiel für JSON-LD-Code mit Product Schema:

<script type="application/ld+json">
{
"@context": "https://schema.org",
"@type": "Product",
"name": "Hoka Running Shoes",
"image": "https://example.com/hoka-running-shoes.jpg",
"description": "High-quality running shoes for all terrains.",
"sku": "HOKA123",
"offers": {
"@type": "Offer",
"priceCurrency": "EUR",
"price": "79.99",
"itemCondition": "https://schema.org/NewCondition",
"availability": "https://schema.org/InStock"
}
}
</script>

Direkte Einbettung von HTML-Schema

Die direkte Einbettung von Schema in HTML, bekannt als „Microdata“, ist eine ältere, aber weiterhin gültige Methode zur Integration strukturierter Daten. Dabei werden Schema-Eigenschaften direkt in HTML-Tags eingefügt. Diese Methode wird jedoch weniger empfohlen, da sie fehleranfälliger ist und die Wartung erschwert, insbesondere bei wachsenden oder sich ändernden Websites.

Warum die direkte HTML-Schema-Einbettung fehleranfällig ist

  • Komplexität durch verschachtelte Tags:
    Das Einbetten von Schema in HTML kann den Code unübersichtlich machen, was die Lesbarkeit und Fehlersuche erschwert. Besonders bei verschachtelten Tags können Eigenschaften und Item-Typen leicht falsch platziert werden.
  • Schwierige Wartung:
    Jede Änderung des Inhalts erfordert eine Anpassung der HTML-Struktur, was das Risiko erhöht, das Markup zu beschädigen.
  • Mehr manuelle Arbeit:
    Im Gegensatz zu JSON-LD, das separat in einem <script>-Block gespeichert wird, muss bei der HTML-Variante jede Eigenschaft einzeln im Code definiert werden. Dies ist zeitaufwendig und anfälliger für Syntaxfehler.

Beispiel für HTML-Schema (Microdata)

So könnte ein direkt in HTML eingebettetes Product Schema Markup aussehen:

<div itemscope itemtype="https://schema.org/Product">
<h2 itemprop="name">Hoka Running Shoes</h2>
<img itemprop="image" src="https://example.com/hoka-running-shoes.jpg" alt="Hoka Running Shoes">
<p itemprop="description">High-quality running shoes for all terrains.</p>
<span itemprop="sku">HOKA123</span>

<div itemprop="offers" itemscope itemtype="https://schema.org/Offer">
<span itemprop="priceCurrency" content="EUR">€</span>
<span itemprop="price">79.99</span>
<link itemprop="availability" href="https://schema.org/InStock">In Stock</link>
</div>
</div>

In diesem HTML-Microdata-Beispiel:

  • Jedes Attribut, wie itemprop=“name“ oder itemprop=“description“, muss direkt zum entsprechenden HTML-Tag hinzugefügt werden.
  • Die Attribute itemscope und itemtype definieren den Typ der strukturierten Daten (in diesem Fall ein Product und dessen Offer).
  • Jede Eigenschaft, wie Name, Bild, Beschreibung und Preis, muss individuell gesetzt werden.

Einschränkungen der direkten HTML-Schema-Einbettung

Das Einbetten von Schema direkt in HTML kann schnell unübersichtlich werden, insbesondere auf Seiten mit vielen oder komplexen strukturierten Elementen. JSON-LD (über ein einzelnes <script>-Tag) wird bevorzugt, da es die Daten von der HTML-Struktur trennt. Dies erleichtert die Verwaltung und Bearbeitung, ohne dass das sichtbare Seitenlayout beeinflusst wird.

Testen und Validieren von Schema Markup

Bevor Schema Markup veröffentlicht wird, sollte es unbedingt validiert werden, um sicherzustellen, dass es korrekt implementiert ist:

  • Google’s Rich Results Test: Mit dem Rich Results Test lässt sich überprüfen, ob die strukturierten Daten korrekt sind. Das Tool erkennt Fehler und gibt Verbesserungsvorschläge.
  • Schema Markup Validator: Ein weiteres zuverlässiges Test-Tool ist der Schema Markup Validator auf Schema.org. Die Prüfung stellt sicher, dass Suchmaschinen das Schema korrekt interpretieren und anzeigen.

Fehler im Schema können verhindern, dass Rich Snippets erscheinen – daher sollte der Code immer getestet werden.

Schema aktualisieren und mit einer Sitemap einreichen

Die Aktualisierung von Schema Markup erfordert die Einreichung der geänderten Seiten bei Google. Eine neue Sitemap ist nicht bei jeder Änderung nötig, aber es ist sinnvoll, eine aktuelle Sitemap zu pflegen.

Warum Sitemaps wichtig sind

Sitemaps liefern Suchmaschinen eine Liste aller URLs einer Website und helfen dabei, Inhalte effizient zu crawlen und zu indexieren. Besonders größere Websites oder solche mit häufig aktualisierten Inhalten profitieren von einer Sitemap.

So wird eine Sitemap erstellt

  • Plugins für WordPress nutzen: Plugins wie Yoast SEO generieren automatisch eine Sitemap und aktualisieren sie bei neuen Inhalten.
  • Sitemap manuell erstellen: Alternativ kann eine XML-Sitemap mit Tools wie XML-Sitemaps.com manuell erstellt werden.
  • Sitemap bei Google einreichen: In der Google Search Console unter dem Menüpunkt Sitemaps hinzufügen. Dadurch erhält Google die neueste Struktur der Website samt aktualisiertem Schema.

Eine regelmäßig aktualisierte Sitemap hilft Google, Inhalte erneut zu crawlen und aktuell zu halten.

Best Practices für Schema Markup

Um Schema Markup optimal zu nutzen, sollten folgende bewährte Methoden beachtet werden:

  • Relevante Inhalte markieren: Schema sollte dort eingesetzt werden, wo es die Nutzererfahrung verbessert, z. B. für Produkte, Veranstaltungen oder Bewertungen.
  • Schema regelmäßig aktualisieren: Schema.org wird kontinuierlich erweitert – neue Typen könnten besser zum Inhalt passen.
  • Häufige Fehler vermeiden: Keine irrelevanten Inhalte markieren oder fehlerhaften Code einbinden. Jede Änderung sollte validiert werden, um Fehler zu vermeiden, die Rich Snippets verhindern könnten.

Fazit

Schema Markup ist ein wertvolles Werkzeug für SEO. Durch die Integration strukturierter Daten lässt sich die Sichtbarkeit und Nutzererfahrung verbessern, sodass die Website in den Suchergebnissen heraussticht. Obwohl es Aufwand und Tests erfordert, kann Schema Markup die Online-Präsenz erheblich stärken.