Verbessern Sie Ihre Suchergebnisse mit Rich Snippets & Schema.org Vocabulary

Strukturierte Daten ermöglicht eine visuell ansprechende und informative Darstellung Ihrer Suchergebnisse. Laut einer Searchmetrics-Studie führt das Hinzufügen von strukturierten Daten zu einer Website zu einem Anstieg der Google-Suchergebnisse um 36%.

Strukturierte Datenmarkierungen werden in Google, Bing und anderen Suchmaschinen als gerendert reichhaltige Schnipsel. Rich Snippets sind verbesserte Suchergebnisse das hinzufügen Zusatzinformation, B. ein Foto, den Preis, Benutzerbewertungen und andere Merkmale, um Suchmaschinen-Schnipsel anzuzeigen.

Strukturierte Daten führen aus zwei Hauptgründen zu besseren Suchergebnissen:

Es erweitert die HTML-Semantik, indem der Inhalt erstellt wird verständlicher für Suchmaschinen.
Rich Snippets - die Suchmaschinendarstellung strukturierter Daten - haben eine bessere Klickrate als regelmäßige, weniger informative Suchergebnisse.

Schema.org Wortschatz

Wenn Sie Rich Snippets für Ihre eigene Website erstellen möchten, müssen Sie dies tun Fügen Sie Ihrem HTML-Markup strukturierte Daten hinzu. Strukturierte Daten verwenden die schema.org Wortschatz So können Sie Suchmaschinen über die Art Ihrer Inhalte informieren.

Schema.org ist die Initiative von Google, Bing und Yahoo eine Reihe von Schemata für die Beschreibung verschiedener Arten von Webinhalten, damit Suchmaschinen sie besser verstehen können.

Das Schema.org-Vokabular ist in a organisiert Zwei-Ebenen-Hierarchie:

Arten: verschiedene Arten von Webinhalten sind sie angeordnet in ihre eigene Hierarchie
Eigenschaften: Jeder Typ hat eine bestimmte Anzahl von Eigenschaften

Erste Ebene der Typen

Ding ist der allgemeinste Artikel im schema.org-Vokabular handelt es sich um den Vorfahren aller anderen Typen.

Zweite Ebene der Typen

Das zweite Ebene von Typen ist etwas genauer und enthält die Veranstaltung, das Aktion, das Immateriell, das Kreative Arbeit, das Platz, das Organisation, das Produkt, und das Person Typen Es gibt auch ein separates Thing der zweiten Ebene, das als Schema.org-Erweiterung verfügbar ist. es ist das MedicalEntity Art.

Dritte Stufe der Typen

Jeder zweite Typ enthält einige oder viele Typen der dritten Ebene, Ein Untertyp von CreativeWork ist beispielsweise der Rezension Art. Beachten Sie, dass spezifischere Typen (zweite und dritte Ebene) erben die Eigenschaften ihres übergeordneten Elements (und Großvater im Falle der dritten Stufe).

Das Bild unten wurde im offiziellen Schema-Blog veröffentlicht und visualisiert die Hiearchie des schema.org-Vokabulars.

Finden Sie das Schema, das Sie benötigen

Durchsuchen Sie das Vokabular, um das gewünschte Schema zu finden. Für reiche Snippets zum Beispiel müssen Sie die Rezept Typ, der das Kind von CreativeWork ist. Es hat viele Eigenschaften, wie z Kochzeit, Kochmethode, Rezeptzutat, und andere, und es erbt auch die Eigenschaften seiner Eltern (CreativeWork) und Großeltern (Thing).

Schema.org ist ein Gemeinschaftsprojekt, Es wird häufig erweitert, und neue Versionen werden regelmäßig veröffentlicht. Wenn Sie das von Ihnen benötigte Schema nicht finden, können Sie es der Schema.org-Community vorschlagen. Außerdem können Sie zu seinem Github-Projekt beitragen.

Fügen Sie Ihrem Markup strukturierte Daten hinzu

Wie fügen Sie also Ihre Schemas zum Front-End-Code hinzu? Schema.org kann verwenden drei verschiedene Formate. Sie müssen eine auswählen, um Ihrer Website strukturierte Datenmarkierungen hinzuzufügen. Obwohl Sie theoretisch mehr als ein Format auf derselben Site verwenden können, beeinträchtigt dies die Lesbarkeit und Wartbarkeit von Code. Daher ist dies keine gute Praxis.

Das drei Hauptformate von strukturierten Daten Markup sind die folgenden:

Mikrodaten: Es ist ein Webstandard, der HTML erweitert neue Attribute einführen sowie itemprop. Die offizielle Website von schema.org bietet ein großartiges Tutorial zur Verwendung von Mikrodaten. Wenn Sie also bereits mit HTML vertraut sind, kann dieses Format eine gute Wahl sein.
RDFa: Die lange Form von RDFa ist Ressourcenbeschreibungs-Framework in Attributen, Es handelt sich um eine W3C-Empfehlung, die HTML-, XML- und SVG-Dokumente mithilfe einer Reihe spezifischer Attribute erweitert. Das Open Graph-Protokoll von Facebook basiert ebenfalls auf RDFa, daher haben Sie es wahrscheinlich schon gesehen. Es gibt eine RDFa-Lite-Version für Anfänger sowie eine Vollversion, die viele Möglichkeiten bietet, strukturierte Daten auf aufwendige Weise zu bearbeiten.
JSON-LD: Während die beiden anderen Optionen das HTML-Markup erweitern, verwendet JSON-LD das JSON Syntax. JSON-LD steht für JavaScript-Objektnotation für verknüpfte Daten, Dies ist das von Google Entwicklern empfohlene Format, da ihrer Ansicht nach "strukturiertes Markieren von Daten am einfachsten im JSON-LD-Format dargestellt wird". Sie müssen kein JavaScript-Experte sein, um JSON zu verwenden, da es ein einfaches Notationssystem ist, das Name-Wert-Paare verwendet.

Sie können die drei Formate mit Hilfe einer praktischen Registerkarte leicht vergleichen am Ende jeder schema.org-Typenseite.

Beispiele für die drei schema.org-Formate für den Rezepttyp.

Wenn Sie sich die Beispiele genau ansehen, können Sie leicht verstehen, wie jedes Format funktioniert, und eines davon auf Ihrer eigenen Site verwenden.

Das strukturierte Daten-Markup, das Sie Ihrem Code hinzufügen müssen, ist basierend auf dem schema.org-Vokabular. Wenn Sie sich für Mikrodaten oder RDFa entscheiden, müssen Sie die regulären HTML-Tags mit zusätzlichen Attributen versehen.

Zum Beispiel mit Mikrodaten, Sie fügen dem Container den Namen des Typs hinzu Itemscope Attribut und jede Eigenschaft mit der itemprop Attribut. Hier ist ein sehr einfaches Beispiel:

  Mein Rezept
  Beschreibung des Rezepts

Und dasselbe Beispiel mit RDFa, Es lohnt sich, auf die verschiedenen Attribute zu achten, die Sie hier verwenden müssen:

  Mein Rezept
  Beschreibung des Rezepts

Wenn Sie das wählen JSON-LD-Format, Sie müssen Ihren Code eingeben in der tag im kopf Ihrer HTML-Seite. Das obige Beispiel sieht so aus:

Tipps zur Verwendung strukturierter Daten

Testen Sie Ihr Markup für strukturierte Daten

Bevor Sie das Markup für strukturierte Daten zu Ihrer Website hinzufügen, können Sie es mit dem Structured Data Testing Tool von Google schnell testen. Auf diese Weise können Sie die Probleme schnell finden, wenn Sie welche haben.

Nutzen Sie Google Knowledge Graph Cards

Google verwendet strukturierte Daten nicht nur für Rich-Snippets. Wenn Sie jedoch eine Behörde für einen bestimmten Inhaltstyp sind, wird Ihr Inhalt möglicherweise ebenfalls angezeigt erscheinen in einer der Knowledge Graph Cards Auf einigen Suchmaschinen-Ergebnisseiten auf der rechten Seite angezeigt.

Beachten Sie, dass Sie nicht für Ihre Inhalte eine Knowledge Graph-Karte von Google anzeigen lassen können. Wenn Ihr Markup für strukturierte Daten jedoch ordnungsgemäß eingerichtet ist, besteht die Möglichkeit.

Google verwendet die Markierungen von Facebook für strukturierte Daten, um zusätzliche Informationen im Knowledge Graph anzuzeigen.

Nutzen Sie Google Rich Cards

Im Mai 2016 wurde Google eingeführt Rich-Karten Das sind "das Upgrade des aktuellen Rich Snippets-Formats" und bieten ansprechende mobile Suchergebnisse in Karussells präsentiert das kann durch Scrollen nach links und rechts durchsucht werden. Google Rich Cards verwenden außerdem strukturierte Daten und das Schema.org-Vokabular.

Fügen Sie Ihren E-Mails strukturierte Daten hinzu

Sie können strukturiertes Daten-Markup verwenden in Ihren E-Mails Um Google Now Cards für den Empfänger auszulösen, bietet Google Developers eine großartige Anleitung dazu.

Strukturierte Daten dynamisch generieren

Es ist möglich, Google Tag Manager zu verwenden Strukturierte Daten dynamisch generieren Im JSON-LD-Format lernen Sie in Moz.com, wie es geht.