Produkt

Fügen Sie Ihren Produktseiten Markup hinzu, denn nur so kann Google ausführliche Produktinformationen in Rich-Suchergebnissen angeben (einschließlich Google Bilder). Auf diese Weise können Nutzer Preis, Verfügbarkeit und die Bewertungsergebnisse direkt in den Suchergebnissen sehen.

Mit Markup können Rich-Produktergebnisse angezeigt werden, um potenzielle Käufer anzuziehen, die nach Artikeln, die sie bei der Google-Suche kaufen können, oder Bildern mit den von dir angebotenen Artikeln suchen. Deine Produktinformationen müssen immer richtig und auf dem neuesten Stand sein, damit Nutzern relevante und aktuelle Artikel angezeigt werden.

Auf dieser Seite wird erläutert, wie du deine Produktinformationen so mit Markup auszeichnest, dass Google sie in Rich-Suchergebnisse aufnehmen kann. Wenn du Product-Markup verwendest, werden deine Produkte in Google Bilder auch mit einem Logo versehen. Das kann dazu beitragen, dass mehr Nutzer auf deinen Inhalt klicken.

Bild eines Rich-Suchergebnisses und eines Google Bilder-Ergebnisses mit Produktinformationen

Das Markup wird normalerweise auf zwei Arten von Seiten eingesetzt:

  • Seiten, die jeweils ein einzelnes Produkt beschreiben
  • Shopping-Aggregator-Seiten mit einer Beschreibung eines einzelnen Produkts und Informationen zu verschiedenen Anbietern dieses Produkts

So fügst du strukturierte Daten hinzu

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.

In der folgenden Übersicht haben wir zusammengefasst, wie du strukturierte Daten erstellst, testest und veröffentlichst. Eine detaillierte Anleitung dazu, wie du einer Webseite strukturierte Daten hinzufügst, findest du im Codelab zu strukturierten Daten.

  1. 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.
  2. Folge den Richtlinien.
  3. Prüfe deinen Code mit dem Test für Rich-Suchergebnisse.
  4. 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.
  5. 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.

Ausprobieren

Seite mit einem einzelnen Produkt

Nachfolgend siehst du ein Beispiel für eine Seite mit einem einzelnen Produkt, das du kopieren und in deine eigene HTML-Seite einfügen kannst.

JSON-LD


 <html>
  <head>
    <title>Executive Anvil</title>
    <script type="application/ld+json">
    {
      "@context": "https://schema.org/",
      "@type": "Product",
      "name": "Executive Anvil",
      "image": [
        "https://example.com/photos/1x1/photo.jpg",
        "https://example.com/photos/4x3/photo.jpg",
        "https://example.com/photos/16x9/photo.jpg"
       ],
      "description": "Sleeker than ACME's Classic Anvil, the Executive Anvil is perfect for the business traveler looking for something to drop from a height.",
      "sku": "0446310786",
      "mpn": "925872",
      "brand": {
        "@type": "Brand",
        "name": "ACME"
      },
      "review": {
        "@type": "Review",
        "reviewRating": {
          "@type": "Rating",
          "ratingValue": "4",
          "bestRating": "5"
        },
        "author": {
          "@type": "Person",
          "name": "Fred Benson"
        }
      },
      "aggregateRating": {
        "@type": "AggregateRating",
        "ratingValue": "4.4",
        "reviewCount": "89"
      },
      "offers": {
        "@type": "Offer",
        "url": "https://example.com/anvil",
        "priceCurrency": "USD",
        "price": "119.99",
        "priceValidUntil": "2020-11-20",
        "itemCondition": "https://schema.org/UsedCondition",
        "availability": "https://schema.org/InStock"
      }
    }
    </script>
  </head>
  <body>
  </body>
</html>

