Eine Kurzanleitung zum Implementieren von Schema-Markups in WordPress

Sie haben eine Website mit schönem Aussehen und großartigen Funktionen gestartet. Was kommt als nächstes? Machen Sie es SEO-freundlich, um den Inhalt in der Suchmaschine zu platzieren, um organischen Traffic zu erzielen. Es mag wie eine etwas schwierige Aufgabe aussehen, da es viele technische Elemente gibt, die Sie verstehen müssen, obwohl sie nicht leicht zu verdauen sind. Aber wenn Sie es mit der SEO Ihrer Website ernst meinen, müssen Sie alle SEO-relevanten Themen ganzheitlich betrachten. Ein solches Thema ist das Implementieren von Schema-Markups.

Scheme Markup und strukturierte Daten spielen seit Jahren eine gute Rolle in der SEO und es scheint, dass die großen Suchmaschinen wie Google, Bing, Yahoo usw. sie empfehlen. Aber was genau ist ein Schema-Markup und wie wirkt es sich auf den SEO-Prozess Ihrer Website aus? Nachdem Sie diesen Artikel gelesen haben, wissen Sie genau, was es ist, wie es sich auf SEO und Suchmaschinen auswirkt, wie Sie es richtig implementieren, um bessere Rankings zu erhalten.

Was sind strukturierte Daten und Schema-Markup?

Strukturierte Daten sind ein universell verständliches Informationsformat. Sie enthält verschiedene Elemente, die es den Suchmaschinen ermöglichen, leicht zu erkennen, worum es auf der Seite geht.

Während Schema Markup im Grunde ein Code ist, der Ihre Website in die Suchmaschine bringt. Sein Hauptzweck besteht darin, die Suchmaschine für die Benutzer informativer zu machen.

Es kann Ihrer Webseite in Form von Code hinzugefügt werden, um verschiedene Elemente wie Daten, Bilder, Öffnungszeiten und vieles mehr zu definieren.

Vorteile von Schema Markup in SEO

Wenn es um SEO geht, zeigen die im Schema-Markup dargestellten strukturierten Daten die Suchmaschinenergebnisse detaillierter und informativer an. Es macht die Website nicht nur SEO-freundlicher, sondern kann auch reichhaltige Ergebnisse anzeigen, um mehr Besucher auf die Website zu locken.

Verschiedene Arten von Rich-Ergebnissen, die in der Suchmaschine angezeigt werden

Zuvor haben wir die Vorteile von Schema-Markup für die Anzeige von Rich-Ergebnissen in der Suchmaschine besprochen. Hier sind einige der Rich-Ergebnisse, die in der Suchmaschine angezeigt werden, wenn Schema-Markup auf Ihrer Website implementiert ist.

Rich-Snippets

Rich Snippets sind jene Ergebnisse, die zusätzliche Informationen wie Bewertungen, Rezensionen, Bilder und vieles mehr enthalten, während sie in den Suchergebnissen angezeigt werden. Es hilft den Benutzern, mehr über die Seite/den Beitrag zu erfahren, und bietet mehr Chancen, sich durchzuklicken.

Reiche Karten

Rich Cards sind das neue Format zur Anzeige des Ergebnisses in Suchmaschinen. Genau wie Rich Snippets verwenden Rich Cards Schema-Markup, um die Suchergebnisse in einem ansprechenderen und visuell ansprechenderen Format anzuzeigen. Es konzentriert sich auf die Bereitstellung eines besseren mobilen Sucherlebnisses und verfügt über berührungsfreundliche Wischoptionen.

Wissensgraph

Ein Knowledge Graph ist eine Wissensdatenbank, die in Suchmaschinen verwendet wird, um die Informationen noch detaillierter zu machen, indem Bilder, Standort, Kontaktinformationen, Beschreibungen und Profile in sozialen Medien angezeigt werden.

Hervorgehobener Ausschnitt

Featured Snippets sind das Suchmaschinenformat, um Benutzern direkte Antworten auf ihre Fragen zu geben. Sie enthalten keine Zusatzinformationen wie Rich Snippets, sondern geben dem User eine prägnante Antwort, ohne dass er sich durch bestimmte Ergebnisse klicken muss.

Wie kann ich anfangen, Schema-Markup auf meiner Webseite zu implementieren?

Sie können Schema-Markup auf verschiedene Arten implementieren. Hier sind einige von ihnen unten:

Schema mithilfe von Mikrodaten hinzufügen:

