Schema für WordPress

Die Art und Weise, wie Ihre Website in den Suchergebnissen erscheint, beeinflusst sicherlich, wie viele und welche Arten von Besuchern Sie erhalten. Daher ist es wichtig, nach Möglichkeiten zu suchen, die Darstellung Ihrer Website durch Suchmaschinen zu verbessern, um mehr qualitativ hochwertigen Traffic auf Ihre Seite zu lenken.

Schema-Markup kann Suchmaschinen dabei helfen, festzustellen, wie Ihre Inhalte genau indexiert werden. Dadurch kann verhindert werden, dass Ihre Website bei irrelevanten Suchanfragen auf Suchmaschinen-Ergebnisseiten (SERPs) landet. Auf diese Weise können Sie mehr qualitativ hochwertigen Traffic auf Ihre Website lenken.

In diesem Artikel untersuchen wir, was Schema ist, wie Sie es für Ihre WordPress-Site implementieren und welche zugehörigen Ressourcen Ihnen zur Verfügung stehen. Tauchen wir ein!

Was ist Schema-Markup?

Stellen Sie sich Schema-Markup als Ihre „Visitenkarte“ für Suchmaschinen vor. Es stellt Kontext zu Ihren Inhalten bereit, damit Crawler feststellen können, worum es geht. So wie eine Visitenkarte potenziellen Kunden Ihre Berufsbezeichnung mitteilt, teilt Schema-Markup Suchmaschinen mit, um welche Dinge es sich handelt, damit sie richtig indiziert werden können.

Angenommen, Sie beziehen sich im Text auf Ihrer Seite auf einen Namen wie „Jon Schnee“. Schema-Markup teilt Suchmaschinen mit, was diese Daten bedeuten: Ist es der Name des Autors des Beitrags oder eine Figur in einer Fernsehserie? Indem Sie die Struktur dieser Daten klar definieren, können Sie eine repräsentativere „Visitenkarte“ präsentieren.

Darüber hinaus werden Schema-Metadaten unter Ihren Schlagzeilen in den SERPs von Google angezeigt. So wissen Suchende, wie Ihre Inhalte die gesuchten Informationen liefern können. Im obigen Beispiel würde Schema-Markup dabei helfen, treuen Lesern des Schriftstellers Jon Snow zu versichern, dass sie nicht gleich auf einen Popkultur-Artikel klicken werden.

Schemavokabular oder kontextbezogene Datenstrukturen, die in Ihre Seite eingebettet sind, können in mehreren verschiedenen Formaten verwendet werden, einschließlich JSON-LD, Mikrodaten und RDFa. Wir werden später in diesem Beitrag ausführlicher darauf eingehen.

Was sind die Vorteile des Hinzufügens von Schemas für WordPress?

Wenn Sie Schema-Markup-Code zu Ihrer WordPress-Site hinzufügen, erhöhen Sie die Genauigkeit, mit der Suchmaschinen Ihre Site anzeigen. Nehmen Sie das obige Beispiel von Jon Snow – Schema-Markup verhindert, dass Ihre Game of Thrones -Fansite bei der Suche nach neuen Autoren auftaucht.

Auf ähnliche Weise können Sie Schema nutzen, um den Standort Ihrer Organisation anzugeben. Diese Strategie ist besonders hilfreich für stationäre Unternehmen.

Ein weiterer Vorteil des Hinzufügens von Schema-Markup ist die Verbesserung der Wahrscheinlichkeit, dass Ihre Website in einem Rich Snippet oder Google Knowledge Panel erscheint. Dies sind die „schnellen Fakten“, die Suchende sehen, wenn sie Suchmaschinen verwenden, und sie tragen dazu bei, den Website-Traffic zu erhöhen.

Also, was ist Schema in Website-Begriffen? Es ist ein Tool zur Steigerung von Conversions und Seitenaufrufen – und jeder sollte es verwenden.

Schema für SEO

Schemata können oft als ein Element missverstanden werden, das dabei hilft, die Suchmaschinenoptimierung (SEO) Ihrer Website zu verbessern. Obwohl es stimmt, dass Schema optimiert, wie Ihre Website in den SERPs von Google erscheint und wie genau Ihr Inhalt mit dem übereinstimmt, was in die Suchmaschine eingegeben wurde, erhöht es nicht automatisch Ihre Platzierungen.