RDFa


 <html>
  <head>
    <title>Executive Anvil</title>
  </head>
  <body>
    <div typeof="schema:Product">
        <div rel="schema:review">
          <div typeof="schema:Review">
            <div rel="schema:reviewRating">
              <div typeof="schema:Rating">
                <div property="schema:ratingValue" content="4"></div>
                <div property="schema:bestRating" content="5"></div>
              </div>
            </div>
            <div rel="schema:author">
              <div typeof="schema:Person">
                <div property="schema:name" content="Fred Benson"></div>
              </div>
            </div>
          </div>
        </div>
        <div rel="schema:image" resource="https://example.com/photos/4x3/photo.jpg"></div>
        <div property="schema:mpn" content="925872"></div>
        <div property="schema:name" content="Executive Anvil"></div>
        <div property="schema:description" content="Sleeker than ACME's Classic Anvil, the Executive Anvil is perfect for the business traveler looking for something to drop from a height."></div>
        <div rel="schema:image" resource="https://example.com/photos/1x1/photo.jpg"></div>
        <div rel="schema:brand">
          <div typeof="schema:Brand">
            <div property="schema:name" content="ACME"></div>
          </div>
        </div>
        <div rel="schema:aggregateRating">
          <div typeof="schema:AggregateRating">
            <div property="schema:reviewCount" content="89"></div>
            <div property="schema:ratingValue" content="4.4"></div>
          </div>
        </div>
        <div rel="schema:offers">
          <div typeof="schema:Offer">
            <div property="schema:price" content="119.99"></div>
            <div property="schema:availability" content="https://schema.org/InStock"></div>
            <div property="schema:priceCurrency" content="USD"></div>
            <div property="schema:priceValidUntil" datatype="xsd:date" content="2020-11-20"></div>
            <div rel="schema:url" resource="https://example.com/anvil"></div>
            <div property="schema:itemCondition" content="https://schema.org/UsedCondition"></div>
          </div>
        </div>
        <div rel="schema:image" resource="https://example.com/photos/16x9/photo.jpg"></div>
        <div property="schema:sku" content="0446310786"></div>
      </div>
  </body>
</html>

Mikrodaten


 <html>
  <head>
    <title>Executive Anvil</title>
  </head>
  <body>
  <div>
    <div itemtype="http://schema.org/Product" itemscope>
      <meta itemprop="mpn" content="925872" />
      <meta itemprop="name" content="Executive Anvil" />
      <link itemprop="image" href="https://example.com/photos/16x9/photo.jpg" />
      <link itemprop="image" href="https://example.com/photos/4x3/photo.jpg" />
      <link itemprop="image" href="https://example.com/photos/1x1/photo.jpg" />
      <meta itemprop="description" content="Sleeker than ACME's Classic Anvil, the Executive Anvil is perfect for the business traveler looking for something to drop from a height." />
      <div itemprop="offers" itemtype="http://schema.org/Offer" itemscope>
        <link itemprop="url" href="https://example.com/anvil" />
        <meta itemprop="availability" content="https://schema.org/InStock" />
        <meta itemprop="priceCurrency" content="USD" />
        <meta itemprop="itemCondition" content="https://schema.org/UsedCondition" />
        <meta itemprop="price" content="119.99" />
        <meta itemprop="priceValidUntil" content="2020-11-20" />
      </div>
      <div itemprop="aggregateRating" itemtype="http://schema.org/AggregateRating" itemscope>
        <meta itemprop="reviewCount" content="89" />
        <meta itemprop="ratingValue" content="4.4" />
      </div>
      <div itemprop="review" itemtype="http://schema.org/Review" itemscope>
        <div itemprop="author" itemtype="http://schema.org/Person" itemscope>
          <meta itemprop="name" content="Fred Benson" />
        </div>
        <div itemprop="reviewRating" itemtype="http://schema.org/Rating" itemscope>
          <meta itemprop="ratingValue" content="4" />
          <meta itemprop="bestRating" content="5" />
        </div>
      </div>
      <meta itemprop="sku" content="0446310786" />
      <div itemprop="brand" itemtype="http://schema.org/Brand" itemscope>
        <meta itemprop="name" content="ACME" />
      </div>
    </div>
  </div>
  </body>