Mikrodaten sind eine Reihe von Tags, die mit HTML5 eingeführt werden, um HTML-Elemente auf einfache Weise mit maschinenlesbaren Tags zu versehen. Es ist ziemlich einfach, Markup zu verwenden, das für Anfänger gut zu implementieren ist. Der Nachteil ist jedoch, dass Sie jedes Element einzeln im Hauptteil der Webseite markieren müssen, was unordentlich werden kann.

Aber bevor wir beginnen, müssen Sie herausfinden, welchen Elementtyp Ihre Webseite definiert. Es hilft Ihnen zu bestimmen, welche Art von Tags Sie verwenden müssen.

Hier nehmen wir an, Sie besitzen einen Online-Shop namens HashThemes und seine Homepage könnte so aussehen:

 <div>
<h1>HashThemen</h1>
<h2>Der beste Verkäufer von WordPress-Themes!</h2>
<p>Adresse:</p>
<p>Dhobighat</p>
<p>Lalitpur, Nepal</p>
<p>E-Mail: [email protected]</p>
<p><a href="https://hashthemes.com/wordpress-theme/">Klicken Sie hier, um unsere besten WordPress-Designs anzuzeigen!</a></p>
<p>Wir haben geöffnet: </p>
<p>Mo-Fr 10:00-18:00</p>
</div>

Zunächst müssen Sie die Abschnitte der Webseite identifizieren. Es ist alles zwischen den <div>-Tags. Also fügen wir hinzu

 <div itemscope>

Durch Hinzufügen des item scope-Tags können wir den HTML-Code angeben, der im Block between <div> tags enthalten ist, um auf bestimmte Elemente zu verweisen.

Jetzt verwenden wir das Elementtypattribut, um die Art der Elemente auf Ihrer Seite anzugeben.

 <div itemscope itemtype = "http://schema.org/wordpressthemes">

Gehen Sie nun zur Startseite und markieren Sie den Teil der Webseite, der den Namen Ihrer Website trägt. Hier fügen wir ein Item-Prop-Tag hinzu, das die Eigenschaften von Items kennzeichnet.

 <h1 itemprop="name">HashThemen</h1>

Fahren Sie fort und fügen Sie auch den restlichen Seiten Tags hinzu.

Manchmal müssen Sie möglicherweise nicht die gesamte Zeile markieren, sondern nur einen Teil der Zeile, in der auf die Eigenschaft verwiesen wird, wie in der E-Mail-Adresszeile.

 <h2 itemprop="description">Der beste Verkäufer von WordPress-Themes!</h2>
<p>Adresse:</p>
<span itemprop="address" itemscope itemtype="http://schema.org/PostalAddress">
<p itemprop="streetAddress">Dhobighat</p>
<p itemprop="addressLocality">Lalitpur, Nepal</p></span>
<p>E-Mail: <span itemprop="email">[email protected]</span></p>
<p><a itemprop="store" href="https://hashthemes.com/wordpress-theme/">Klicken Sie hier, um unsere besten WordPress-Designs anzuzeigen!</a></p>
<p>Wir haben geöffnet:</p>
<p itemprop="openingHours">Mo-Fr 10:00-18:00</p>
</div>

Sie können auch den Google Structured Data Markup Helper verwenden, um das Taggen Ihrer Webseiten zu vereinfachen.

Markup mit RDFa hinzufügen

Resource Description Framework in Attributes (RDFa) ist eine Erweiterung von HTML5, die Ihnen dabei helfen soll, die strukturierten Daten zu markieren. Es ist eine W3C-Empfehlung und kann verwendet werden, um mehrere strukturierte Datenvokabulare zu kombinieren, um strukturierte Daten hinzuzufügen, die über Schema.org hinausgehen

Wenn Sie wissen, wie man Mikrodaten-Markup mit Schema.org verwendet, wird RDFa nicht anders sein. Es integriert das vorhandene HTML in den Hauptteil des Inhalts.

Nehmen wir die obige E-Commerce-Site als Beispiel:

 <div>
<h1>HashThemes</h1>
<h2>Der beste Verkäufer von WordPress-Themes!</h2>
<p>Adresse:</p>
<p>Dhobighat</p>
<p>Lalitpur, Nepal</p>
<p>E-Mail: [email protected]</p>
<p><a href="https://hashthemes.com/wordpress-theme/">Klicken Sie hier, um unsere besten WordPress-Designs anzuzeigen!</a></p>
<p>Wir haben geöffnet: </p>
<p>Mo-Fr 10:00-18:00</p>
</div>

