Es scheint, dass strukturierte Daten und all die anderen Dinge, die damit zusammenh?ngen, heutzutage immer mehr an Bedeutung gewinnen. Es ist also an der Zeit dar?ber zu schreiben, wie Sie in Ihrer WordPress-Seite strukturierte Daten einf?gen k?nnen. Lassen Sie uns anfangen!
Was sind strukturierte Daten?
Zun?chst m?chte ich die Frage beantworten, was strukturierte Daten im Allgemeinen sind. Vielleicht haben Sie es schon in einigen Tutorials gesehen und wissen bereits, dass es sich dabei um Code handelt.
Genau: Es ist Code. Dieser ist aber nicht so schwer zu lesen, weil wir im neuesten Format (das ist JSON+LD) nur Schl?ssel-Wert-Paare haben.
Werfen wir einen Blick auf ein einfaches Beispiel:
<script type="application/ld+json">
{
"@context": "http://schema.org",
"@type": "Product",
}
</script>Wenn der obige Code zu einer WordPress-Seite hinzugef?gt w?rde, w?rde dies den Suchmaschinen mitteilen, dass es sich bei der Seite um ein Produkt handelt. Suchmaschinen verstehen das, weil sie an einem standardisierten Vokabular arbeiten, das schema.org hei?t. Auf dieser Website finden Sie eine Seite, auf der Sie alle Schemata finden, die Sie verwenden k?nnen.
Um es also zusammenzufassen: Strukturierte Daten werden ben?tigt, um Suchmaschinen einen Hinweis auf das “Was ist auf dieser Seite” zu geben.
Sie werden sich vielleicht fragen, warum Sie solche Daten ben?tigen. Und das ist eine gute Frage, die ich in meinem strukturierte Daten Kurs behandelt habe.
Wie man strukturierte Daten erstellt
Jetzt, wo Sie wissen, wie der Code f?r strukturierte Daten aussieht, m?ssen Sie ihn nur noch erstellen. Nat?rlich m?ssen Sie daf?r nicht selbst kodieren. Sie k?nnen meinen strukturierte Daten Generator verwenden (der kostenlos ist). Mit diesem Tool k?nnen Sie jedes Schema erstellen, das Sie auf schema.org finden.
Der Generator ist eine reduzierte Version derjenigen, die ich in SNIP, mein strukturierte Daten Plugin f?r WordPress, integriert habe.
Aber lassen Sie uns das Schritt f?r Schritt gemeinsam tun:
- ?ffnen Sie den Generator f?r strukturierte Daten.
- Klicken Sie auf den Button “Produkt”, wo “Popular” vorne dran steht (Sie k?nnen auch etwas anderes verwenden, aber ich m?chte hier beim Produktbeispiel bleiben).
- Der Generator l?dt einige der am h?ufigsten verwendeten Eigenschaften f?r das Produktschema.
- Von hier aus k?nnen Sie beginnen, die Eigenschaften mit ihren Werten zu f?llen.
Schauen Sie sich das GIF an, um zu sehen, was ich meine:
K?nnen weitere Eigenschaften hinzugef?gt werden?
Ja, das geht! Scrollen Sie nach unten zur Zeile “Add new property” und beginnen Sie mit der Eingabe des Namens der Eigenschaft. Sie m?ssen mindestens drei Buchstaben eingeben, um mit der Suche zu beginnen.
Wenn Sie nicht wissen, welche Eigenschaften m?glich sind, klicken Sie auf den Link oben. Das bringt Sie zu do schema.org und Sie k?nnen alle m?glichen Eigenschaften durchsuchen. Sehen Sie, wie das funktioniert:
K?nnen Eigenschaften entfernt werden?
Ja, das ist auch m?glich. Fahren Sie dazu mit der Maus ?ber eine Eigenschaft und klicken Sie auf den Link “Delete”.
Welche Eigenschaften werden jeweils ben?tigt?
Das h?ngt davon ab, was Sie tun m?chten. Wenn Sie ein Rich Snippet (oder eine Rich Card) in den Suchergebnissen erstellen m?chten, m?ssen Sie alle Eigenschaften hinzuf?gen, die erforderlich sind, um sie anzuzeigen. Hier ist ein Video aus meinem Structured Data Training (en), das zeigt, wie Sie sie finden k?nnen (insbesondere f?r Rich Snippets):
Link aus dem Video: Googles Referenz f?r ein Produkt
Den JSON-LD-Code abrufen
JSON-LD ist der Code, den der Structured Data Generator ausgibt. Sie haben bereits zu Beginn dieses Beitrags einen Beispielcode gesehen. So k?nnte es aussehen, wenn Sie alle Felder ausf?llen, die Sie ben?tigen:
{
"@context": "http://schema.org",
"@type": "Product",
"sku": "Plugin",
"name": "SNIP - Structured Data WordPress Plugin",
"aggregateRating": {
"@context": "http://schema.org",
"@type": "AggregateRating",
"ratingValue": "4.5",
"bestRating": "5",
"reviewCount": "58",
"worstRating": "1"
},
"offers": {
"@context": "http://schema.org",
"@type": "Offer",
"priceCurrency": "USD",
"price": "59",
"category": "Plugin"
},
"description": "Allows you to create Structured Data right within WordPress."
}Der Generator gibt nicht die umgebenden <script>-Tags aus, die Sie vielleicht auch von oben kennen. Also m?ssen Sie sie selbst hinzuf?gen. Der gesamte Code w?rde dann so aussehen:
<script type="application/ld+json">
{
"@context": "http://schema.org",
"@type": "Product",
"sku": "Plugin",
"name": "SNIP - Structured Data WordPress Plugin",
"aggregateRating": {
"@context": "http://schema.org",
"@type": "AggregateRating",
"ratingValue": "4.5",
"bestRating": "5",
"reviewCount": "58",
"worstRating": "1"
},
"offers": {
"@context": "http://schema.org",
"@type": "Offer",
"priceCurrency": "USD",
"price": "59",
"category": "Plugin"
},
"description": "Allows you to create Structured Data right within WordPress."
}
</script>Wie man in WordPress strukturierte Daten einf?gen kann.
Jetzt ist es an der Zeit, diesen Code zu einer Ihrer WordPress-Seiten hinzuzuf?gen. Es gibt mehrere M?glichkeiten:
A) ?ber den klassischen Editor
Sie haben vielleicht vom neuen Blockeditor (“Gutenberg”) geh?rt, der mit WordPress 5.0 eingef?hrt wurde. Einige Jungs mochten den neuen Blockeditor nicht und haben das Classic Editor Plugin installiert.
Wenn Sie noch nicht auf WordPress 5.0 oder h?her aktualisiert haben, verwenden Sie vielleicht noch den Classic Editor.
- ?ffnen Sie einen Beitrag, eine Seite oder einen benutzerdefinierten Beitragstyp, in den Sie Ihre neu erstellten strukturierten Daten einf?gen m?chten.
- Wechseln Sie in den HTML-Editor, indem Sie auf die Registerkarte “Text” in der oberen rechten Ecke klicken.
- F?gen Sie Ihren Code von oben ein (einschlie?lich der umgebenden
<script>-Tags).
Dieses GIF zeigt, wie es funktioniert:
Wenn Sie wieder in den “Visual”-Modus wechseln, sehen Sie ein kleines Symbol, das Ihnen anzeigt, dass es Ihre strukturierten Daten gibt.
B) ?ber den neuen Blockeditor
Der neue Blockeditor wurde in WordPress 5.0 eingef?hrt (wie ich oben beschrieben habe). Es ist einfacher, dort HTML-Code einzubinden.
- ?ffnen Sie einen Beitrag oder einen Beitrag in Ihrem WordPress Dashboard.
- Klicken Sie im neuen Blockeditor auf das Pluszeichen, um einen neuen Block aufzunehmen.
- W?hlen Sie den HTML-Block aus.
- Geben Sie Ihren Code vom Generator einschlie?lich der umgebenden
<script>-Tags ein.
Das untenstehende GIF zeigt dir, wie es funktioniert:
Das war einfach, oder? Aber es kann noch einfacher werden.
C) ?ber SNIP
Jetzt denken Sie vielleicht, dass es super schwierig ist, Code zu pflegen, der in den Sourcode des Editors integriert wurde, oder? Und Sie haben Recht. Insbesondere, wenn Google (oder andere Suchmaschinen) pl?tzlich eine andere Eigenschaft f?r das Product-Schema sehen m?chte.
Wenn Sie 10 oder sogar hunderte von Produktseiten haben, wird es ziemlich zeitaufwendig, wenn nicht gar unm?glich, alle zu pflegen.
Die L?sung ist die Verwendung von SNIP, meinem strukturierte Daten Plugin f?r WordPress, und der Funktion f?r Globale Snippets. Damit erstellen Sie ein globales Snippet, wie mit dem Generator von oben, aber eben direkt in WordPress. Und dann (hier liegt die eigentliche Magie): Richten Sie Regeln ein, um zu definieren, in welche Beitr?ge und Seiten Sie die strukturierten Daten einf?gen m?chten.
- Nachdem Sie SNIP installiert und aktiviert haben, gehen Sie zum Abschnitt “Global Snippets”.
- Erstellen Sie ein neues globales Snippet f?r ein Produkt.
- Kopieren und und f?gen Sie den obigen Code in den Importer ein.
- W?hlen Sie die Eigenschaften aus, die automatisch ausgef?llt werden sollen.
- W?hlen Sie die Regeln aus, nach denen das neue Snippet erscheinen bzw. eingef?gt werden soll.
- Erledigt!
Hier ist ein weiteres GIF, das zeigt, wie einfach das ist:
Und das k?nnen Sie mit allen anderen ?ber 800 Schemata machen, die Sie auf schema.org finden – Strukturierte Daten einf?gen war noch nie so einfach!