</html>

Shopping-Aggregator-Seite

Nachfolgend siehst du ein Beispiel für eine Shopping-Aggregator-Seite, das du kopieren und in deine eigene HTML-Seite einfügen kannst.

JSON-LD


<html>
  <head>
    <title>Executive Anvil</title>
    <script type="application/ld+json">
      {
        "@context": "https://schema.org/",
        "@type": "Product",
        "name": "Executive Anvil",
        "image": [
          "https://example.com/photos/1x1/photo.jpg",
          "https://example.com/photos/4x3/photo.jpg",
          "https://example.com/photos/16x9/photo.jpg"
         ],
        "description": "Sleeker than ACME's Classic Anvil, the Executive Anvil is perfect for the business traveler looking for something to drop from a height.",
        "sku": "0446310786",
        "mpn": "925872",
        "brand": {
          "@type": "Brand",
          "name": "ACME"
        },
        "review": {
          "@type": "Review",
          "reviewRating": {
            "@type": "Rating",
            "ratingValue": "4",
            "bestRating": "5"
          },
          "author": {
            "@type": "Person",
            "name": "Fred Benson"
          }
        },
        "aggregateRating": {
          "@type": "AggregateRating",
          "ratingValue": "4.4",
          "reviewCount": "89"
        },
        "offers": {
          "@type": "AggregateOffer",
          "offerCount": "5",
          "lowPrice": "119.99",
          "highPrice": "199.99",
          "priceCurrency": "USD"
        }
      }
    </script>
  </head>
  <body>
  </body>
</html>

RDFa


 <html>
  <head>
    <title>Executive Anvil</title>
  </head>
  <body>
    <div typeof="schema:Product">
      <div rel="schema:review">
        <div typeof="schema:Review">
          <div rel="schema:reviewRating">
            <div typeof="schema:Rating">
              <div property="schema:ratingValue" content="4"></div>
              <div property="schema:bestRating" content="5"></div>
            </div>
          </div>
          <div rel="schema:author">
            <div typeof="schema:Person">
              <div property="schema:name" content="Fred Benson"></div>
            </div>
          </div>
        </div>
      </div>
      <div rel="schema:aggregateRating">
        <div typeof="schema:AggregateRating">
          <div property="schema:reviewCount" content="89"></div>
          <div property="schema:ratingValue" content="4.4"></div>
        </div>
      </div>
      <div rel="schema:image" resource="https://example.com/photos/4x3/photo.jpg"></div>
      <div property="schema:mpn" content="925872"></div>
      <div property="schema:name" content="Executive Anvil"></div>
      <div property="schema:description" content="Sleeker than ACME's Classic Anvil, the Executive Anvil is perfect for the business traveler looking for something to drop from a height."></div>
      <div rel="schema:image" resource="https://example.com/photos/1x1/photo.jpg">
      </div>
      <div rel="schema:brand">
        <div typeof="schema:Brand">
          <div property="schema:name" content="ACME"></div>
        </div>
      </div>
      <div rel="schema:offers">
        <div typeof="schema:AggregateOffer">
          <div property="schema:offerCount" content="5"></div>
          <div property="schema:lowPrice" content="119.99"></div>
          <div property="schema:highPrice" content="199.99"></div>
          <div property="schema:priceCurrency" content="USD"></div>
          <div rel="schema:url" resource="https://example.com/anvil"></div>
        </div>
      </div>
      <div rel="schema:image" resource="https://example.com/photos/16x9/photo.jpg"></div>
      <div property="schema:sku" content="0446310786"></div>
    </div>
  </body>
</html>

