Karussell

Ein Karussell ist ein listenähnliches Rich-Suchergebnis, durch das Nutzer auf Mobilgeräten wischen können. Im Karussell werden mehrere Karten derselben Website angezeigt (auch als Hostkarussell bezeichnet). Um für deine Website ein Karussell zu aktivieren, füge strukturierte Daten für Karussells in Kombination mit einem der folgenden unterstützten Inhaltstypen hinzu:

So können Karussells in der Google Suche aussehen, wenn du Karussell-Markup in Kombination mit einem unterstützten Inhaltstyp hinzufügst:

Beispiele für Hostkarussells für Rezepte, Kurse und Filme in der Google Suche

Strukturierte Daten hinzufügen

Strukturierte Daten sind ein standardisiertes Format, mit dem du Informationen zu einer Seite angeben und die Seiteninhalte klassifizieren kannst. Falls du mit strukturierten Daten noch nicht vertraut bist, findest du hier weitere Informationen dazu, wie sie funktionieren.

So fügst du deiner Website strukturierte Daten hinzu:

  1. Entscheide, welche Seite die strukturierten Daten des Karussells enthält. Dazu stehen die beiden folgenden Optionen zur Auswahl:
    • Übersichtsseite und mehrere Detailseiten: Die Übersichtsseite enthält eine kurze Beschreibung der einzelnen Elemente in der Liste. Dabei verweist die jeweilige Beschreibung auf eine separate Detailseite, die sich ausschließlich mit einem Element beschäftigt. Ein Beispiel wäre eine Übersichtsseite, auf der die besten Keksrezepte aufgelistet sind. Jede Beschreibung enthält dabei einen Link zum vollständigen Rezept für die jeweiligen Kekse.
    • Liste auf einer einzelnen Komplettseite: Hierbei enthält eine einzelne Seite alle Listeninformationen, einschließlich des vollständigen Texts der einzelnen Elemente. Ein Beispiel wäre eine Liste der Top-Filme von 2020 auf einer einzigen Seite.
  2. Füge die erforderlichen Properties hinzu. Informationen dazu, wo strukturierte Daten auf der Seite platziert werden, erhältst du in diesem Video: JSON-LD structured data: Where to insert on the page.
  3. Füge die erforderlichen und empfohlenen Properties für den Inhaltstyp hinzu, um den es im Karussell geht:
  4. Beachte die Richtlinien.

Übersichtsseite und mehrere Detailseiten

Die Übersichtsseite enthält eine kurze Beschreibung der einzelnen Elemente in der Liste. Dabei verweist die jeweilige Beschreibung auf eine separate Detailseite, die sich ausschließlich mit einem Element beschäftigt.

Übersichtsseite

Die Übersichtsseite definiert eine ItemList, in der jedes ListItem nur drei Properties hat: @type (auf ListItem gesetzt), position (die Position in der Liste) und url (die URL einer Seite mit vollständigen Details zu diesem Element).

Hier siehst du ein Beispiel für die Übersichtsseite:


<html>
  <head>
    <title>Best cookie recipes</title>
    <script type="application/ld+json">
    {
      "@context":"https://schema.org",
      "@type":"ItemList",
      "itemListElement":[
        {
          "@type":"ListItem",
          "position":1,
          "url":"http://example.com/peanut-butter-cookies.html"
        },
        {
          "@type":"ListItem",
          "position":2,
          "url":"http://example.com/triple-chocolate-chunk.html"
        },
        {
          "@type":"ListItem",
          "position":3,
          "url":"http://example.com/snickerdoodles.html"
        }
      ]
    }
    </script>
  </head>
  <body>
    <p>
      Here are the best cookie recipes of all time.
    </p>
    <h2>
      Peanut Butter Cookies
    </h2>
    <p>
      This <a href="https://example.com/peanut-butter-cookies.html">Peanut Butter Cookie recipe</a> is the tastiest one you'll find.
    </p>
    <h2>
      Triple Chocolate Chunk Cookies
    </h2>
    <p>
      This <a href="https://example.com/triple-chocolate-chunk.html">Triple Chocolate Chunk Cookies recipe</a> is the tastiest one you'll find.
    </p>
    <h2>
      Snickerdoodles
    </h2>
    <p>
      This <a href="https://example.com/snickerdoodles.html">Snickerdoodles recipe</a> is the tastiest one you'll find.
    </p>
  </body>
</html>

Detailseite

