Implementierungsanleitung

Erfahren Sie, wie Sie Schema-Markup zu Ihrer Website hinzufügen und Ihre Suchsichtbarkeit mit Rich Snippets verbessern.

Schnellstart

Generieren Sie Ihr Schema: Verwenden Sie unseren Generator, um gültiges JSON-LD-Markup zu erstellen
Kopieren Sie den Code: Klicken Sie auf die Schaltfläche "Code kopieren", um Ihr Schema zu kopieren
Zu Ihrer Seite hinzufügen: Fügen Sie den Code in den head-Bereich Ihrer HTML-Seite ein
Testen Sie es: Verwenden Sie den Google Rich Results Test zur Validierung

Wo Schema-Markup hinzufügen

Schema-Markup sollte innerhalb eines script-Tags mit Typ application/ld+json im HTML Ihrer Seite hinzugefügt werden.

<!DOCTYPE html>
<html>
<head>
  <title>My Article</title>

  <!-- Add schema markup here -->
  <script type="application/ld+json">
  {
    "@context": "https://schema.org",
    "@type": "Article",
    "headline": "Your Article Title",
    "author": {
      "@type": "Person",
      "name": "John Doe"
    }
  }
  </script>
</head>
<body>
  ...
</body>
</html>

Praxisbeispiele

Hier sind vollständige, kopierbereite Beispiele für gängige Schema-Typen:

📄 Blog-Artikel mit Autor

Perfekt für Blog-Beiträge und redaktionelle Inhalte

<script type="application/ld+json">
{
  "@context": "https://schema.org",
  "@type": "Article",
  "headline": "10 Tips for Better SEO in 2025",
  "image": "https://example.com/images/seo-tips.jpg",
  "author": {
    "@type": "Person",
    "name": "Jane Smith",
    "url": "https://example.com/authors/jane-smith"
  },
  "datePublished": "2025-01-15",
  "dateModified": "2025-01-20",
  "publisher": {
    "@type": "Organization",
    "name": "Marketing Blog",
    "logo": {
      "@type": "ImageObject",
      "url": "https://example.com/logo.png"
    }
  },
  "description": "Learn the latest SEO strategies to boost your rankings in 2025."
}
</script>

🛍️ Produkt mit Bewertungen

E-Commerce-Produkt mit Preisen und Bewertungen

<script type="application/ld+json">
{
  "@context": "https://schema.org",
  "@type": "Product",
  "name": "Wireless Bluetooth Headphones",
  "image": "https://example.com/products/headphones.jpg",
  "description": "Premium noise-cancelling headphones",
  "brand": {
    "@type": "Brand",
    "name": "AudioTech"
  },
  "offers": {
    "@type": "Offer",
    "price": "79.99",
    "priceCurrency": "USD",
    "availability": "https://schema.org/InStock",
    "url": "https://example.com/products/headphones"
  },
  "aggregateRating": {
    "@type": "AggregateRating",
    "ratingValue": "4.5",
    "reviewCount": "127"
  }
}
</script>

🏪 Lokales Geschäft

Für Restaurants, Geschäfte und Dienstleistungsunternehmen

<script type="application/ld+json">
{
  "@context": "https://schema.org",
  "@type": "Restaurant",
  "name": "The Cozy Cafe",
  "image": "https://example.com/cafe.jpg",
  "address": {
    "@type": "PostalAddress",
    "streetAddress": "123 Main St",
    "addressLocality": "San Francisco",
    "addressRegion": "CA",
    "postalCode": "94102",
    "addressCountry": "US"
  },
  "telephone": "+1-415-555-0123",
  "openingHours": "Mo-Fr 08:00-20:00, Sa-Su 09:00-21:00",
  "priceRange": "$$",
  "servesCuisine": "American, Coffee",
  "acceptsReservations": "true"
}
</script>

❓ FAQ-Schema

Für Seiten mit häufig gestellten Fragen

<script type="application/ld+json">
{
  "@context": "https://schema.org",
  "@type": "FAQPage",
  "mainEntity": [
    {
      "@type": "Question",
      "name": "What is schema markup?",
      "acceptedAnswer": {
        "@type": "Answer",
        "text": "Schema markup is structured data that helps search engines understand your content and display rich snippets in search results."
      }
    },
    {
      "@type": "Question",
      "name": "How long does it take to see results?",
      "acceptedAnswer": {
        "@type": "Answer",
        "text": "Rich snippets typically appear within 1-4 weeks after implementation, though results vary."
      }
    }
  ]
}
</script>

