JSON-LD in 30 Minuten: Der Copy-Paste-Blueprint

Dienstag, 10:30 Uhr: Die monatliche SEO-Analyse liegt vor Ihnen. Ein klarer Trend: Die organische Klickrate stagniert, obwohl die Rankings gut sind. Gleichzeitig fragen Kunden in Support-Tickets, ob Sie Dienstleistung X wirklich anbieten – obwohl es klar auf der Website steht. Das Problem ist nicht Ihre Sichtbarkeit, sondern wie Suchmaschinen und potenzielle Kunden Ihren Inhalt verstehen. Die Lösung dafür heißt JSON-LD, und sie ist kein monatelanges Tech-Projekt.

Strukturierte Daten mit JSON-LD sind der Übersetzer zwischen Ihrer Website und Google. Sie liefern den Kontext, der aus einem bloßen Snippet ein informatives Rich Snippet mit Bewertungen, FAQs, Produktpreisen oder Event-Daten macht. Laut einer Analyse von BrightEdge (2024) erhalten Seiten mit validem Schema-Markup durchschnittlich 25 % mehr organische Visits als vergleichbare Seiten ohne. Die Implementierung muss dabei nicht kompliziert sein.

In den nächsten 30 Minuten zeigen wir Ihnen, wie Sie mit Copy-Paste-Vorlagen die häufigsten JSON-LD-Schemata für SaaS-Unternehmen, Agenturen und E-Commerce-Shops umsetzen. Sie brauchen keinen Entwickler, sondern nur einen Texteditor und den Willen, Ihren Suchergebnissen den entscheidenden Vorteil zu geben. Morgen früh können Sie den Rich Results Test von Google öffnen und die ersten validierten strukturierten Daten auf Ihrer Website sehen.

Warum JSON-LD Ihr wichtigstes SEO-Tool nach dem Content ist

SEO hat sich von der reinen Keyword-Optimierung zur Beantwortung von Fragen entwickelt. Suchmaschinen wollen die beste, klarste Antwort liefern. JSON-LD, also JavaScript Object Notation for Linked Data, gibt Ihnen die Werkzeuge an die Hand, um Ihre Antworten maschinenlesbar zu strukturieren. Es basiert auf dem Standard Schema.org, einem gemeinsamen Vokabular, das Google, Bing, Yandex und andere verstehen.

Der entscheidende Vorteil von JSON-LD gegenüber anderen Formaten wie Microdata liegt in seiner einfachen Handhabung. Der Code wird als eigenständiges Skript-Element in den HTML-Code eingefügt, ohne dass Sie bestehende Layouts oder Inhalte anfassen müssen. Das reduziert Fehlerquellen und macht die Pflege enorm viel einfacher. Für Marketing-Verantwortliche bedeutet das: Sie können die Strategie vorgeben und die Umsetzung oft selbst übernehmen.

„JSON-LD ist der effizienteste Weg, strukturierte Daten an Suchmaschinen zu kommunizieren. Es trennt die Datenlogik sauber von der Präsentation.“ – John Müller, Senior Webmaster Trends Analyst bei Google, in einem Webmaster Hangout (2023).

Was kostet es Sie, diese Möglichkeit nicht zu nutzen? Rechnen wir es kurz durch: Nehmen wir an, Ihre wichtigste Landing Page hat 1.000 Impressionen pro Monat bei einer CTR von 2 % (20 Klicks). Ein Rich Snippet, beispielsweise mit FAQ-Akkordeon, könnte die CTR laut Daten von Sistrix um durchschnittlich 5-10 Prozentpunkte steigern. Bei konservativen 5 % wären das 70 Klicks statt 20. Über ein Jahr und über mehrere Seiten summiert sich dieser Verlust an potenziellen Besuchern und Leads beträchtlich. Die Investition von 30 Minuten heute verhindert diesen kontinuierlichen Wertverlust.

Das Grundgerüst: So sieht ein JSON-LD-Snippet aus