Hier geben wir das Tag-Vocab zusammen mit der URL http://schema.org/ an. Der Seitentyp wird durch den Typ des Tags definiert.

 <div vocab="http://schema.org/" typeof="store">

Wir haben den Suchmaschinen nun mitgeteilt, worum es auf der Seite geht. Jetzt ist es an der Zeit, die Eigenschaften mithilfe von Eigenschaftsattributen zu definieren.

 <h1 property="name">HashThemes</h1>

Der Typ des Attributs kann auch verwendet werden, um die Eigenschaft weiter zu definieren, wie um die PostalAddress zu definieren.

 <div property="address" typeof="PostalAddress">

Der Typ des Attributs entspricht dem Artikeltyp in Mikrodaten, während die Eigenschaft dem Artikelpropattribut entspricht.

 <h2 property="description">Der beste Verkäufer von WordPress-Themes!</h2>
<p>Adresse:</p>
<div property="address" typeof="PostalAddress">
<p property="streetAddress">Dhobighat</p>
<p property="addressLocality">Lalitpur, Nepal</p>
</div>
<p>E-Mail: <span property="email">[email protected]</span></p>
<p><a property="store" href="https://hashthemes.com/wordpress-theme/">Klicken Sie hier, um unsere besten WordPress-Designs anzuzeigen!</a></p>
<p>Wir haben geöffnet:</p>
<p property="openingHours">Mo-Fr 10:00-18:00</p>
</div>

Markup-Webseite mit JSON-LD

JavaScript Object Notation for Linked Data (JSON-LD) ist eine Kodierung von verknüpften Daten mit JSON. Es ist eine W3C-Empfehlung und wurde 2013 als empfohlenes Format für Schema.org hinzugefügt.

Der Hauptvorteil der Verwendung von JSON-LD für Schema-Markup besteht darin, dass es die relevantesten Codes auf den Seitenkopf beschränkt und das zusätzliche Tag aus dem Hauptteil Ihres Inhalts heraushält. Dadurch werden die Codes sauberer und leichter lesbar.

Die JSON – LD-Notation ist in einem Skriptblock enthalten. Um den Prozess zu starten, geben wir also die Skriptzeile ein, um zu zeigen, dass wir das JSON-LD-Format verwenden:

 <script type="application/ld+json">

Der JSON-LD-Code sollte auch in geschweiften Klammern (geschweiften Klammern) enthalten sein, sonst wird er nicht auf die Seite angewendet oder von Suchmaschinen geparst. Dies wird in Javascript als Objektstruktur bezeichnet. Die Gliederung des Codes sieht also so aus:

 <script type="application/ld+json">
Code geht hier
</script>

Jetzt müssen Sie den Kontext verwenden, der durch das Vokabular für die mit Schema.org verknüpften Daten definiert ist.

Außerdem sollte für jede Zeile des Codes ein Komma stehen.

 "@context": "http://schema.org",

Für andere Arten von schema.org-Formaten müssen Sie die Art des Inhalts definieren, den Sie markieren möchten. Dies entspricht dem Bildtypattribut von Mikrodaten und dem Attributtyp von RDFa.

Wir werden die einfache Website, die wir oben erwähnt haben, als Beispiel verwenden:

 "@type": "Speichern",

Nun definieren wir den Namen des Stores und seine Beschreibung. Wenn Sie Mikrodaten oder RDFa verwenden, um diese Elemente zu definieren, sollten sie auf der Homepage der Website selbst präsentiert werden. Aber im Fall von JSON-LD können Sie die Elemente definieren, ohne auf der Seite vorhanden sein zu müssen.

 "name": "HashThemes",
"description": "Der beste Verkäufer von WordPress-Themes!",

Jetzt ist es Zeit, die Adresse zu definieren. Eine Adresse wird eine zusätzliche, noch genauere Eigenschaft wie Straße und Ort haben. Also setzen wir sie in eine geschweifte Klammer.

 "die Anschrift": {
"@type": "Postanschrift",
"addressLocality": "Lalitpur, Nepal",
"streetAddress": "Dhobighat",
},

Jetzt werden wir die Öffnungszeiten des Ladens platzieren. Wir behalten die Öffnungszeiten im Array bei und geben die Tage in Zwei-Buchstaben-Kombinationen an. Außerdem sollte die Zeit eine 24-Stunden-Uhr sein.

 "Öffnungszeiten": [
"Mo-Fr 10:00-18:00"
],

