Willkommen zu Deinem ersten Einstieg in schema.org! Als ich mich zum ersten Mal mit der Welt der strukturierten Daten auseinandersetzte, fühlte ich mich zunächst überwältigt von der Vielzahl an Informationen. Um so leichter ist es, wenn man einen klaren Plan hat und weiss, worauf man sich konzentrieren muss. Deshalb möchte ich Dir in diesem Beitrag eine einfache, aber effektive Einführung in schema.org geben und zeigen, wie Du es auf Deiner Website implementieren kannst.
Das Wichtigste zuerst: schema.org ist ein gemeinsames Vokabular, das von den großen Suchmaschinen wie Google, Bing, Yahoo und Yandex verwendet wird, um den Inhalt Deiner Website besser zu verstehen. Indem Du strukturierte Markup-Daten hinzufügst, kannst Du den Suchmaschinen dabei helfen, den Kontext Deines Inhalts zu interpretieren und dadurch die Sichtbarkeit Deiner Website zu erhöhen.
Warum schema.org verwenden?
- Bessere Suchmaschinenplatzierung: Durch die Verwendung von schema.org-Daten kannst Du Deine Chancen auf eine bessere Platzierung in den Suchergebnissen erhöhen.
- Rich Snippets: Mit schema.org kannst Du sogenannte “Rich Snippets” erstellen, die zusätzliche Informationen wie Sternebewertungen, Produktpreise und Veranstaltungsdetails direkt in den Suchergebnissen anzeigen.
- Besseres Nutzererlebnis: Durch die Bereitstellung klarer, strukturierter Informationen können Nutzer die Inhalte Deiner Website besser verstehen und schneller finden, was sie suchen.
Die ersten Schritte mit schema.org
Fangen wir an! Der einfachste Weg, um mit schema.org zu beginnen, ist das Einfügen von JSON-LD (JavaScript Object Notation for Linked Data) in den HTML-Code Deiner Website. JSON-LD ist ein leicht verständliches Datenformat und wird von Google stark bevorzugt.
Beispiel: Einfache Produktseite
Angenommen, Du hast eine Webseite für ein Produkt. Hier ist ein einfaches JSON-LD-Beispiel, das grundlegende Produktinformationen enthält:
{
"@context": "https://schema.org",
"@type": "Product",
"name": "Produktname",
"image": [
"https://www.beispiel.com/foto1.jpg",
"https://www.beispiel.com/foto2.jpg"
],
"description": "Beschreibung des Produkts",
"sku": "12345",
"mpn": "12345",
"brand": {
"@type": "Thing",
"name": "Markenname"
},
"offers": {
"@type": "Offer",
"url": "https://www.beispiel.com/kaufen",
"priceCurrency": "EUR",
"price": "29.99",
"priceValidUntil": "2023-11-05",
"availability": "https://schema.org/InStock",
"itemCondition": "https://schema.org/NewCondition"
}
}
Einbinden in den HTML-Code
Du kannst dieses JSON-LD-Skript einfach in den <head>-Bereich Deiner HTML-Seite einfügen:
<script type="application/ld+json">
{
"@context": "https://schema.org",
"@type": "Product",
"name": "Produktname",
"image": [
"https://www.beispiel.com/foto1.jpg",
"https://www.beispiel.com/foto2.jpg"
],
"description": "Beschreibung des Produkts",
"sku": "12345",
"mpn": "12345",
"brand": {
"@type": "Thing",
"name": "Markenname"
},
"offers": {
"@type": "Offer",
"url": "https://www.beispiel.com/kaufen",
"priceCurrency": "EUR",
"price": "29.99",
"priceValidUntil": "2023-11-05",
"availability": "https://schema.org/InStock",
"itemCondition": "https://schema.org/NewCondition"
}
}
</script>
Verschiedene Anwendungsfälle für schema.org
Es gibt viele verschiedene Arten von Markup, die Du auf Deiner Website verwenden kannst, abhängig von der Art des Inhalts:
- Artikel: Ideal für Blog-Posts und Nachrichtenartikel. Verwende
@type: "Article"oder"NewsArticle". - Rezepte: Füge Rezepte hinzu, um Kochanweisungen und Zutaten klar darzustellen. Nutze
@type: "Recipe". - Veranstaltungen: Ideal für Konzerte, Messen und Webinare. Verwende
@type: "Event". - Bewertungen und Bewertungen: Füge Bewertungen zu Produkten, Restaurants und Dienstleistungen hinzu. Nutze
@type: "Review".
Für eine vollständige Liste der unterstützten Typen und Eigenschaften kannst Du die offizielle Dokumentation auf schema.org besuchen.
Tools zur Validierung
Ein wichtiger Schritt nach der Implementierung von schema.org-Markup ist die Validierung. Google bietet ein hilfreiches Rich Results Test-Tool, das Du nutzen kannst, um sicherzustellen, dass Deine Markup-Daten korrekt sind:
Mit diesen Grundlagen solltest Du gut gerüstet sein, um schema.org auf Deiner Website zu implementieren und Deine Suchmaschinenpräsenz zu verbessern. Viel Erfolg!