Mikrodaten


 <html>
  <head>
    <title>Executive Anvil</title>
  </head>
  <body>
  <div>
    <div itemtype="http://schema.org/Product" itemscope>
      <meta itemprop="mpn" content="925872" />
      <meta itemprop="name" content="Executive Anvil" />
      <link itemprop="image" href="https://example.com/photos/16x9/photo.jpg" />
      <link itemprop="image" href="https://example.com/photos/4x3/photo.jpg" />
      <link itemprop="image" href="https://example.com/photos/1x1/photo.jpg" />
      <meta itemprop="description" content="Sleeker than ACME's Classic Anvil, the Executive Anvil is perfect for the business traveler looking for something to drop from a height." />
      <div itemprop="offers" itemtype="http://schema.org/AggregateOffer" itemscope>
        <meta itemprop="lowPrice" content="119.99" />
        <meta itemprop="highPrice" content="199.99" />
        <meta itemprop="offerCount" content="6" />
        <meta itemprop="priceCurrency" content="USD" />
      </div>
      <div itemprop="aggregateRating" itemtype="http://schema.org/AggregateRating" itemscope>
        <meta itemprop="reviewCount" content="89" />
        <meta itemprop="ratingValue" content="4.4" />
      </div>
      <div itemprop="review" itemtype="http://schema.org/Review" itemscope>
        <div itemprop="author" itemtype="http://schema.org/Person" itemscope>
          <meta itemprop="name" content="Fred Benson" />
        </div>
        <div itemprop="reviewRating" itemtype="http://schema.org/Rating" itemscope>
          <meta itemprop="ratingValue" content="4" />
          <meta itemprop="bestRating" content="5" />
        </div>
      </div>
      <meta itemprop="sku" content="0446310786" />
      <div itemprop="brand" itemtype="http://schema.org/Brand" itemscope>
        <meta itemprop="name" content="ACME" />
      </div>
    </div>
  </div>
  </body>
</html>

Richtlinien

Rich-Produktergebnisse vermitteln Nutzern Informationen zu einem bestimmten Artikel, z. B. Preis, Verfügbarkeit und Bewertungsergebnisse. Für das Product-Markup gelten die folgenden Richtlinien:

  • Verwende Markup für ein bestimmtes Produkt und nicht für eine Produktkategorie oder -liste. Beispielsweise beschreibt "Schuhe in unserem Shop" kein konkretes einzelnes Produkt. Derzeit unterstützen Rich-Suchergebnisse für Produkte nur Seiten, die sich auf ein einzelnes Produkt beziehen. Wir empfehlen, Markup vorzugsweise auf Produktseiten statt auf Seiten für eine Produktkategorie oder -liste hinzuzufügen.
  • Nicht jugendfreie Produkte werden nicht unterstützt.
  • Wenn du eine Rezension für das Produkt hinzufügst, muss der Name des Rezensenten ein für Person oder Team gültiger Name sein.

    Nicht empfohlen: "50 % Rabatt am Black Friday"

    Empfohlen: "Rainer Schmidt" oder "CNET-Rezensenten"

Damit Produktinformationen in Google Bilder angezeigt werden können, musst du zusätzliche Properties hinzufügen:

  • Schließe zum Einblenden der Produktinformationen in den Rich-Suchergebnissen von Google Bilder die folgenden Properties ein: name, image, price und priceCurrency.
  • Wenn die Produktinformationen in der Funktion "Ähnliche Elemente" angezeigt werden sollen, gib die folgenden Properties an: name, image, price, priceCurrency und availability.

Definitionen strukturierter Datentypen

Damit die Inhalte als Rich-Suchergebnis angezeigt werden können, musst du alle erforderlichen Properties hinzufügen. Du kannst auch die empfohlenen Properties einbinden, um weitere Informationen zu deinen Inhalten hinzuzufügen und deinen Nutzern so einen Mehrwert zu bieten.

Product

Die vollständige Definition von Product findest du unter schema.org/Product. Wenn du deinen Inhalt für Produktinformationen mit Markup versiehst, verwende die folgenden Properties des Schema.org-Typs Product:

Erforderliche Properties

name

Text

Der Name des Produkts.

Entweder review, aggregateRating oder offers

Du musst eine der folgenden Properties angeben:

Empfohlene Properties

aggregateRating

AggregateRating

Ein verschachteltes aggregateRating-Element des Produkts. Bitte beachte die Richtlinien für Rezensions-Snippets und die Liste der erforderlichen und empfohlenen AggregateRating-Properties.

brand

Brand oder Organization

Die Marke des Produkts

description

Text

Die Produktbeschreibung

image

Wiederholtes ImageObject oder wiederholte URL

Die URL eines Produktfotos. Bilder, die den Artikel deutlich – etwa vor einem weißen Hintergrund – zeigen, werden bevorzugt.

Zusätzliche Richtlinien für Bilder:

  • Jede Seite muss unabhängig davon, ob Markup eingebunden ist oder nicht, mindestens ein Bild enthalten. Google wählt für die Anzeige in den Suchergebnissen das beste Bild entsprechend dem Seitenverhältnis und der Auflösung aus.
  • Die Bild-URLs müssen crawlbar und indexierbar sein.
  • Bilder müssen den mit Markup ausgezeichneten Inhalt darstellen.
  • Bilder müssen in einem Dateiformat vorliegen, das von Google Bilder unterstützt wird.
  • Für optimale Ergebnisse sollten Sie mehrere hochauflösende Bilder einbinden, die bei Multiplikation von Höhe und Breite mindestens 50.000 Pixel umfassen. Empfohlen werden die Seitenverhältnisse 16:9, 4:3 und 1:1.

Beispiel:

"image": [
  "https://example.com/photos/1x1/photo.jpg",
  "https://example.com/photos/4x3/photo.jpg",
  "https://example.com/photos/16x9/photo.jpg"
]

offers

Offer oder AggregateOffer

Ein verschachteltes Offer- oder AggregateOffer-Element für den Verkauf des Produkts. Füge die erforderlichen und empfohlenen Properties entweder für Offer oder für AggregateOffer hinzu, je nachdem, was auf deine Inhalte zutrifft.

review

Review

Ein verschachteltes Review-Element des Produkts Bitte beachte die Richtlinien für Rezensions-Snippets und die Liste der erforderlichen und empfohlenen Properties für Rezensionen.

gtin8 | gtin13 | gtin14 | mpn | isbn

Text

Schließe alle zutreffenden globalen Kennzeichnungen ein. Diese werden unter schema.org/Product beschrieben.

sku

Text

Händlerspezifische Kennzeichnung für das Produkt

Offer

Die vollständige Definition von Offer findest du unter schema.org/Offer. Wenn du Angebote für ein Produkt mit Markup versiehst, verwende die folgenden Properties des Schema.org-Typs Offer:

Erforderliche Properties

price

Number

Der Angebotspreis eines Produkts. Bitte beachte die Nutzungsrichtlinien von Schema.org.

Empfohlene Properties

availability

ItemAvailability

Die möglichen Optionen für die Produktverfügbarkeit. Verwende einen der folgenden Werte und gib diesen mit einem URL-Link im Markup an. Google versteht auch Kurznamen wie InStock oder OutOfStock, die ohne vollständige URL angegeben werden.

  • https://schema.org/Discontinued
  • https://schema.org/InStock
  • https://schema.org/InStoreOnly
  • https://schema.org/LimitedAvailability
  • https://schema.org/OnlineOnly
  • https://schema.org/OutOfStock
  • https://schema.org/PreOrder
  • https://schema.org/PreSale
  • https://schema.org/SoldOut

itemOffered

Thing

Der zum Verkauf angebotene Artikel. Üblicherweise schließt das einen verschachtelten Artikel ein, es können jedoch auch andere Artikeltypen oder beliebiger Text enthalten sein.

priceCurrency

Text

Die Währung des Artikelpreises im dreistelligen ISO 4217-Format.