Jeder JSON-LD-Code folgt einem einfachen Muster. Sobald Sie es verstanden haben, können Sie jede Vorlage lesen und anpassen. Hier das Skelett:
{
"@context": "https://schema.org",
"@type": "[HIER DEN TYP EINTRAGEN, z.B. Organization]",
"name": "[Name Ihres Unternehmens]",
"description": "[Kurzbeschreibung]"
// Weitere Eigenschaften folgen hier...
}
Der @context verweist immer auf Schema.org. @type definiert, was Sie beschreiben (Organisation, Produkt, lokales Geschäft etc.). Alle folgenden Zeilen sind Eigenschaften dieses Typs. Dieses Grundgerüst werden Sie in allen folgenden Blueprints wiederfinden.

Der erste Schritt: Öffnen Sie den Quelltext Ihrer Startseite

Bevor wir starten, machen Sie einen kurzen Check. Öffnen Sie Ihre Website, klicken Sie mit der rechten Maustaste auf die Seite und wählen Sie „Seitenquelltext anzeigen“ (oder ähnlich). Suchen Sie mit Strg+F nach „json-ld“ oder „schema.org“. Sehen Sie bereits strukturierte Daten? Wenn nein, starten Sie bei Null. Wenn ja, prüfen Sie deren Vollständigkeit mit dem Google Rich Results Test. Notieren Sie, welche @type bereits vorhanden sind, um Dopplungen zu vermeiden. Dieser eine Check ist Ihr Ausgangspunkt.

Blueprint 1: Das Fundament – Organisation & Website (5 Minuten)

Beginnen Sie mit den globalen Daten, die für Ihre gesamte Domain gelten. Das Organization-Schema definiert Ihr Unternehmen als Entität im Web. Das Website-Schema beschreibt Ihre Domain selbst. Diese Snippets gehören in den <head>-Bereich Ihrer Startseite und können oft auch auf allen Unterseiten eingebunden werden.

Warum ist das wichtig? Es schafft eine autoritative Basis. Wenn Google News oder andere Dienste über Ihr Unternehmen berichten, können sie auf diese eindeutigen Daten zurückgreifen. Es verbessert die Darstellung Ihres Unternehmens in Knowledge Panels. Für Agenturen ist dies besonders wertvoll, um Expertise und Markenidentität zu signalisieren.

Vorlage: Organization-Schema

Kopieren Sie diesen Code, ersetzen Sie die Platzhalter und fügen Sie ihn in den <head> Ihrer Startseite ein.
{
"@context": "https://schema.org",
"@type": "Organization",
"name": "Ihr Firmenname GmbH",
"legalName": "Ihr Firmenname Gesellschaft mit beschränkter Haftung", // Optional, aber für Vertrauen gut
"url": "https://www.ihre-domain.de",
"logo": "https://www.ihre-domain.de/pfad/zum/logo.png",
"foundingDate": "2018", // Gründungsjahr
"description": "Kurze, prägnante Beschreibung Ihrer Firma und ihres Kernangebots.",
"address": {
"@type": "PostalAddress",
"streetAddress": "Musterstraße 123",
"addressLocality": "Berlin",
"postalCode": "10115",
"addressCountry": "DE"
},
"contactPoint": {
"@type": "ContactPoint",
"telephone": "+49-30-12345678",
"contactType": "Kundenservice",
"availableLanguage": ["German", "English"]
},
"sameAs": [
"https://www.linkedin.com/company/ihre-firma/",
"https://www.xing.com/company/ihre-firma/",
"https://www.facebook.com/ihreFirma/",
"https://www.instagram.com/ihre_firma/"
]
}
Die sameAs-Eigenschaft ist ein mächtiges Tool für die Entity-Verbindung. Sie verknüpft Ihre Website-Entity mit Ihren Social-Media-Profilen und stärkt so die digitale Repräsentanz Ihrer Marke.

Vorlage: Website-Schema

Dieses Schema beschreibt Ihre Domain und kann die potenzielle Sichtbarkeit Ihrer Suchfunktion erhöhen.
{
"@context": "https://schema.org",
"@type": "WebSite",
"url": "https://www.ihre-domain.de",
"name": "Ihr Firmenname",
"description": "Beschreibung Ihrer Website.",
"potentialAction": {
"@type": "SearchAction",
"target": "https://www.ihre-domain.de/?s={search_term_string}",
"query-input": "required name=search_term_string"
}
}
Achten Sie darauf, den target-Parameter an die URL-Struktur Ihrer Suchseite anzupassen (oft ?s=, ?search= oder /search/).

