Schema-Markup sagt potenziellen Besucher:innen, dass Sie haben, wonach sie suchen.
Die Implementierung von Schema-Markup für SEO ist eine hervorragende Möglichkeit, Ihre Chancen zu verbessern, in einem Rich Result bei Google zu erscheinen. Als System von Labels ist es überraschend einfach zu erstellen, mit ein paar Hinweisen (und den richtigen Tools).
Es gibt einige spezifische Schema-Markup-Typen, die Sie nutzen können, um Details zu Ihren Webseiten zu ergänzen. In diesem Artikel erfahren Sie mehr über diese Typen und wie Sie Schema-Markup für SEO nutzen (und wie es auch der AEO Ihrer Marke zugutekommt).
Was ist Schema-Markup?
Schema-Markup, auch bekannt als strukturierte Daten, ist Code, den Sie in Webseiten schreiben, um Suchalgorithmen zu helfen zu erkennen, was auf Ihrer Seite steht. Es gibt rund 1.500 Eigenschaften, die Sie nutzen können, um Dinge wie den Preis eines Produkts oder den Titel eines im Kino laufenden Films zu identifizieren. (Sie müssen nicht alle Eigenschaften kennen – nur die, die für Ihre Website relevant sind.)
Alle diese Eigenschaften sind auf Schema.org detailliert beschrieben, einem gemeinsamen Projekt von Google, Microsoft, Yahoo und Yandex, das das Vokabular für alle Schema-Typen geschaffen hat, die für Suchergebnisse verwendet werden. Diese Standardisierung bedeutet, dass alle dieselben Labels (z. B. „openingHours“, „reviewRating“ oder „priceRange“) für mehr Sichtbarkeit und bessere SEO- und AEO-Performance nutzen können.
Zentrale Aspekte von Schema-Markup in SEO
Schema-Markups sind nützlich, aber die Anwendung eines solchen ist kein Cheat-Code für bessere Suchrankings. Es gibt Ihrem Content die Chance, als Rich Snippet zu erscheinen (wie das oben gezeigte) – ein erweitertes Suchergebnis mit mehr Informationen als Ihr Standard-Sucheintrag.
Hier ist, was Schema-Markup wichtig für SEO macht:
- Stärkere Klickraten: Rich Results erzielen 17 % höhere Klickraten, und Suchergebnisse mit besseren CTRs ranken höher, weil sie eine stärkere Verbindung zwischen der Anfrage und Ihrer Seite signalisieren.
- Verbesserte SERP-Fläche: Mit ihren zusätzlichen Informationen nehmen Rich Results mehr Platz auf der Suchergebnisseite (SERP) ein, einschließlich des Knowledge Panels auf der rechten Seite der Google-Ergebnisse. Das bedeutet mehr Sichtbarkeit und wahrgenommene Glaubwürdigkeit.
- Bessere UX: Suchende erhalten mehr Informationen aus der SERP, sodass sie sehen können, ob Ihre Website ihre Suchintention beantwortet. Nutzer:innen, die durchklicken, bleiben dann eher länger auf Ihrer Website mit einer niedrigeren Absprungrate.
- KI-Sichtbarkeit: Strukturierte Daten kennzeichnen Content so, dass große Sprachmodelle ihn entdecken und in KI-Suchergebnissen nutzen können.
- Wettbewerbsvorteil: Sie werden Wettbewerber in SERPs eher übertreffen, wenn diese kein Schema-Markup haben.
Häufige Schema-Markup-Typen
Alle Schema-Markup-Eigenschaften sind in Kategorien namens „Typen“ organisiert. Sie erkennen sie an ihrer Großschreibung von Eigenschaften. Eine Kategorie beginnt mit einem Großbuchstaben, und eine Eigenschaft beginnt klein geschrieben (zum Beispiel ist „LocalBusiness“ ein Typ, und „openingHours“ ist eine Eigenschaft innerhalb dieses Typs).
Wenn Sie Schema-Markup erstellen, referenzieren Sie einen Typ und die Eigenschaft darin, die Sie nutzen möchten. Hier sind einige der häufigsten Schema-Markup-Typen und Beispiele für ihre typischen Anwendungen:
- Article. Blogs und Nachrichtenwebsites nutzen Eigenschaften des Typs „Article“, um Suchmaschinen Kontext über ihren geschriebenen Content zu geben, einschließlich „datePublished“ und „breadcrumbs“.
- Product. E-Commerce-Websites nutzen den Typ „Product“, um Informationen zu jedem verkauften Artikel zu präzisieren, wie „size“ und „review“.
- FAQPage. Service-Websites kennzeichnen ihre FAQ-Seite mit Eigenschaften des Typs „FAQPage“, wie „relatedLink“ und „primaryImageOfPage“.
- LocalBusiness. Unternehmen, die eine Vor-Ort-Bevölkerung bedienen, wie Tankstellen und Restaurants, nutzen „LocalBusiness“-Eigenschaften, um die Fragen von Suchenden dazu zu beantworten, wie ihr Unternehmen geführt wird (z. B. „openingHours“, „paymentAccepted“ und „priceRange“).
- Event. Veranstalter nutzen Eigenschaften des Typs „Event“, wie „eventSchedule“ und „typicalAgeRange“, um Details für Rich Results hervorzuheben.
Häufige Schema-Markup-Formate
Es gibt drei akzeptierte Wege, Schema-Markup zu Ihren Seiten hinzuzufügen. JSON-LD wird am häufigsten empfohlen, aber hier ist, wie alle drei Formate in der Praxis funktionieren.
JSON-LD
JSON-LD ist ein Skript, das Sie zum HTML Ihrer Seite hinzufügen und das Eigenschaften strukturierter Daten in „Name: Wert“-Paare organisiert. Diese Paare bilden eine lange Liste, die Sie leicht aktualisieren können, während Ihre Website wächst.
Hier ist ein SEO-Schema-Markup-Beispiel, das JSON-LD verwendet:
<script type="application/ld+json">
{
"@context": "https://schema.org",
"@type": "LocalBusiness",
"name": "Ricardo’s Deli",
"image": "https://RicardosDeli.com/logo.png",
"telephone": "+15551234",
"openingHours": "Mo,Tu,We,Th 09:00-12:00",
"priceRange": "$$",
"address": {
"@type": "PostalAddress",
"streetAddress": "123 Elm St",
"addressLocality": "Lincoln",
"addressRegion": "CA",
"postalCode": "95648",
"addressCountry": "US"
}
}
</script>
Microdata
Bei Microdata werden einzelne HTML-Elemente mit Schema-Markup-Attributen wie <itemtype> und <itemprop> gekennzeichnet. Zum Beispiel könnten Sie eine Titelüberschrift als Namen Ihres Unternehmens kennzeichnen:
<div itemscope itemtype="https://schema.org/LocalBusiness">
<h1><span itemprop="name">Ricardo’s Deli</span></h1>
</div>
Hinweis: Nicht jedes HTML-Element kann Schema-Markup-Attribute wie <itemprop> und <itemtype> annehmen. Verwenden Sie <div>s und <span>s nach Bedarf, um kompatible Elemente einzufügen, die diese Attribute nutzen können.
Resource Description Framework in Attributen (RDFa)
RDFa ist der Vorgänger von Microdata und sieht ihm sehr ähnlich. Die Attribute sind jedoch anders (wie <span>), und Typen werden mit ihrer Eigenschaft statt einer URL identifiziert:
<div vocab="https://schema.org/" typeof="LocalBusiness">
<h1><span property="name">Ricardo’s Deli<span></h1>
</div>
So fügen Sie Schema-Markup zu Ihrer Website hinzu: 6 Schritte
Wählen Sie eine Seite auf Ihrer Website aus und folgen Sie diesen sechs Schritten, um ein einfaches Schema-Markup hinzuzufügen, das Ihnen hilft, Suchmaschinen mehr Details zu geben und Ihr Ranking zu verbessern.
1. Wählen Sie Ihren Markup-Typ
Wählen Sie JSON-LD, Microdata oder RDFa für Ihr Markup, abhängig von Ihrem Wohlfühlgrad beim Schreiben von Code. JSON-LD ist für die meisten Menschen die beste Option, weil es intuitiver zu schreiben und zu bearbeiten ist, aber Microdata und RDFa sind akzeptable Alternativen, wenn Sie mit HTML vertraut sind.
2. Stellen Sie sicher, dass Informationen aktuell sind
Auditieren Sie Ihre Seite, um sicherzustellen, dass der gesamte Content, den Sie kennzeichnen möchten, akkurat ist. Fehler wie falsche Abmessungen oder veraltete Öffnungszeiten jetzt zu erkennen, erspart Ihnen später den Aufwand, sie auf der Seite und im Markup zu korrigieren.
3. Markup generieren
Schreiben Sie das Schema-Markup im gewählten Format in einem Code-Editor oder einer Textdatei. Sparen Sie noch besser Zeit, indem Sie einen Schema-Generator wie Webflow AIs Schema-Support-Tool nutzen, um das Markup zu generieren, das Sie für jedes Content-Stück in Ihrem CMS benötigen.
4. Fügen Sie Schema-Markup zu Ihrer Website hinzu
Öffnen Sie das HTML für Ihre Webseite und fügen Sie Ihr Schema-Markup hinzu. Wenn Sie JSON-LD verwendet haben, fügen Sie das Skript zum <head>-Element hinzu. Wenn Sie Microdata oder RDFa verwendet haben, ersetzen Sie den relevanten Content durch das Markup.
5. Testen und validieren
Sie sollten Ihr Schema-Markup unterwegs überprüfen, um sicherzustellen, dass die Syntax stimmt und alle Eigenschaften korrekt aufgeführt sind. Manche Schema-Test-Tools bieten sogar Vorschläge, um das Beste aus Ihrem Markup herauszuholen.
So validieren Sie Ihr Schema-Markup
Nutzen Sie einen Validator wie Schema.org oder Googles Rich Results Test, um zu prüfen, dass Ihre strukturierten Daten funktionieren und fehlerfrei sind.
- Schema.org. Schema.org bietet ein kostenloses Testtool, das Ihre strukturierten Daten auf Syntax- oder Eigenschaftsfehler prüft. Öffnen Sie einfach das Validierungstool, fügen Sie Ihr Markup oder JSON-LD-Skript ein und führen Sie den Test durch. Es zeigt sofort Fehler und die Zeilennummern an, in denen sie auftreten, damit Sie die notwendigen Korrekturen schneller vornehmen können.
- Rich Results Test. Googles Rich-Results-Test-Tool validiert Schemas wie Schema.org, geht aber weiter, indem es Vorschläge für andere Typen und Eigenschaften bietet, die Sie möglicherweise übersehen haben. Wenn Sie zum Beispiel einen Snippet für LocalBusiness-Eigenschaften einfügen, könnte es vorschlagen, „address“, „image“ oder „priceRange“ hinzuzufügen.
6. Überwachen Sie die Performance
Veröffentlichen Sie Ihre Änderungen und prüfen Sie Ihre Analysen regelmäßig, um zu sehen, ob es einen Unterschied im Suchranking oder der Klickrate gemacht hat. Ein Tool wie Webflow Analyze kann Ihnen helfen, Performance-Änderungen im Zeitverlauf zu messen, um zu identifizieren, was funktioniert und was noch Anpassungen braucht.
Best Practices für Schema-Markup
Sparen Sie Zeit beim Testen, indem Sie diese Tipps für großartige Schema-Markups befolgen.
Wählen Sie die passenden Schema-Typen aus
Wählen Sie Schema-Typen, die die meisten (wenn nicht alle) Eigenschaften enthalten, die Sie benötigen. Sie müssen wahrscheinlich mehr als einen Typ verwenden, um alles zu erfassen, aber selektiv zu sein, welche Typen Sie nutzen, sorgt dafür, dass Sie nur zwei oder drei benötigen. Das hält Ihr Markup sauber und für Suchalgorithmen leichter verständlich.
Aktualisieren Sie Ihr Schema-Markup regelmäßig
Fügen Sie die Aktualisierung Ihres Schema-Markups zu Ihrer Checkliste hinzu, wann immer Sie Content auf Ihrer Website aktualisieren. Wenn sich ein Preis ändert oder ein Produkt nicht mehr verfügbar ist, ändern Sie die relevanten Schema-Markup-Eigenschaften, um sicherzustellen, dass Rich Results immer akkurat sind.
Bleiben Sie über Google-Schema-Markup-Updates informiert
Google aktualisiert regelmäßig seine Anleitung zu strukturierten Daten, einschließlich welche Eigenschaften es sucht und welche nicht. Überprüfen Sie die Richtlinien regelmäßig, um auf dem Laufenden zu bleiben über Änderungen, die die Suchperformance Ihrer Website beeinflussen könnten.
Validieren Sie Ihr Markup
Führen Sie Ihr Markup immer durch einen Validator, bevor Sie es veröffentlichen, um Fehler zu prüfen. Googles Rich-Results-Test-Tool kann Ihnen auch helfen, Verbesserungsmöglichkeiten zu entdecken, was besonders nützlich ist, wenn Sie ein neues Markup hinzufügen oder den Content einer Seite erheblich geändert haben.
Verwenden Sie das JSON-LD-Format
Während Sie erfolgreich Microdata oder RDFa nutzen können, um ein Schema-Markup zu erstellen, ist JSON-LD das beste Schema-Markup-Format, weil es alle Ihre strukturierten Daten in einer langen Liste zusammenfasst, die leicht zu aktualisieren ist. Jetzt damit zu beginnen, macht Ihre Website langfristig skalierbarer.
So messen Sie die Wirkung von Schema-Markup
Um die Wirkung Ihres Schema-Markups auf Suchrankings zu messen, müssen Sie Daten zur Seite vor und nach der Ergänzung sammeln. Nutzen Sie ein Tool wie Webflow Analyze, um zu sehen, wie sich der Traffic verändert, nachdem Sie strukturierte Daten implementiert haben, und testen Sie Ihre SEO-Performance mit Google Search Console.
Sie sollten nach der Implementierung von Schema-Markup eine merkliche Verbesserung der Klickraten sehen. Wenn nicht, experimentieren Sie mit neuen Eigenschaften, um eine Kombination zu finden, die mehr Klicks erzielt.
Fügen Sie Schema-Markup mit Webflow hinzu
Sie können einen großen Einfluss auf Ihr SEO haben, indem Sie Schema-Markup hinzufügen. Aber zu entscheiden, was einzubeziehen ist, und alle Informationen zu erstellen, kann ziemlich zeitaufwendig sein, besonders wenn Sie für mehrere Seiten oder einen Katalog voller Produkte von Grund auf beginnen.
Verschaffen Sie sich mit Webflow AI einen Vorsprung bei Ihrem Markup, das automatisch strukturierte Daten für alle Ihre Seiten generieren kann. Webflow AI erkennt Content wie Namen, Adressen und Preise und mischt das passende Markup dort in Ihre Seiten, wo es benötigt wird.
Melden Sie sich für einen kostenlosen Starter-Plan an, um Webflows Starter-KI-Tools auszuprobieren. Upgraden Sie dann und entdecken Sie alle Möglichkeiten, wie es Ihr SEO, AEO und Website-Design von Grund auf optimieren kann.