priceValidUntil

Date

Das Datum, nach dem der Preis nicht mehr gültig ist. Die Angabe erfolgt im ISO-8601-Format. Das Produkt-Snippet wird möglicherweise nicht angezeigt, wenn das mit der Property priceValidUntil angegebene Datum in der Vergangenheit liegt.

url

URL

Eine URL zur Webseite mit dem Produkt, die das Offer-Element enthält

AggregateOffer

Die vollständige Definition von AggregateOffer findest du unter schema.org/AggregateOffer. AggregateOffer ähnelt Offer und stellt eine Anzahl zusammengefasster weiterer Angebote dar. Wenn du diese Angebote für ein Produkt mit Markup versiehst, verwende die folgenden Properties des Schema.org-Typs AggregateOffer:

Erforderliche Properties

lowPrice

Number

Der niedrigste Preis aller verfügbaren Angebote. Gib eine Gleitkommazahl an.

priceCurrency

Text

Die Währung des Artikelpreises im dreistelligen ISO 4217-Format.

Empfohlene Properties

highPrice

Number

Der höchste Preis aller verfügbaren Angebote. Gib eine Gleitkommazahl an.

offerCount

Number

Anzahl der Angebote für den Artikel

Rich-Suchergebnisse mit der Search Console beobachten

Die Search Console ist ein Tool, mit dem du die Leistung deiner Seiten in der Google-Suche beobachten kannst. Damit deine Website in die Google-Suchergebnisse aufgenommen wird, musst du dich nicht für die Search Console registrieren. Du kannst aber mithilfe der Search Console möglicherweise besser nachvollziehen, wie deine Website von Google gesehen wird, und sie bei Bedarf optimieren. Wir empfehlen, die Search Console in den folgenden Fällen zu prüfen:

  1. Nach der erstmaligen Bereitstellung von strukturierten Daten
  2. Nach der Veröffentlichung neuer Vorlagen oder der Aktualisierung deines Codes
  3. Zur regelmäßigen Analyse der Zugriffe

Nachdem du zum ersten Mal strukturierte Daten bereitgestellt hast

Nachdem Google deine Seiten indexiert hat, kannst du mithilfe des entsprechenden Statusberichts für Rich-Suchergebnisse nach Problemen suchen. Idealerweise solltest du eine Zunahme der gültigen Seiten und keine Zunahme von Fehlern oder Warnungen feststellen. Wenn Probleme mit deinen strukturierten Daten auftreten:

  1. Behebe die Fehler.
  2. Prüfe eine Live-URL, um festzustellen, ob das Problem weiterhin besteht.
  3. Beantrage die Validierung mithilfe des Statusberichts.

Nachdem du neue Vorlagen veröffentlicht oder deinen Code aktualisiert hast

Wenn du wichtige Änderungen an deiner Website vornimmst, solltest du auf eine Zunahme von Fehlern und Warnungen bei strukturierten Daten achten.
  • Wenn du eine Zunahme von Fehlern feststellst, hast du möglicherweise eine neue Vorlage eingeführt, die nicht funktioniert. Eventuell interagiert deine Website auch auf eine neue und fehlerhafte Art mit der vorhandenen Vorlage.
  • Wenn du eine Abnahme der gültigen Elemente, aber keine Zunahme von Fehlern feststellst, sind möglicherweise keine strukturierten Daten mehr in deine Seiten eingebettet. Verwende das URL-Prüftool, um die Ursache des Problems zu ermitteln.

Zugriffe regelmäßig analysieren

Analysiere mit dem Leistungsbericht die Zugriffe über die Google-Suche. Die Daten geben Aufschluss darüber, wie oft deine Seite als Rich-Suchergebnis angezeigt wird, wie oft Nutzer darauf klicken und wie hoch deine durchschnittliche Position in den Suchergebnissen ist. Du kannst diese Ergebnisse auch automatisch mit der Search Console API abrufen.

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.