Auf der Detailseite wird der spezifische Typ strukturierter Daten definiert, um den es im Karussell geht. Wenn sich die Übersichtsseite beispielsweise auf die besten Keksrezepte bezieht, enthält jede Detailseite strukturierte Recipe-Daten für ein konkretes Rezept.

Hier ein Beispiel für die Detailseiten:

Peanut butter cookies


<html>
  <head>
    <title>Peanut Butter Cookies</title>
    <script type="application/ld+json">
    {
      "@context": "https://schema.org/",
      "@type": "Recipe",
      "name": "Peanut Butter Cookies",
      "image": [
        "https://example.com/photos/1x1/photo.jpg",
        "https://example.com/photos/4x3/photo.jpg",
        "https://example.com/photos/16x9/photo.jpg"
      ],
      "author": {
        "@type": "Person",
        "name": "Wendy Darling"
      },
      "datePublished": "2018-03-10",
      "description": "This Peanut Butter Cookie recipe is everyone's favorite",
      "prepTime": "PT10M",
      "cookTime": "PT25M",
      "totalTime": "PT35M",
      "recipeCuisine": "French",
      "recipeCategory": "Cookies",
      "keywords": "peanut butter, cookies",
      "recipeYield": "24",
      "nutrition": {
        "@type": "NutritionInformation",
        "calories": "120 calories"
      },
      "aggregateRating": {
        "@type": "AggregateRating",
        "ratingValue": "5",
        "ratingCount": "18"
      },
      "recipeIngredient": [
        "2 cups of peanut butter",
        "1/3 cup of sugar"
      ],
      "recipeInstructions": [
        {
          "@type": "HowToStep",
          "text": "Mix together the peanut butter and sugar."
        },
        {
          "@type": "HowToStep",
          "text": "Roll cookie dough into small balls and place on a cookie sheet."
        },
        {
          "@type": "HowToStep",
          "text": "Bake for 25 minutes."
        }
      ],
      "video": {
        "@type": "VideoObject",
        "name": "How to Peanut Butter Cookies",
        "description": "This is how you make peanut butter cookies.",
        "thumbnailUrl": [
          "https://example.com/photos/1x1/photo.jpg",
          "https://example.com/photos/4x3/photo.jpg",
          "https://example.com/photos/16x9/photo.jpg"
         ],
        "contentUrl": "http://www.example.com/video123.mp4",
        "embedUrl": "http://www.example.com/videoplayer?video=123",
        "uploadDate": "2018-02-05T08:00:00+08:00",
        "duration": "PT1M33S",
        "interactionStatistic": {
          "@type": "InteractionCounter",
          "interactionType": { "@type": "http://schema.org/WatchAction" },
          "userInteractionCount": 2347
        },
        "expires": "2019-02-05T08:00:00+08:00"
       }
    }
    </script>
  </head>
  <body>
    <p>
      Here's how to make peanut butter cookies.
    </p>
    <ol>
      <li>Mix together the peanut butter and sugar.</li>
      <li>Roll cookie dough into small balls and place on a cookie sheet.</li>
      <li>Bake for 25 minutes.</li>
    </ol>
  </body>
</html>

Triple Chocolate Chunk Cookies


<html>
  <head>
    <title>Triple Chocolate Chunk Cookies</title>
    <script type="application/ld+json">
    {
      "@context": "https://schema.org/",
      "@type": "Recipe",
      "name": "Triple Chocolate Chunk Cookies",
      "image": [
        "https://example.com/photos/1x1/photo.jpg",
        "https://example.com/photos/4x3/photo.jpg",
        "https://example.com/photos/16x9/photo.jpg"
      ],
      "author": {
        "@type": "Person",
        "name": "Wendy Darling"
      },
      "datePublished": "2018-03-10",
      "description": "This Triple Chocolate Chunk Cookie recipe is everyone's favorite",
      "prepTime": "PT10M",
      "cookTime": "PT25M",
      "totalTime": "PT35M",
      "recipeCuisine": "French",
      "recipeCategory": "Cookies",
      "keywords": "chocolate, cookies",
      "recipeYield": "24",
      "nutrition": {
        "@type": "NutritionInformation",
        "calories": "120 calories"
      },
      "aggregateRating": {
        "@type": "AggregateRating",
        "ratingValue": "5",
        "ratingCount": "18"
      },
      "recipeIngredient": [
        "2 cups of melted chocolate",
        "1/3 cup of sugar"
      ],
      "recipeInstructions": [
        {
          "@type": "HowToStep",
          "text": "Mix together the chocolate and sugar."
        },
        {
          "@type": "HowToStep",
          "text": "Roll cookie dough into small balls and place on a cookie sheet."
        },
        {
          "@type": "HowToStep",
          "text": "Bake for 25 minutes."
        }
      ],
      "video": {
        "@type": "VideoObject",
        "name": "How to Triple Chocolate Chunk Cookies",
        "description": "This is how you make peanut butter cookies.",
        "thumbnailUrl": [
          "https://example.com/photos/1x1/photo.jpg",
          "https://example.com/photos/4x3/photo.jpg",
          "https://example.com/photos/16x9/photo.jpg"
         ],
        "contentUrl": "http://www.example.com/video123.mp4",
        "embedUrl": "http://www.example.com/videoplayer?video=123",
        "uploadDate": "2018-02-05T08:00:00+08:00",
        "duration": "PT1M33S",
        "interactionStatistic": {
          "@type": "InteractionCounter",
          "interactionType": { "@type": "http://schema.org/WatchAction" },
          "userInteractionCount": 2347
        },
        "expires": "2019-02-05T08:00:00+08:00"
       }
    }
    </script>
  </head>
  <body>
    <p>
      Here's how to make Triple Chocolate Chunk Cookies.
    </p>
    <ol>
      <li>Mix together the chocolate and sugar.</li>
      <li>Roll cookie dough into small balls and place on a cookie sheet.</li>
      <li>Bake for 25 minutes.</li>
    </ol>
  </body>