Schließlich fügen wir eine E-Mail-Adresse und die Design-URL hinzu. Beide sind recht unkompliziert.

 "email": "[email protected]"
"store": "https://hashthemes.com/wordpress-theme/"
Und am Ende sieht unser Markup so aus:
<script type="application/ld+json">
{
"@context": "http://schema.org",
"@type": "Speichern",
"name": "HashThemes",
"description": "Der beste Verkäufer von WordPress-Themes!",
"die Anschrift": {
"@type": "Postanschrift",
"addressLocality": "Lalitpur, Nepal",
"streetAddress": "Dhobighat",
},
"Öffnungszeiten": [
"Mo-Fr 10:00-18:00"
],
"email": "[email protected]"
"store": "https://hashthemes.com/wordpress-theme/"
}
</script>

Sie können das Testtool für strukturierte Daten von Google verwenden, um die Syntax auf Fehler zu überprüfen.

Wie implementiere ich Schema-Markups auf deiner WordPress-Website?

Die Implementierung von Schema Markup kann auf verschiedene Arten erfolgen. Sie können ihnen folgen, um Ihre Website SEO-freundlich zu gestalten und das Ranking Ihrer Inhalte in der Suchmaschine zu verbessern. Hier sind einige davon:

Auswahl eines WordPress-Themes mit integrierter Integration mit Schema-Markup:

Wie Sie wissen, ist WordPress die beliebteste Plattform, die aus einer Vielzahl von Vorlagen besteht, um im Handumdrehen attraktive Websites zu erstellen. Es gibt jedoch nur wenige Themen, die mit Schema-Markup-Codes integriert sind. Wenn Sie sich also für ein WordPress-Theme entscheiden, um Ihre Webpräsenz zu starten oder Ihrer bestehenden Website ein neues Gesicht zu geben, prüfen Sie unbedingt, ob das Thema mindestens gängige Schema-Funktionen enthält. Das allgemeine Schema umfasst die Kopf-, Fußzeile und Navigationsoptionen, damit die Suchmaschinen die Struktur Ihrer Website verstehen können.

Markieren anderer Schemadaten mit WordPress-Plugins

Wie oben erwähnt, fällt es Ihnen möglicherweise schwer, ein WordPress-Theme mit vollständiger Integration mit Schema MarkUp-Codes zu finden. Alternativ können Sie also die verfügbaren WordPress-Plugins auswählen, um die Schema-Funktion auf Ihrer Website hinzuzufügen. Yoast SEO und Schema Pro sind die wenigen Plugins, die Ihnen helfen, das Schema MarkUp auf Ihrer Website zu implementieren.

Dinge, die Sie beim Implementieren von Schema-Markups beachten sollten

Nachdem Sie nun wissen, wie Sie das Schema-Markup auf Ihrer WordPress-Website implementieren können, sind hier einige Dinge, die Sie bei der Implementierung des Schema-Markups beachten sollten:

Das Integrieren von Schema-Markup garantiert möglicherweise kein gutes Ranking

Schema Markup allein garantiert noch kein gutes Ranking Ihrer Webinhalte. Es gibt viele andere Faktoren wie Inhaltsautorität, Inhaltsqualität, Keyword-Analyse, Relevanz usw., die das Ranking beeinflussen. Denken Sie also daran, dass Schema-Markup nur einer der Faktoren ist, die Ihnen helfen können, das Ranking Ihrer Inhalte zu verbessern.

Schema-Markup braucht Zeit, um wirksam zu werden

Wenn Sie sich fragen, dass Schema Markup dann sofort wirksam wird, liegen Sie falsch. Es wird Monate dauern, bis das Rich Snippet in den Suchergebnissen angezeigt wird.

Überprüfen Sie das vom WordPress-Design bereitgestellte Schema-Markup und verwenden Sie das Plugin, um die Funktionalität entsprechend zu verbessern

Die meisten WordPress-Designs verwenden nur allgemeine Schemata wie Kopf- und Fußzeilen sowie Navigation. Möglicherweise gibt es einige Vorlagen mit anderen Schema-bezogenen Implementierungsfunktionen. Sie können zum Testtool für strukturierte Daten von Google gehen, um die Schemaimplementierung Ihrer Website zu analysieren und das Plugin entsprechend auszuwählen.