Blueprint 2: Lokale Präsenz – LocalBusiness für Agenturen & Läden (5 Minuten)

Für Unternehmen mit physischer Präsenz oder lokalem Kundenstamm ist das LocalBusiness-Schema nicht optional, es ist essentiell. Es ist die Grundlage für ein starkes Local SEO. Es liefert Google die Daten für Google My Business-Einträge (obwohl diese separat gepflegt werden müssen) und für lokale Rich Snippets in den Suchergebnissen.

Ein Marketingleiter einer Münchener Agentur berichtete, dass seine Seite trotz guter Rankings nur selten in den lokalen ‚3-Pack‘-Ergebnissen auftauchte. Die Ursache: Die Website kommunizierte nicht klar, dass es sich um ein lokales Unternehmen handelte. Nach der Implementierung eines detaillierten LocalBusiness-Schemas stieg die Sichtbarkeit in lokalen Suchanfragen innerhalb von vier Wochen um über 40 %.

Property	Beschreibung	Beispiel / Hinweis
@type	Spezifischer Geschäftstyp	„LegalService“, „AccountingService“, „Store“, „Restaurant“. Präzise Typen liefern mehr Kontext.
areaServed	Bedientes Gebiet	Für Dienstleister entscheidend. Kann Städte ([„München“, „Frankfurt“]) oder geografische Gebiete beschreiben.
openingHoursSpecification	Öffnungszeiten	Ermöglicht die Anzeige der Öffnungszeiten direkt im Snippet. Besonders wichtig für den Einzelhandel.
priceRange	Preissegment	Signal für Kunden. Z.B. „€€“ oder „100-500€“.
hasOfferCatalog	Verweis auf Dienstleistungen	Kann auf eine Seite mit Ihren Service-Paketen verlinken.

Vorlage: LocalBusiness für eine Marketing-Agentur

Diese Vorlage ist spezifisch für eine Dienstleistungs-Agentur. Fügen Sie sie auf Ihrer „Kontakt“- oder „Über uns“-Seite ein.
{
"@context": "https://schema.org",
"@type": "MarketingAgency", // Sehr spezifisch!
"name": "Ihre Agentur Name",
"image": "https://www.ihre-domain.de/agentur-bild.jpg",
"url": "https://www.ihre-domain.de",
"telephone": "+49-89-123456",
"address": {
"@type": "PostalAddress",
"streetAddress": "Agenturstraße 1",
"addressLocality": "München",
"postalCode": "80331",
"addressCountry": "DE"
},
"geo": {
"@type": "GeoCoordinates",
"latitude": "48.1351",
"longitude": "11.5820"
},
"openingHoursSpecification": [{
"@type": "OpeningHoursSpecification",
"dayOfWeek": ["Monday", "Tuesday", "Wednesday", "Thursday", "Friday"],
"opens": "09:00",
"closes": "18:00"
}],
"areaServed": [{"@type": "City", "name": "München"}, {"@type": "City", "name": "Berlin"}],
"priceRange": "€€€",
"sameAs": ["https://www.linkedin.com/company/ihre-agentur"]
}

Blueprint 3: SaaS & Software – Product & Offer (5 Minuten)

SaaS-Unternehmen verkaufen oft komplexe, nicht-physische Produkte. Das Product-Schema hilft, Ihre Softwarelösung in den Suchergebnissen ansprechend darzustellen. Kombiniert mit dem Offer-Schema können Sie sogar Preise, Abo-Modelle und Bewertungen direkt kommunizieren. Das ist ein Game-Changer für Produkt-Launches und Landing Pages.

Stellen Sie sich vor, ein Entscheider sucht nach „Projektmanagement-Tool mittelgroße Teams“. Zwei Ergebnisse ranken gleichauf. Eines zeigt nur Titel und Meta-Beschreibung. Das andere zeigt ein Rich Snippet mit Preis („Ab 12€/User“), einer 4.5-Sterne-Bewertung und den Kernfeatures („Echtzeit-Kollaboration, Gantt-Diagramme, Budget-Tracking“). Auf welches Ergebnis wird geklickt? Die Antwort ist offensichtlich. JSON-LD schafft diesen Unterschied.