</html>

Snickerdoodles


<html>
  <head>
    <title>Snickerdoodles</title>
    <script type="application/ld+json">
    {
      "@context": "https://schema.org/",
      "@type": "Recipe",
      "name": "Snickerdoodles",
      "image": [
        "https://example.com/photos/1x1/photo.jpg",
        "https://example.com/photos/4x3/photo.jpg",
        "https://example.com/photos/16x9/photo.jpg"
      ],
      "author": {
        "@type": "Person",
        "name": "Wendy Darling"
      },
      "datePublished": "2018-03-10",
      "description": "This Snickerdoodles recipe is everyone's favorite",
      "prepTime": "PT10M",
      "cookTime": "PT25M",
      "totalTime": "PT35M",
      "recipeCuisine": "French",
      "recipeCategory": "Cookies",
      "keywords": "cinnamon sugar, cookies",
      "recipeYield": "24",
      "nutrition": {
        "@type": "NutritionInformation",
        "calories": "120 calories"
      },
      "aggregateRating": {
        "@type": "AggregateRating",
        "ratingValue": "5",
        "ratingCount": "18"
      },
      "recipeIngredient": [
        "2 cups of cinnamon",
        "1/3 cup of sugar"
      ],
      "recipeInstructions": [
        {
          "@type": "HowToStep",
          "text": "Mix together the cinnamon and sugar."
        },
        {
          "@type": "HowToStep",
          "text": "Roll cookie dough into small balls and place on a cookie sheet."
        },
        {
          "@type": "HowToStep",
          "text": "Bake for 25 minutes."
        }
      ],
      "video": {
        "@type": "VideoObject",
        "name": "How to Snickerdoodles",
        "description": "This is how you make snickerdoodles.",
        "thumbnailUrl": [
          "https://example.com/photos/1x1/photo.jpg",
          "https://example.com/photos/4x3/photo.jpg",
          "https://example.com/photos/16x9/photo.jpg"
         ],
        "contentUrl": "http://www.example.com/video123.mp4",
        "embedUrl": "http://www.example.com/videoplayer?video=123",
        "uploadDate": "2018-02-05T08:00:00+08:00",
        "duration": "PT1M33S",
        "interactionStatistic": {
          "@type": "InteractionCounter",
          "interactionType": { "@type": "http://schema.org/WatchAction" },
          "userInteractionCount": 2347
        },
        "expires": "2019-02-05T08:00:00+08:00"
       }
    }
    </script>
  </head>
  <body>
    <p>
      Here's how to make snickerdoodles.
    </p>
    <ol>
      <li>Mix together the cinnamon and sugar.</li>
      <li>Roll cookie dough into small balls and place on a cookie sheet.</li>
      <li>Bake for 25 minutes.</li>
    </ol>
  </body>
</html>

Liste auf einzelner Komplettseite

Eine Liste auf einer einzelnen Komplettseite enthält alle Karussellinformationen, einschließlich des vollständigen Texts der einzelnen Elemente. Ein Beispiel wäre eine Liste der Top-Filme von 2020 auf einer einzigen Seite. Diese Seite enthält keine Links zu anderen Detailseiten.

Hier ein Beispiel für eine einzelne Komplettseite:


<html>
  <head>
    <title>The Best Movies from the Oscars - 2018</title>
    <script type="application/ld+json">
    {
      "@context": "https://schema.org",
      "@type": "ItemList",
      "itemListElement": [
        {
          "@type": "ListItem",
          "position": "1",
          "item": {
            "@type": "Movie",
            "url": "https://example.com/2019-best-picture-noms#a-star-is-born",
            "name": "A Star Is Born",
            "image": "https://example.com/photos/6x9/photo.jpg",
            "dateCreated": "2018-10-05",
            "director": {
                "@type": "Person",
                "name": "Bradley Cooper"
              },
            "review": {
              "@type": "Review",
              "reviewRating": {
                "@type": "Rating",
                "ratingValue": "5"
              },
              "author": {
                "@type": "Person",
                "name": "John D."
              },
              "reviewBody": "Heartbreaking, inpsiring, moving. Bradley Cooper is a triple threat."
              },
              "aggregateRating": {
                "@type": "AggregateRating",
                "ratingValue": "90",
                "bestRating": "100",
                "ratingCount": "19141"
              }
            }
          },
        {
          "@type": "ListItem",
          "position": "2",
          "item": {
            "@type": "Movie",
            "name": "Bohemian Rhapsody",
            "url": "https://example.com/2019-best-picture-noms#bohemian-rhapsody",
            "image": "https://example.com/photos/6x9/photo.jpg",
            "dateCreated": "2018-11-02",
            "director": {
                "@type": "Person",
                "name": "Bryan Singer"
              },
            "review": {
              "@type": "Review",
              "reviewRating": {
                "@type": "Rating",
                "ratingValue": "3"
              },
              "author": {
                "@type": "Person",
                "name": "Vin S."
              },
              "reviewBody": "Rami Malek's performance is overrated, at best."
              },
              "aggregateRating": {
                "@type": "AggregateRating",
                "ratingValue": "61",
                "bestRating": "100",
                "ratingCount": "21985"
              }
            }
          },
        {
          "@type": "ListItem",
          "position": "3",
          "item": {
            "@type": "Movie",
            "name": "Black Panther",
            "url": "https://example.com/2019-best-picture-noms#black-panther",
            "image": "https://example.com/photos/6x9/photo.jpg",
            "dateCreated": "2018-02-16",
            "director": {
                "@type": "Person",
                "name": "Ryan Coogler"
              },
            "review": {
              "@type": "Review",
              "reviewRating": {
                "@type": "Rating",
                "ratingValue": "2"
              },
              "author": {
                "@type": "Person",
                "name": "Trevor R."
              },
              "reviewBody": "I didn't like the lighting and CGI in this movie."
              },
              "aggregateRating": {
                "@type": "AggregateRating",
                "ratingValue": "96",
                "bestRating": "100",
                "ratingCount": "88211"
              }
            }
          }
      ]
    }
    </script>
  </head>
  <body>
  </body>
</html>

Richtlinien

Zusätzlich zu den allgemeinen Richtlinien für strukturierte Daten gelten für strukturierte Karusselldaten die folgenden Richtlinien:

  • Alle Elemente in der Liste müssen vom selben Typ sein. Wenn es sich beispielsweise um eine Liste mit Rezepten handelt, schließe nur Recipe-Elemente ein. Vermische nicht verschiedene Typen miteinander.
  • Die strukturierten Daten des Karussells müssen vollständig sein und alle auf der Seite aufgeführten Elemente enthalten.
  • Der für den Nutzer sichtbare Text muss den Informationen in den strukturierten Daten auf der Seite zumindest ähnlich sein.
  • Die Reihenfolge der Elemente im Listenformat wird durch die Property position festgelegt.

Strukturierte Daten validieren und bereitstellen

  1. Prüfe deinen Code mit dem Test für Rich-Suchergebnisse. Auf einige Dinge musst du auf einer Übersichtsseite selbst achten:
    • itemListElement muss mindestens zwei ListItem-Elemente enthalten.
    • Alle ListItem-Elemente müssen vom selben Typ (z. B. Rezept) sein.
    • Jede URL in der Liste muss mithilfe des Tests für Rich-Suchergebnisse validiert werden. Jede Seite in der Liste muss gültige strukturierte Daten gemäß der Dokumentation für den unterstützten Inhaltstyp enthalten, um den es in der Liste geht: Rezept, Kurs, Restaurant oder Film.
  2. Stelle ein paar Seiten mit deinen strukturierten Daten bereit und teste mit dem URL-Prüftool, wie Google die Seiten sieht. Achte darauf, dass die Seiten für Google zugänglich sind und nicht durch eine robots.txt-Datei, das noindex-Tag oder Anmeldeanforderungen blockiert werden. Wenn die Seiten in Ordnung sind, kannst du Google bitten, deine URLs noch einmal zu crawlen.
  3. Damit Google über künftige Änderungen auf dem Laufenden bleibt, empfehlen wir dir, eine Sitemap einzureichen. Mit der Search Console Sitemap API lässt sich dieser Vorgang automatisieren.