Wenn Benutzer jedoch relevante kontextbezogene Informationen über Ihre Website deutlicher als andere auf der Seite sehen können, kann dies dazu führen, dass sie Ihre Website besuchen. Sie können Schema-Markup verwenden, um Funktionen wie Bewertungen, Rezensionen und verwandte Unterseiten innerhalb der Suchmaschinenergebnisse anzuzeigen:

Oben sehen wir ein Beispiel der Fandango-App im App Store/iTunes. Es zeigt, wie viele Bewertungen die App erhalten hat, ihre Bewertung, Preis, Kategorie und auf welchen Geräten (iOS) sie unterstützt wird.

Hier ist ein weiteres Beispiel aus einem Bar-BQ-Restaurant, das regelmäßig Veranstaltungen veranstaltet:

Da die Website für Stubb's Bar-BQ itemprop=“event“-Tags verwendet, sehen wir bei der Suche nach „events stubbs“ als erstes Suchergebnis eine schöne Liste mit Veranstaltungen, Daten und Titeln.

Denken Sie daran, dass Websites, die Schema verwenden, von Suchmaschinen zwar nicht bevorzugt behandelt werden, aber möglicherweise mehr Aufmerksamkeit von tatsächlichen Benutzern erhalten. Die zusätzliche Datenstruktur hilft einem Benutzer, leicht zu erkennen, ob die Informationen auf der Seite für das, was er benötigt, relevant sind oder nicht.

Formate des Schemavokabulars

Schema-Vokabular kann verwendet werden, um Daten innerhalb von HTML-Frameworks zu codieren. Um eine bessere Vorstellung davon zu bekommen, wie einige von ihnen funktionieren, gehen wir drei im Detail durch: JSON-LD, RFDa und Mikrodaten.

Um Schema-Vokabularsätze zu standardisieren, kamen Teams von Google, Yahoo und Bing zusammen, um Konsistenz in ihrer Struktur und Terminologie zu schaffen, und starteten Schema.org. Es ist eine wertvolle Ressource und ein Aufbewahrungsort, der diese vereinbarten Sätze von Bedingungen dokumentiert.

Das bedeutet, dass Suchmaschinen es unabhängig davon verstehen, welchen Schematyp oder welches Format Sie zum Generieren Ihres Markups verwenden. Unten sind mehrere Schematypen aufgeführt.

JSON-LD-Schema

Während das Schema-Vokabular in mehreren Formaten unterstützt wird, wird JavaScript Object Notation for Linked Data (JSON-LD) tendenziell am häufigsten verwendet. Tatsächlich empfiehlt Google in seiner Dokumentation ausdrücklich die Verwendung von JSON-LD.

JSON-LD ist eine Möglichkeit, verknüpfte Daten unter ausschließlicher Verwendung von JSON als Skript auf Ihren Webseiten einzubetten. Ein Beispiel für dieses Format finden Sie bei der Suche nach „Rezept für hausgemachten Apfelkuchen“:

Der JSON-LD-Schema-Markup-Typ ermöglicht es, dass alle nützlichen Metadaten – die Bewertung, die Anzahl der Bewertungen, die Kochzeit und die Kalorienzahl – im Suchergebnis erscheinen. Wenn Sie die Funktion "Seitenquelle anzeigen" auf dieser Rezeptseite verwenden, können Sie das JSON-LD sehen, das zum Anzeigen dieser Informationen verwendet wird:

Tags wie @type informieren uns, dass dies ein Rezept ist, und das author -Tag sagt uns, dass es von einem @type erstellt wurde, der eine Organisation namens Land O' Lakes ist. Auch weitere Daten wie Zubereitungszeit, Kalorien, Beitragsbild und Bewertung werden mit Tags versehen.

JSON-LD-Schemageneratoren

Für diejenigen, die mit JSON, JavaScript oder HTML nicht vertraut sind, kann es schwierig sein, zu lernen, wie Snippets mit den Metadaten erstellt werden, die sie anzeigen möchten. Glücklicherweise gibt es Generator-Tools, mit denen Sie die JSON-LD-Schema-Snippets für Ihre Website erstellen können. Nachfolgend finden Sie einige der besten Ressourcen für JSON-LD-Markup:

• Webcode.tools verfügt über ein umfassendes Generator-Tool, mit dem Sie Tags für viele Arten von Webinhalten und Metadatenfeldern hinzufügen können.
• Migrodatagenerator.org verfügt über ein Markup-Generator-Tool, das sowohl für Mikrodaten als auch für das JSON LD-Format funktioniert.
• Hall Analysis hat ein Schritt-für-Schritt-Tool erstellt, das das visuelle JSON-LD-Markup zeigt und wie es sich ändert, wenn Sie weitere Informationen hinzufügen.

JSON-LD-Markup kann die von Suchmaschinen an Ihre potenziellen Website-Besucher und Suchmaschinen-Crawler gelieferten Informationen erheblich verbessern. Diese Ressourcen können das Erstellen beliebiger Rich-Content-Typen erleichtern.

Mikrodaten

Mikrodaten sind eine weitere Möglichkeit, Metadaten innerhalb einer HTML-Seite zu verschachteln. Es kann verwendet werden, um Site-Elementen mehr Kontext zu geben, indem ein einfacheres Tagging- und Rückschlusssystem aus den HTML-Elementen erstellt wird, die bereits auf den Seiten Ihrer Site vorhanden sind.

Das Ziel von Mikrodaten ist es, diese HTML-Elemente maschinenlesbarer zu machen. Sein grundlegender Ansatz besteht darin, den Umfang jedes markierten Elements zu skizzieren, die Eigenschaft innerhalb des Elements zu markieren und dann den Wert anzugeben. Schauen wir uns ein Beispiel für ein einfaches Stück HTML an:

 <p>Mein Lieblingstier ist eine Giraffe.</p>

Dies würde eine einfache neue Textzeile auf einer Webseite mit dem Satz „Mein Lieblingstier ist eine Giraffe“ erzeugen. Um zu demonstrieren, wie Mikrodaten funktionieren, fügen wir ein Attribut hinzu, um den Geltungsbereich zu definieren:

 <div itemscope>
 <p>Mein Lieblingstier ist eine Giraffe.</p>
 </div>

Jetzt wissen wir, dass alles innerhalb des itemscope-Attributs das „Element“ ist, mit dem wir es zu tun haben. Als Nächstes fügen wir ein weiteres Attribut hinzu, um die Eigenschaft des Elements zu markieren:

 <div itemscope>
 <p>Mein Lieblingstier ist a
 <span itemprop="animal">Giraffe</span>.</p>
 </div>

Dieses Beispiel gibt uns eine getaggte Darstellung eines Artikels mit der Eigenschaft Tier , der den Wert Giraffe hat. Beachten Sie außerdem, dass Mikrodatenattribute durch andere HTML-Attribute wie Schriftarten und Links unterbrochen werden können, ohne dass es zu Problemen beim Lesen der Mikrodaten kommt.

Im Hinblick darauf, wie sich Mikrodaten auf Ihre SEO auswirken können, ist es wichtig, sich daran zu erinnern, dass es sich nicht um eine magische Pille handelt, die Ihren Suchmaschinenrang erhöht. Mikrodaten können jedoch dabei helfen, Ihre Inhalte für Suchmaschinen effizienter und effektiver zu definieren, damit sie in relevanteren Suchanfragen erscheinen.

RDFa-Schema

Resource Description Framework in Attributes (RDFa) ist eine Möglichkeit für Webentwickler, die Lücke zwischen dem, was ein Mensch auf einer Webseite sieht, und dem, was ein Browser oder Crawler sieht, zu schließen. Das Framework tut dies, indem es die üblichen HTML-Attribute erweitert, ohne zu beeinflussen, was Benutzer auf der Webseite sehen.

Ein Browser liest Webseiten anhand von Attributen wie Überschrift und Text , während Sie den reichhaltigen Inhalt im Browser als Beitragstitel und Autorennamen anzeigen:

Wenn Sie Ihren Site-Code mit RDFa auszeichnen, geben Sie dem Browser ein tieferes Verständnis Ihrer Inhalte. Sehen wir uns ein Beispiel an, wie RDFa maschinenlesbare Tags zu menschenlesbarem Inhalt hinzufügen kann.

Hier ist ein einfaches Stück HTML, das Blog-Post-Inhalte anzeigt, die auf den menschlichen Konsum ausgerichtet sind:

 <html>
 <Kopf>
 ...
 </head>
 <Körper>
 ...
 <h2>Der Ärger mit Bob</h2>
 <p>Datum: 10.09.2011</p>
 ...
 </body>