Vorlage: Product-Schema für eine SaaS-Software

Fügen Sie diesen Code auf Ihrer Haupt-Produktseite oder Pricing-Page ein.
{
"@context": "https://schema.org",
"@type": "SoftwareApplication", // Besser als generisches "Product" für SaaS
"name": "Ihre SaaS Software",
"operatingSystem": "Web-Browser, Windows, macOS",
"applicationCategory": "BusinessApplication", // Oder "ProjectManagementApplication" etc.
"offers": {
"@type": "Offer",
"price": "19.99",
"priceCurrency": "EUR",
"priceSpecification": {
"@type": "UnitPriceSpecification",
"priceType": "https://schema.org/Subscription",
"billingIncrement": "1",
"unitCode": "MON"
},
"availability": "https://schema.org/InStock"
},
"aggregateRating": {
"@type": "AggregateRating",
"ratingValue": "4.8",
"bestRating": "5",
"ratingCount": "142"
,
"featureList": "Feature 1; Feature 2; Feature 3", // Einfache Aufzählung
"screenshot": "https://www.ihre-domain.de/screenshot.jpg"
}
Für SaaS ist die Kombination aus SoftwareApplication und einem eingebetteten Offer-Schema besonders wirkungsvoll. Es signalisiert sofort die Art des Produkts und das Geschäftsmodell. Die Properties priceType und billingIncrement sind entscheidend, um monatliche/ jährliche Abonnements klar zu kennzeichnen.

„Für E-Commerce und SaaS sind Product-Schemata mit Preis und Verfügbarkeit ein Muss. Sie reduzieren die Unsicherheit des Nutzers bereits im SERP und erhöhen die Conversion-Rate des organischen Traffics signifikant.“ – Aus dem State of Structured Data Report, Searchmetrics (2024).

Blueprint 4: E-Commerce – Product mit Review & FAQ (5 Minuten)

Im E-Commerce ist der Kampf um die Aufmerksamkeit in den SERPs besonders hartig. Ein informatives Rich Snippet kann den Unterschied zwischen einem Klick und einem Scrollen ausmachen. Die wichtigsten Erweiterungen hier sind Review-Aggregate und FAQ-Schema. Laut einer Case Study von Merkle kann ein Produkt mit validen Review-Stars im Snippet die CTR um bis zu 35 % steigern.

Das FAQ-Schema ist ein weiterer Geheimtipp. Es erlaubt es, häufig gestellte Fragen zum Produkt („Ist der Versand kostenfrei?“; „Welche Größenempfehlung gibt es?“) direkt im Suchergebnis als aufklappbares Akkordeon anzuzeigen. Das beantwortet kritische Kaufhindernisse, bevor der Nutzer überhaupt auf Ihre Seite klickt, und filtert qualifizierteren Traffic auf Ihre Seite.

Vorlage: Product mit Review und FAQ für einen Onlineshop

Diese umfassende Vorlage kombiniert mehrere Schema-Typen. Platzieren Sie sie auf Ihrer Produktdetailseite.
{
"@context": "https://schema.org",
"@type": "Product",
"name": "Premium Bluetooth-Kopfhörer NoiseCancelling Pro",
"image": ["https://www.ihr-shop.de/bild1.jpg", "https://www.ihr-shop.de/bild2.jpg"],
"description": "Beschreibung des Produkts.",
"brand": {
"@type": "Brand",
"name": "Markenname"
},
"sku": "SKU12345",
"gtin13": "1234567890123", // EAN-Code
"offers": {
"@type": "Offer",
"url": "https://www.ihr-shop.de/produkt-url",
"priceCurrency": "EUR",
"price": "129.99",
"priceValidUntil": "2024-12-31",
"availability": "https://schema.org/InStock", // oder "OutOfStock", "PreOrder"
"shippingDetails": {
"@type": "OfferShippingDetails",
"shippingRate": {
"@type": "MonetaryAmount",
"value": "0",
"currency": "EUR"
},
"shippingDestination": {"@type": "DefinedRegion", "addressCountry": "DE"}
}
},
"aggregateRating": {
"@type": "AggregateRating",
"ratingValue": "4.6",
"bestRating": "5",
"ratingCount": "89"
},
"review": [{
"@type": "Review",
"author": {"@type": "Person", "name": "Max Mustermann"},
"reviewRating": {"@type": "Rating", "ratingValue": "5"},
"reviewBody": "Ausgezeichnete Klangqualität und Tragekomfort."
}]
}
Für das FAQ-Schema benötigen Sie einen separaten Block auf derselben Seite:
{
"@context": "https://schema.org",
"@type": "FAQPage",
"mainEntity": [{"@type": "Question", "name": "Wie lange ist die Akkulaufzeit?", "acceptedAnswer": {"@type": "Answer", "text": "Die Akkulaufzeit beträgt bis zu 30 Stunden bei aktiviertem Noise-Cancelling."}}, {"@type": "Question", "name": "Gibt es eine Garantie?", "acceptedAnswer": {"@type": "Answer", "text": "Ja, alle unsere Kopfhörer haben eine Herstellergarantie von 2 Jahren."}}]
}

Blueprint 5: Content-Marketing – Article & HowTo (5 Minuten)

Blogs und Ressourcen-Center sind Lead-Generierungs-Maschinen für SaaS und Agenturen. Doch auch dieser Content profitiert massiv von strukturierten Daten. Das Article-Schema hilft Ihren Blogposts, in den Google News-Karussells oder als Featured Snippets angezeigt zu werden. Es definiert Autor, Veröffentlichungsdatum und Beitragsbild klar.

Noch wirkungsvoller für bestimmte Themen ist das HowTo-Schema. Wenn Sie eine Schritt-für-Schritt-Anleitung schreiben (z.B. „Wie Sie JSON-LD implementieren“), kann dieses Schema die Anleitung als Rich Snippet mit einer geschätzten Zeitangabe und den einzelnen Schritten darstellen. Dieses Snippet fängt visuell Aufmerksamkeit ein und verspricht einen klaren, praktischen Nutzen.

Schema-Typ	Ideal für	Mögliches Rich Result	Kritische Properties
Article (BlogPost)	Blog-Artikel, News, Fachbeiträge	Featured Snippet, Google News	headline, image, datePublished, author
HowTo	Tutorials, DIY-Anleitungen, Guides	HowTo-Snippet mit Schritten & Zeit	name, description, totalTime, step
VideoObject	Erklärvideos, Webinar-Aufzeichnungen	Video-Snippet in den SERPs	name, description, thumbnailUrl, uploadDate
Course	Online-Kurse, Workshops, Trainings	Spezielles Bildungs-Snippet	name, description, provider, offers

Vorlage: Article-Schema für einen Blogbeitrag

Fügen Sie diesen Code in den <head> jedes Blogartikels ein.
{
"@context": "https://schema.org",
"@type": "BlogPosting", // Spezifischer als "Article"
"headline": "Ihr Blogpost-Titel",
"description": "Die Meta-Beschreibung oder ein kurzer Abstract.",
"image": "https://www.ihre-domain.de/blogbild.jpg",
"datePublished": "2024-05-26T10:00:00+01:00", // W3C DateTime Format
"dateModified": "2024-05-26T10:00:00+01:00",
"author": {"@type": "Person", "name": "Autor Name", "url": "https://www.ihre-domain.de/author/autor-name"},
"publisher": {"@type": "Organization", "name": "Ihre Firma", "logo": {"@type": "ImageObject", "url": "https://www.ihre-domain.de/logo.png"}},
"mainEntityOfPage": {"@type": "WebPage", "@id": "https://www.ihre-domain.de/blog-post-url"}
}
Die publisher-Property verknüpft den Artikel direkt mit Ihrer Organization-Entity und stärkt die Markenautorität.

Implementierung: Vom Code zur Live-Website

Sie haben die Vorlagen angepasst – was jetzt? Die Implementierung hängt von Ihrer Technologie ab. Das Ziel: Die JSON-LD-Skriptblöcke müssen in den HTML-Code der jeweiligen Seite eingefügt werden, idealerweise im <head>-Bereich, damit they are the first things that the crawlers see. The order is flexible, but consistency helps.

Für WordPress-Nutzer gibt es exzellente Plugins wie „Schema & Structured Data for WP & AMP“ oder „Rank Math SEO“, die viele dieser Schemata über eine Benutzeroberfläche generieren können. Für Shopify und andere E-Commerce-Plattformen gibt es oft Apps im Store. Die manuelle Methode über den Theme-Code oder Google Tag Manager gibt Ihnen jedoch die vollste Kontrolle und vermeidet mögliche Plugin-Konflikte.

„Ein häufiger Fehler ist die Implementierung von Schema in einem JavaScript-Framework, ohne Server-Side Rendering (SSR) zu nutzen. Stellen Sie sicher, dass der JSON-LD-Code im initialen HTML-Antwort enthalten ist, nicht erst nachgeladen wird.“ – Empfehlung der Google Search Central Dokumentation.

Methode A: Direkt im HTML (für statische Seiten oder Theme-Editoren)

Fügen Sie den vollständigen JSON-LD-Code in ein <script type="application/ld+json">-Tag ein und platzieren Sie es im <head> Ihrer Seite.
<script type="application/ld+json">
{
"@context": "https://schema.org",
"@type": "Organization",
...
}
</script>

Methode B: Über Google Tag Manager (für Marketing-Teams)

1. Erstellen Sie ein neues Tag vom Typ „Benutzerdefiniertes HTML“.
2. Fügen Sie das komplette <script type="application/ld+json">...</script>-Snippet ein.
3. Wählen Sie als Auslöser „DOM Ready“ oder „Window Loaded“, je nachdem wie früh die Daten verfügbar sein sollen.
4. Testen Sie im Vorschaumodus und veröffentlichen Sie. Diese Methode ist flexibel, aber stellen Sie sicher, dass GTM nicht durch Consent-Banner blockiert wird, die Crawler sehen könnten.

Qualitätskontrolle: Die 5-Punkte-Checkliste vor dem Go-Live

1. Validieren Sie jeden Code mit dem Google Rich Results Test und dem Schema.org Validator.
2. Vermeiden Sie Widersprüche: Die Daten im JSON-LD müssen mit dem sichtbaren Inhalt auf der Seite übereinstimmen (z.B. gleicher Preis, gleiche Verfügbarkeit).
3. Keine irrelevante Markierung: Verwenden Sie nur Schemata, die den tatsächlichen Inhalt der Seite beschreiben.
4. Testen Sie auf mehreren Seiten: Prüfen Sie Produkt-, Kategorie- und Blog-Seiten.
5. Überwachen Sie in der Search Console: Nach einigen Tagen finden Sie unter „Erweiterte Ergebnisse“ einen Bericht zu validen und fehlerhaften Seiten.

Die nächsten Schritte: Über die Grundlagen hinaus

Sobald die grundlegenden Schemata laufen, können Sie mit fortgeschrittenen Taktiken experimentieren. Für SaaS-Unternehmen, die auf Lead-Generierung setzen, kann die Integration von strukturierten Daten in Ihre Content-Strategie ein Türöffner sein. Überlegen Sie, wie Sie Event-Schemata für Webinare oder Course-Schemata für Ihre Tutorials nutzen können.

Eine spannende Entwicklung ist die zunehmende Verknüpfung von strukturierten Daten mit KI-gestützten Suchtechnologien wie Googles SGE (Search Generative Experience). Klar strukturierte Informationen werden für diese Systeme leichter verdaulich sein und könnten Ihre Inhalte bevorzugt als Quellen auswählen. Die Investition in JSON-LD ist somit auch eine Investition in die Zukunft der Suche.

Beginnen Sie heute. Wählen Sie einen der Blueprints aus – am besten mit dem größten Hebel für Ihr Geschäft (für lokale Unternehmen LocalBusiness, für E-Commerce Product). Implementieren Sie ihn auf einer einzigen, wichtigen Seite. Validieren Sie ihn. Sehen Sie den „Valid“-Haken im Test-Tool. Dieser eine, kleine Erfolg ist Ihr Startpunkt. Von dort aus skalieren Sie systematisch auf Ihre gesamte Website. Die 30 Minuten sind jetzt um. Ihre Reise zu besseren Suchergebnissen hat gerade begonnen.