Onlineshops optimieren durch korrektes Produktschema

Der Webshop lahmt und viele Produkte tauchen in der Google Suche nicht auf. Das könnte auch an fehlenden oder falschen Produktschemen auf der Webseite liegen. Aber was steckt dahinter und wie kann man prüfen ob die Kennzeichnung korrekt ist?

Besucher die mit Firefox diese Seite betrachten, werden ein Dokumentensymbol rechts oben in der Adressleiste bemerken. Ein Klick auf dieses Symbol aktiviert den Lesemodus, der leider in Chrome extra aktiviert werden muss. Der Lesemodus blendet alle Elemente aus die nicht zum Artikel gehören.

Der Hauptinhalt dieser Seite wurde als https://schema.org/Article gekennzeichnet und die einzelnen Elemente (Überschrift, Artikeltext, Bild) definiert.

Schema.org beschreibt den Aufbau und die Kennzeichnung von Nachrichten, Orten, Terminen und eben auch Produkten, damit Suchmaschinen weitere Informationen strukturiert ausgeben können. Diese Kennzeichnung ist gerade für Onlineshops sehr wichtig weil die Daten auch in die Produktsuche von Google einfließen.

Die Kennzeichnung erfolgt üblicherweise direkt als Attribut der HTML-Tags oder als JSON-LD-Datenscript in der Webseite.

Korrekte Kennzeichnung überprüfen

Google selbst bietet unter search.google.com/structured-data/testing-tool einen Test für Webseiten an. Geben Sie dort einfach eine URL Ihrer Webseite an die ein Schema enthalten müsste. (In der Regel nicht die Startseite sondern eine Produktseite)


Zwei einfache Beispiele

Die folgenden Beispiele sind nicht vollständig. Google möchte nach Möglichkeit auch Informationen wie Kundenstimmen und Produktbewertung durch die Kunden. Bei kleinen Shops sind diese Daten häufig nicht vorhanden. Ob Sie Bewertungen aus anderen Quellen kaufen möchen oder nicht hängt von Ihrem Geldbeutel und Risikobewusstsein ab. Wir raten Ihnen Kunden mit Gutscheinen o.Ä. um Bewertungen zu bitten.

Beipiel für die Kennzeichung als HTML-Attribut

 
<div itemscope="itemscope" itemtype="http://schema.org/Product">
  <h3 itemprop="brand">Badewelt</h3>
  <h2 itemprop="name">Badeente</h2>
  <img itemprop="image" src="https://www.acmee.de/images/gummiente.jpg" />
  <p itemprop="description">Ein kleines gelbes Quietscheentchen zum baden</p>
  Produktnummer: <span itemprop="productID" content="sku:12345"></span>
 
  <div itemprop="offers" itemscope="itemscope" itemtype="http://schema.org/Offer">
      <span itemprop="priceCurrency" content="EUR"></span>
      <span itemprop="url" content="https://www.acmee.de/gummiente.html"></span>
      Preis: <span itemprop="price">2.49</span>
 
      Zustand: <span itemprop="itemCondition" content="new">new</span>
    </div>
</div>
 

Beipiel für ein JSON-LD Tag

 
<script type="application/ld+json">{
  "@context": "http://schema.org/",
  "@type": "Product",
  "brand": {
    "@type": "Brand",
    "name": "Badewelt"
  },
  "name": "Gummiente",
  "image": "https://www.acmee.de/images/gummiente.jpg",
  "url": "https://www.acmee.de/gummiente.html",
  "description": "Ein kleines gelbes Quietscheentchen zum baden",
  "productID": "sku:12345",
  "offers": {
    "@type": "Offer",
    "priceCurrency": "EUR",
    "price": "2.49",
    "itemCondition": "new"
  }
}</script>
 

Weitere Links

Hilfe benötigt?

Wenn Sie noch Fragen haben oder Hilfe bei der Implementation des Schemas benötigen, dann können Sie uns gerne » kontaktieren.