Um einer Maschine zu helfen, diese Informationen zu verstehen, können wir mithilfe von RDFa Attribute über die Standard-HTML-Tags <head> und <body> hinaus hinzufügen. Denken Sie daran, dass RDFa vollständige URL-Links verwendet, um HTML zu markieren. Dies verhindert sprachliche Missverständnisse über ein Attribut, da sich jede Person oder Maschine durchklicken und Wissen über das Attribut erlangen kann.

Zurück zu unserem Beispiel. Hier ist es mit hinzugefügten RDFa-Attributen:

 <html>
<Kopf>
...
</head>
<Körper>
<h2 property="http://purl.org/dc/terms/title">Das Problem mit Bob</h2>
<p>Datum: <span
   property="http://purl.org/dc/terms/created">2011-09-10</span></p>
...
</body>

Jetzt können wir sehen, dass der Beitragstitel mit einem Link zum Titel und den erstellten Attributen in einer Bibliothek von RDFa-Begriffen versehen ist. Jeder Browser oder jede Anwendung kann jetzt verstehen, was ein Titel ist und dass The Trouble with Bob der Titel dieses Blogbeitrags ist.

So fügen Sie ein Schema zu WordPress hinzu

Nachdem wir nun untersucht haben, wie Schema-Markup aussieht, fragen Sie sich vielleicht, wie Sie es in Ihre WordPress-Site einbetten können. Es gibt verschiedene Möglichkeiten, wie Sie diese Aufgabe erfüllen können.

Wenn Sie den manuellen Weg gehen möchten, kann Torques Leitfaden für Entwickler Ihnen dabei helfen, Do It Yourself (DIY)-Schema-Markup zu erstellen. Andernfalls können Sie ein WordPress-Plugin verwenden, das es automatisch für Sie einbettet.

Schema-WordPress-Plugins

Die Verwendung eines Plugins zur Konfiguration Ihres Schema-Markups ist wahrscheinlich die einfachste Option für die meisten Benutzer. Es gibt eine Reihe von WordPress-Plugins, mit denen Sie umfangreiche Meta-Tags, Beschreibungen und Formatierungen erstellen können.

Das All-in-One Rich Schema Snippets-Plugin ermöglicht es Benutzern, auszuwählen, worum es auf jeder Seite und jedem Beitrag geht, um ein strukturierteres Suchmaschinen-Erscheinungsbild zu erzielen:

Das Plug-in „Schema App Structured Data“ geht noch einen Schritt weiter und konfiguriert Schema-Einstellungen und -Daten automatisch in Ihrem Namen, einschließlich einiger allgemeiner Einstellungen wie Logo, Adresse und Art des Unternehmens:

Während dies sicherlich leistungsfähiger als viele andere Plugins und viel einfacher ist, als Ihren Code manuell zu markieren, unterstützt die kostenlose Version von Schema App Structured Data nur Snippets für zehn Seiten. Sofern Ihre Website nicht eher klein ist, müssen Sie möglicherweise in die kostenpflichtige Version investieren, um Ihre gesamte Website zu markieren.

Es gibt auch Plugins, die sich auf bestimmte Funktionen konzentrieren, die deiner Website Schema-Markup hinzufügen. Beispielsweise konzentriert sich WP Product Review auf die Erstellung von Rezensionen und Bewertungen und enthält auch Schemata für diese Elemente:

In ähnlicher Weise ermöglicht KK Star Rating Benutzern, Ihre Beiträge zu bewerten, und fügt dann das Schema-Markup hinzu, das erforderlich ist, um diese Informationen auf der Ergebnisseite der Suchmaschine anzuzeigen:

Wenn Sie sich auf Rezepte, Heimwerker- und Bastelanleitungen oder Produktübersichten spezialisiert haben, sollten Sie sich auch Create by Mediavine ansehen. Es enthält @type-Tags wie die, die wir zuvor besprochen haben, für eine Vielzahl verschiedener Inhaltsformen:

Diese Plugins können dabei helfen, Schema-Markup automatisch auf Ihrer WordPress-Website zu platzieren, nachdem einige einfache Konfigurationseinstellungen gespeichert wurden. Dies wird Ihnen helfen, die Vorteile der Verwendung von Schema zu nutzen, ohne stundenlang Zeit und Mühe für die Implementierung aufzuwenden.

Schema manuell hinzufügen