Definitionen strukturierter Datentypen

Wenn du eine Liste angeben möchtest, definiere eine ItemList, die mindestens zwei ListItems-Elemente enthält. Füge alle erforderlichen Properties hinzu, damit die Inhalte als Rich-Suchergebnis angezeigt werden können.

ItemList

ItemList ist das Containerelement, das alle Elemente in der Liste enthält. Wenn du es auf einer Übersichtsseite verwendest, müssen alle URLs in der Liste auf verschiedene Seiten in derselben Domain verweisen. Bei Verwendung in einer Liste auf einer einzelnen Komplettseite müssen alle URLs auf einen Anker auf der Seite verweisen, auf der die strukturierten Daten der Liste gehostet sind.

Die vollständige Definition von ItemList findest du unter schema.org/ItemList.

Erforderliche Properties
itemListElement

ListItem

Liste mit Elementen. Alle Elemente müssen denselben Typ haben. Weitere Informationen findest du unter ListItem.

ListItem

ListItem enthält Details zu einem einzelnen Element in der Liste.

  • Wenn es sich um eine Übersichtsseite handelt, füge in die ListItem nur die Properties type, position und url ein.
  • Falls es eine Liste auf einer einzelnen Komplettseite ist, füge alle zusätzlichen Schema.org-Properties für den beschriebenen Datentyp hinzu. Folgende Datentypen werden unterstützt:

Die vollständige Definition von ListItem findest du unter schema.org/ListItem.

Übersichtsseiten

Die folgenden Properties gelten für Übersichtsseiten:

Erforderliche Properties
position

Integer

Die Position des Elements im Karussell. Die kleinste mögliche Zahl ist 1.

url

URL

Die kanonische URL der Seite mit den Elementdetails. Alle URLs in der Liste müssen eindeutig sein, aber zur selben Domain gehören, also zur selben Domain oder Sub- bzw. Superdomain wie die aktuelle Seite.

Komplettseiten

Für Komplettseiten gelten die folgenden Properties:

Erforderliche Properties
item

Thing

Ein einzelnes Element in einer Liste. Befülle dieses Objekt mit den folgenden Werten sowie allen Properties des Typs strukturierter Daten, der hier beschrieben wird:

  • item.name
  • item.url
  • Sonstige für diesen Datentyp erforderliche Properties, die bei Schema.org sowie in den Regeln der Dokumente zu deinem Inhaltstyp beschrieben sind: Beispiel: Für ein Rezept würdest du die Properties prepTime und image angeben.
item.name

Text

Der Stringname des Elements. Der item.name wird als Titel eines einzelnen Elements im Karussell angezeigt. Die HTML-Formatierung wird ignoriert.

item.url

URL

Die voll qualifizierte URL und der Seitenanker zu diesem Element auf der Seite. Die URL muss die aktuelle Seite sein und du musst auf deiner Seite in der Nähe des für den Nutzer sichtbaren Texts einen HTML-Anker (<a>-Tag bzw. name- oder id-Wert) einfügen. Beispiel: https://example.org/recipes/pies#apple_pie.

position

Integer

Die Position des Elements im Karussell. Die kleinste mögliche Zahl ist 1.

Fehlerbehebung

Falls du Probleme bei der Implementierung von strukturierten Daten hast, versuch es mit diesen Lösungsansätzen:

  • Möglicherweise sind deine strukturierten Daten fehlerhaft. Näheres dazu findest du in der Liste der Fehler bei strukturierten Daten.
  • Eine Fehlerbehebung für den Fall, dass Rich-Suchergebnisse fehlen oder die Gesamtzahl der Rich-Suchergebnisse zurückgeht, findest du hier.
  • Antworten auf allgemeine Fragen zum Crawlen und Indexieren erhältst du auf der Seite Häufig gestellte Fragen von Webmastern.
  • Wenn du eine Frage hast, kannst du sie bei der Webmaster-Online-Sprechstunde stellen.
  • Poste deine Fragen im Webmaster-Forum.