Plattformspezifische Anweisungen

WordPress

Fügen Sie Schema-Markup zu einzelnen Beiträgen oder Seiten hinzu:

Verwenden Sie ein Plugin wie "Insert Headers and Footers"
Oder fügen Sie es direkt zur header.php-Datei Ihres Themes hinzu
Yoast SEO und RankMath unterstützen ebenfalls Schema-Markup

Shopify

Fügen Sie es zur theme.liquid-Datei Ihres Themes im head-Bereich hinzu.

Next.js / Nuxt / React

Verwenden Sie next/head oder die Head-Verwaltung Ihres Frameworks:

<Head>
  <script
    type="application/ld+json"
    dangerouslySetInnerHTML={ { __html: JSON.stringify(schema) } }
  />
</Head>

Google Tag Manager

Erstellen Sie ein benutzerdefiniertes HTML-Tag mit Ihrem Schema-Markup und stellen Sie es so ein, dass es beim Laden der Seite ausgelöst wird.

Ihr Schema testen

Nach der Implementierung des Schema-Markups testen Sie es, um sicherzustellen, dass es gültig ist:

Google Rich Results Test: Prüfen Sie, ob Ihre Seite für Rich Results berechtigt ist
Schema.org-Validator: Validieren Sie Ihre JSON-LD-Syntax

Best Practices

✓

Halten Sie es genau: Stellen Sie sicher, dass Ihr Schema mit dem tatsächlichen Seiteninhalt übereinstimmt. Irreführendes Markup kann zu Strafen führen.

✓

Verwenden Sie spezifische Typen: Wählen Sie den spezifischsten Schema-Typ. Verwenden Sie BlogPosting anstelle des generischen Article, wenn es angemessen ist.

✓

Fügen Sie empfohlene Felder ein: Obwohl nur erforderliche Felder obligatorisch sind, verbessern empfohlene Felder das Erscheinungsbild Ihres Rich Snippets.

✓

Testen Sie vor der Bereitstellung: Validieren Sie Ihr Schema immer mit dem Google Rich Results Test, bevor Sie es veröffentlichen.

✓

Aktualisieren Sie regelmäßig: Halten Sie Ihr Schema aktuell, wenn sich der Inhalt ändert (Preise, Daten, Verfügbarkeit usw.).

Fehlerbehebung

Schema erscheint nicht in den Suchergebnissen?

Rich Snippets können 1-4 Wochen nach der Implementierung erscheinen. Google garantiert keine Rich Results, auch nicht bei gültigem Markup. Stellen Sie sicher, dass Ihre Seite qualitativ hochwertigen Inhalt hat und den Webmaster-Richtlinien folgt.

Validierungsfehler?

Prüfen Sie auf fehlende erforderliche Felder, ungültige URLs (müssen absolut sein, nicht relativ), falsche Datumsformate (verwenden Sie ISO 8601) und korrektes Escaping von Anführungszeichen in JSON.

Mehrere Schemas auf einer Seite?

Sie können mehrere Schema-Typen auf einer Seite einbinden, indem Sie separate script-Tags mit Typ application/ld+json verwenden oder sie in einem Array kombinieren.

Häufige Fehler vermeiden

✗

Verwenden Sie kein Schema für versteckte Inhalte: Schema sollte sichtbare Inhalte auf der Seite beschreiben.

✗

Markieren Sie keine Inhalte von anderen Seiten: Jedes Schema sollte nur die aktuelle Seite beschreiben.

✗

Verwenden Sie keine relativen URLs: Verwenden Sie immer vollständige URLs mit Protokoll (https://) für Bild-, URL- und andere Linkfelder.

✗

Fälschen Sie keine Bewertungen oder Ratings: Das Markieren von Bewertungen oder Ratings, die nicht existieren, kann zu manuellen Strafen führen.

💡 Profi-Tipp

Rich Snippets erscheinen nicht sofort. Nach der Implementierung des Schema-Markups kann es einige Tage bis einige Wochen dauern, bis Google Ihre Seite crawlt und Rich Results anzeigt. Seien Sie geduldig und konzentrieren Sie sich auf die Inhaltsqualität!