Wenn Sie sich gegen die Verwendung eines Schema-Plugins oder Schema-Designs entschieden haben, ist es möglich, Schema manuell Seite für Seite wie folgt zu Ihrer WordPress-Site hinzuzufügen:

Schritt 1: Benutzerdefinierte Felder aktivieren

Greifen Sie von Ihrem WordPress-Dashboard aus auf die Seite oder den Beitrag zu, zu dem Sie Schema hinzufügen möchten. Klicken Sie als Nächstes auf die drei vertikalen Punkte in der oberen rechten Ecke, scrollen Sie zum Ende der neuen Seitenleiste und klicken Sie auf Optionen . Stellen Sie sicher, dass die Option „ Benutzerdefinierte Felder “ unter „ Erweiterte Bedienfelder “ aktiviert ist. Jetzt können Sie Ihr Schema in WordPress hinzufügen.

Schritt 2: Generieren Sie Ihren Code

Sie können Ihren Schema-Markup-Code über Googles Structured Data Markup Helper erstellen. Geben Sie das Thema Ihrer Webseite und die URL ein und drücken Sie dann Tagging starten .

Auf dem nächsten Bildschirm können Sie Schema-Markup generieren, indem Sie auf verschiedene Elemente klicken. Sie können beispielsweise den Autor des Beitrags markieren und „Autor“ aus dem Dropdown-Menü auswählen.

Wenn Sie fertig sind, klicken Sie oben rechts auf HTML erstellen und kopieren Sie das folgende JSON-LD-Snippet.

Schritt 3: Geben Sie den Code ein

Gehen Sie zurück zu Ihrem WordPress-Beitrag und scrollen Sie nach unten, um den Bereich „ Benutzerdefinierte Felder “ zu finden. Klicken Sie auf Neu eingeben , benennen Sie Ihr Markup und fügen Sie Ihren Code in das Feld Wert ein.

Um diese Änderung zu speichern, klicken Sie unter dem Feld Name auf Benutzerdefiniertes Feld hinzufügen, scrollen Sie dann zum Anfang der Seite und klicken Sie auf Aktualisieren .

Schritt 4: Aktualisieren Sie Ihre Header-Datei

Navigieren Sie in Ihrem Dashboard zu Darstellung > Kopfzeile . Öffnen Sie dann unter Designdateien die Datei header.php . Fügen Sie im sich öffnenden Fenster den folgenden Code vor dem Tag ein:

Drücken Sie auf Datei aktualisieren , aktualisieren Sie die Seite und schon sind Sie fertig!

Schema.org

Schema.org ist ein vereinbarter Satz von Vokabularbegriffen, die zur Beschreibung der Struktur und der Daten von WordPress-Websites verwendet werden. Professionelle Teams von Google, Yahoo und Bing kamen zusammen, um Konsistenz in ihrer Struktur und Terminologie zu schaffen. Unabhängig davon, welches Format Sie zum Generieren Ihres strukturierten Daten-Markups verwenden, wissen Suchmaschinen, was es bedeutet, da in allen eine gemeinsame Sprache verwendet wird. Gehen Sie zu Schema.org , um mehr über das Kernvokabular zu erfahren, das im Schema-Markup verwendet wird.

Schema testen

Nachdem Sie ein Plugin zum Festlegen von Schema-Markup verwendet oder es selbst manuell konfiguriert haben, möchten Sie es vielleicht testen und sicherstellen, dass die Suchergebnisse für Ihre Website wie beabsichtigt angezeigt werden. Glücklicherweise hat Google genau für diesen Zweck das Structured Data Testing Tool entwickelt:

Sie können entweder eine URL eingeben, um vorhandenes Schema-Markup zu testen, oder ein Code-Snippet eingeben, um es zu testen, bevor Sie es auf Ihrer Website verwenden. Wir empfehlen die Verwendung des Code-Snippet-Testers, um sicherzustellen, dass alles wie beabsichtigt ohne Fehler oder Warnungen funktioniert, bevor Sie das Markup auf Ihrer Website einbetten.

WP-Engine und Schema-Markup

Hier bei WP Engine ist unsere Digital Experience Platform genau auf Ihren Erfolg abgestimmt. Unsere Server sind für eine überragende Website-Leistung ausgelegt, um Ihren Benutzern das beste Erlebnis zu bieten und Ihrer SEO einen Schub zu geben. Bereit anzufangen? Entdecken Sie noch heute unsere WP Engine-Pläne!