So verwenden Sie Schema.org Markup auf Ihrer Website und warum Sie dies tun sollten

So verwenden Sie Schema.org Markup auf Ihrer Website und warum Sie dies tun sollten / Programmierung

Suchmaschinen sind erstaunlich leistungsstark. 7 Google-Suchalternativen und ihre Markenzeichen. 7 Google-Suchalternativen und ihre Markenzeichen. Sind Sie ein eingefleischter Google-Nutzer? Probieren Sie diese alternativen Suchmaschinen aus. Von der Privatsphäre bis zur Unterstützung gemeinnütziger Anlässe können diese Suchmaschinen Ihnen einige Gründe geben, um die Art und Weise, wie Sie surfen, zu ändern. Weiterlesen . Sie können die oft unklare Sprache interpretieren, die wir verwenden, um herauszufinden, wonach wir suchen, die beste Ressource für die Beantwortung unserer Fragen bestimmen und uns diese in Sekundenbruchteilen zeigen.

Google kann sogar Fragen auf der Suchergebnisseite beantworten und macht das Klicken auf alles überflüssig. Es personalisiert sogar die Suchergebnisse. So deaktivieren Sie die Personalisierung von Google-Suchergebnissen. Deaktivieren Sie die Personalisierung von Google-Suchergebnissen. Weitere Informationen. Und das hilft den Leuten, die gewünschten Informationen schneller zu finden.

Aber Suchmaschinen können dies nicht alleine tun - sie benötigen Hilfe von Websitebesitzern und -entwicklern. Mit Schema-Markup können Sie auf Ihrer eigenen Site helfen.

Was ist Schema-Markup??

Schema-Markup ist eine Möglichkeit, bestimmte strukturierte Daten hervorzuheben.

Was sind strukturierte Daten? Es ist Informationen, die organisiert und markiert sind so kann es von maschinen besser verstanden werden. Kurz, Schema-Markup sind Informationen, die Suchmaschinen dabei helfen, bestimmte Arten von Informationen auf Ihrer Webseite zu finden. Es ist am einfachsten, sich ein Beispiel anzusehen.

Google hat ein eigenes interaktives Beispiel für ein Schema-Markup, das ein Rezept für Apfelkuchen enthält:

Oben sehen Sie das JavaScript, das die Vorbereitungszeit, Gesamtzeit, Rezeptertrag und verschiedene Nährwerte für das Rezept definiert.

An dieser Stelle sei darauf hingewiesen, dass die strukturierten Daten hauptsächlich auf zwei Arten markiert werden können: mit JSON What Is JSON? Überblick über Laien Was ist JSON? Überblick über Laien Egal, ob Sie ein Webentwickler sind oder nicht, es ist eine gute Idee, zumindest zu wissen, was JSON ist, warum es wichtig ist und warum es überall im Web verwendet wird. Lesen Sie mehr oder mit Inline-HTML-Tags. Google empfiehlt die JSON-Methode, aber wir werden beide später besprechen.

So holt Google die spezifischen Ernährungsinformationen heraus:

Schema.org bietet Tausende von verschiedenen Markup-Typen, mit denen Sie die Informationen auf Ihrer Seite besser in Suchmaschinen anzeigen können. Der TechArticle-Typ enthält unter anderem die folgenden Attribute:

  • Fertigkeitsniveau
  • Wortzahl
  • Publikum
  • Schöpfer
  • Datum erstellt
  • Datum geändert
  • Veröffentlichungsdatum
  • Veröffentlichungsgrundsätze
  • TypicalAgeRange

Es gibt ein vollständiges Schema für Bibliotheken, Beherbergungsbetriebe, Wohnungen, Veranstaltungen für bildende Kunst, Übertragungskanäle, Bereitstellungsmethoden, Status von Spieleservern und mehr.

Die Idee ist, sicherzustellen, dass Suchmaschinen wissen, was jede Information auf Ihrer Seite tatsächlich darstellt, damit diese Informationen Personen angezeigt werden können, die sie suchen.

Die Vorteile von Schema Markup

OK. Schemamarkierungen sagen Suchmaschinen, was auf Ihrer Seite ist - was die große Sache ist?

Google sagt es so:

“Wenn Informationen stark strukturiert und vorhersagbar sind, können Suchmaschinen sie einfacher organisieren und auf kreative Weise anzeigen.”

Beispielsweise werden Tourdaten für die kommende Slayer-Tour direkt in den Suchergebnissen angezeigt:

Oder erhalten Sie spezifische Informationen zu einem Film, wenn Sie danach suchen:

Google wird immer besser, wenn es darum geht, diese Informationen selbst zu finden. Die korrekte Verwendung von Schema-Markup erleichtert jedoch den Prozess und macht es wahrscheinlicher, dass die Informationen auf Ihrer Seite angezeigt werden.

Und wenn Suchmaschinen genau wissen, was auf Ihrer Seite ist, können sie es Personen zeigen, die es direkt in den Suchergebnissen suchen. Und das ist gut für alle.

Erste Schritte mit strukturierten Daten

Nachdem Sie die Vorteile der Verwendung von Schema.org-Markup erkannt haben, ist es an der Zeit, mit dem Tauchen zu beginnen. Wir beginnen mit dem einfachsten Tool: Google Data Highlighter.

Ihre Site muss mit der Google Search Console (früher als Webmaster-Tools bezeichnet) verbunden sein. Mit Webmaster-Tools tiefere Einblicke in Ihre Website erhalten Die Webmaster von Google könnten die Art und Weise ändern, in der Sie Ihre Themenrecherche durchführen. Die Generierung von Inhalten im Web erfordert Kreativität und Nutzerfokus sowie zahlreiche Keyword-Recherchen. Weitere Informationen Wenn Sie Hilfe bei der Einrichtung benötigen, lesen Sie die nützliche Anleitung von Yoast.

Melden Sie sich danach bei Search Console an und klicken Sie auf Suche Aussehen> Data Highlighter. Schlagen Sie die Starten Sie die Hervorhebung auf der rechten Seite des Bildschirms.

Als Nächstes müssen Sie die URL einer Seite eingeben, die Sie mit einem Tag versehen möchten, und den Markup-Typ auswählen. In diesem speziellen Fall verwenden wir den Auszeichnungstyp "Artikel".

Da ich einen Artikel auf einer Website hervorhebt, auf dem viele Artikel veröffentlicht werden, werde ich weiterarbeiten Markieren Sie diese Seite und andere mögen es geprüft.

Nun sehen Sie einen geteilten Bildschirm: Ihre Seite links und verfügbare Markup-Felder rechts.

Es ist wirklich einfach von hier. Beginnen Sie einfach mit der Hervorhebung! Wenn Sie Text markieren (oder auf ein Bild klicken), wird ein kleines Menü angezeigt, in dem Sie die Art der hervorgehobenen Informationen auswählen können.

Hier habe ich den Titel der Seite hervorgehoben. Ich muss nur noch klicken “Titel” im menü.

Jetzt wird der Titel im rechten Bereich angezeigt.

Ich mache weiter mit dem Autor, dem Veröffentlichungsdatum, dem Hauptbild und der Kategorie (ich habe die Tags oben im Artikel hervorgehoben und alle drei wurden als Kategorien importiert).

Und wir sind fertig! Das ist alles dazu.

Wenn du schlägst Erledigt, Data Highlighter hilft Ihnen, diese Markierung auf anderen ähnlichen Seiten Ihrer Website anzuwenden.

Weitere Details hinzufügen

Mit Data Highlighter können Sie nur die Oberfläche strukturierter Daten markieren. Wie Sie oben gesehen haben, konnte ich diesem Artikel nur eine Handvoll Attribute hinzufügen. Der Artikeltyp von Schema.org enthält viele weitere Attribute, die festgelegt werden können.

Was tun wir, wenn wir dem Schema-Markup mehr Details hinzufügen möchten?

Sie müssen an dieser Stelle in den Code eintauchen. Wie ich bereits erwähnt habe, gibt es zwei Möglichkeiten, die strukturierten Daten darzustellen: mit JSON und mit Inline-HTML-Tags. Die HTML-Tags 17 Einfache HTML-Code-Beispiele, die Sie in 10 Minuten lernen können 17 Einfache HTML-Code-Beispiele, die Sie in 10 Minuten lernen können Wenn Sie die folgenden 17 HTML-Tags (und die dazugehörigen zusätzlichen Tags) kennen, können Sie dies Um eine grundlegende Webseite von Grund auf zu erstellen oder den von einer App wie… Lesen Sie mehr erstellten Code zu optimieren, sind Sie ein bisschen intuitiver.

Inline Schema.org HTML Markup

Als Beispiel markieren wir einen einfachen Satz: “Ich wohne in Denver.” In HTML wird das einfach so dargestellt:

Ich wohne in Denver.

Um das Markup zu starten, müssen Sie angeben, dass es sich bei diesem bestimmten Satz um eine Person handelt (angezeigt durch den Elementtyp "Person"). So machen wir das:

Ich wohne in Denver.

Nun weiß eine Suchmaschine, dass alles darin enthalten ist

Tag hat mit einer Person zu tun.

Als Nächstes fügen wir ein Markup-Attribut hinzu: homeLocation. Schema.org definiert homeLocation als “Ein Kontaktort für den Wohnsitz einer Person.”

Wir müssen dieses spezifische Attribut dem HTML-Code hinzufügen. So machen wir das:

Ich wohne in Denver.

Jetzt “Denver” wird als identifiziert homeLocation Eigentum, und Google weiß, dass die in diesem Absatz genannte Person dort lebt.

Wenn wir den Satz in ändern “Ich lebe und arbeite in Denver,” das können wir auch zeigen:

Ich lebe und arbeite in Denver.

Denver wird jetzt als beides identifiziert homeLocation und Arbeitsplatz. (Vielen Dank an Lloyd Bank und unor bei Stack Exchange für dieses Beispiel.)

Dies ist ein ziemlich einfacher Fall von Schema-Markup, aber Sie haben die Idee. Durch die Nutzung

und Tags können Sie Attribute und Eigenschaften zu allem auf Ihrer Seite hinzufügen.

Schema.org-Markup mit JSON

Google empfiehlt die Verwendung von JSON-LD (JavaScript-Objektnotation für verknüpfte Daten) für die Schemamarkierung. Der größte Vorteil dieser Methode besteht darin, dass Ihr HTML-Code viel sauberer bleibt. Wenn Sie zurückgehen, um eine Seite zu bearbeiten, und Sie Dutzende von Codeseiten mit Markup sehen, werden Sie nicht glücklich sein.

Für das JSON-Markup ist noch viel Speicherplatz erforderlich. Es ist jedoch von Ihrem HTML-Code getrennt, sodass es einfacher zu verwalten ist.

Nehmen wir an, Sie haben eine Buchhandlung namens Harker's und Sie haben die folgenden Informationen auf Ihrer Kontaktseite hinzugefügt:

Telefonnummer: 555-8710 Adresse: 749 Stoker St., Boulder, Colorado Öffnungszeiten: 10-9 Montag bis Freitag, 11-8 Samstag, 12-5 Sonntag

So würden Sie das mit JSON-LD darstellen:

Dies geht in die Kopfzeile Ihrer Seite. Wie Sie sehen, wird dies viel Platz beanspruchen, da dieser Inhalt höchstwahrscheinlich auch auf Ihrer Seite in HTML angezeigt wird. Alles, was Sie markieren möchten, wird also zweimal geschrieben.

Trotz dieser Duplizierung ist die JSON-Methode jedoch häufig vorzuziehen, da sie das Schemamarkup und Ihren HTML-Code voneinander trennt. Viele HTML-bewährte Vorgehensweisen 9 Fehler, die Sie beim Erstellen einer Website nicht machen sollten Page 9 Fehler, die Sie beim Erstellen einer Webseite nicht machen sollten Diese folgenden HTML-Codierungsfehler sind leicht zu begehen Die Seite wird besser aussehen, einfacher zu warten und funktioniert so, wie Sie es möchten. Mehr lesen erscheint ein wenig seltsam, bis Sie feststellen, dass Websites einfacher zu warten sind. Das ist das gleiche.

Hinzufügen von Schema-Markup zu Ihrer Site

Nachdem Sie verschiedene Möglichkeiten zum Hinzufügen strukturierter Datennotation zu Ihrer Site gesehen haben, können Sie loslegen! Es ist eine gute Idee, mit dem Data Highlighter zu beginnen und von dort fortzufahren. Die Dokumentation zu Schema.org ist die ultimative Ressource, die jedoch etwas schwierig zu durchschauen ist.

Egal, ob Sie sich für die Grundlagen entscheiden oder mit dem Markieren beginnen möchten, jetzt haben Sie die Ressourcen, die Sie benötigen, um loszulegen!

Haben Sie Schema.org-Markup auf Ihrer eigenen Website verwendet? Haben Sie Tipps für Websitebesitzer oder Entwickler, die mit dem Start beginnen möchten? Teilen Sie Ihre Gedanken in den Kommentaren unten mit!

Bildnachweis: iinspiration über Shutterstock.com

.