Strukturierte Daten in den Designprozess integrieren

Suchmaschinenoptimierung (SEO) ist für fast jede Art von Website unerlässlich, aber ihre Feinheiten bleiben eine Spezialität. Noch heute wird SEO oft als etwas angesehen, das man nachträglich anheften kann. Es kann bis zu einem gewissen Punkt sein, aber es sollte wirklich nicht sein. Suchmaschinen werden jeden Tag intelligenter und es gibt Möglichkeiten, auch Websites intelligenter zu machen.

Die Grundlagen von SEO sind die gleichen wie immer: Großartige Inhalte, die klar gekennzeichnet sind, werden sich früher oder später durchsetzen – unabhängig davon, wie viele Leute versuchen, das System auszutricksen. Die Sache ist, dass diese Labels viel raffinierter sind als früher. Meta-Titel, Bild-Alt-Text und Backlinks sind wichtig, aber im Jahr 2020 sind sie auch ziemlich primitiv. Es gibt eine weitere Stufe von Metadaten, die derzeit nur ein Bruchteil der Websites verwendet: strukturierte Daten.

Alle Suchmaschinen haben denselben Zweck: den Inhalt des Webs zu organisieren und die relevantesten und nützlichsten Ergebnisse für Suchanfragen zu liefern. Wie sie dies erreichen, hat sich seit den Tagen von Lycos und Ask Jeeves enorm verändert. Allein Google verwendet mehr als 200 Ranking-Faktoren, und das sind nur die, die uns bekannt sind.

SEO ist heutzutage ein riesiges Feld, und ich sage Ihnen, dass strukturierte Daten ein wirklich, wirklich wichtiger Faktor sind, den es in den kommenden Jahren zu verstehen und umzusetzen gilt. Es verbessert nicht nur Ihre Chancen, bei relevanten Suchanfragen ein hohes Ranking zu erzielen. Noch wichtiger ist, dass es hilft, Ihre Websites zu verbessern – es öffnet sie für alle möglichen nützlichen Web-Erlebnisse.

Empfohlene Lektüre : Wohin gehört SEO in Ihren Webdesign-Prozess?

Was sind strukturierte Daten?

Strukturierte Daten sind eine Möglichkeit, Inhalte auf Webseiten zu kennzeichnen. Durch die Verwendung des Vokabulars von Schema.org wird ein Großteil der Mehrdeutigkeit von SEO beseitigt. Anstatt auf Google, Bing, Baidu und DuckDuckGo zu vertrauen, um herauszufinden, worum es in Ihren Inhalten geht, sagen Sie es ihnen. Es ist der Unterschied zwischen einer Suchmaschine, die errät , worum es auf einer Seite geht, und einem sicheren Wissen .

Wie Schema.org es ausdrückt:

Indem Sie dem HTML Ihrer Webseiten zusätzliche Tags hinzufügen – Tags, die sagen: „Hey Suchmaschine, diese Informationen beschreiben diesen bestimmten Film, diesen Ort, diese Person oder dieses Video“ – können Sie Suchmaschinen und anderen Anwendungen dabei helfen, Ihre Inhalte besser zu verstehen und zeigen Sie es auf nützliche, relevante Weise an.

Schema.org wurde 2011 gestartet, ein gemeinsames Projekt von Google, Microsoft, Yahoo und Yandex. Mit anderen Worten, es ist eine „überparteiliche“ Anstrengung – wenn Sie so wollen. Das Markup geht über eine Suchmaschine hinaus. In Schema.orgs eigenen Worten:

„Ein gemeinsames Vokabular erleichtert es Webmastern und Entwicklern, sich für ein Schema zu entscheiden und den maximalen Nutzen für ihre Bemühungen zu erzielen.“

Es ist in vielerlei Hinsicht ein umfangreicherer Cousin von Mikroformaten (um 2005 eingeführt), die Semantik und strukturierte Daten in HTML einbetten, hauptsächlich zum Nutzen von Suchmaschinen und Aggregatoren. Obwohl Mikroformate derzeit noch unterstützt werden, macht die „offizielle“ Natur der Schema.org-Bibliothek sie zu einer sichereren Wahl für eine lange Lebensdauer.

JSON for Linked Data (JSON-LD) hat sich zum dominierenden zugrunde liegenden Standard für strukturierte Daten entwickelt, obwohl Microdata und RDFa ebenfalls unterstützt werden und denselben Zweck erfüllen. Schema.org bietet Beispiele für jeden Typ, je nachdem, womit Sie sich am wohlsten fühlen.

Nehmen wir als Beispiel an, Joe Bloggs schreibt eine Rezension von Joseph Hellers Roman Catch-22 aus dem Jahr 1961 und veröffentlicht sie in seinem Blog. Leider hat Bloggs einen schlechten Geschmack und gibt ihm zwei von fünf Sternen. Für eine Person, die die Seite betrachtet, würden diese Informationen gedankenlos verstanden werden, aber Computerprogramme müssten mehrere Punkte verbinden, um zu derselben Schlussfolgerung zu gelangen.

Bei strukturierten Daten könnte das folgende Markup zum <head> -Code der Seite hinzugefügt werden. (Dies ist ein JSON-LD-Ansatz. Mikrodaten und RDFa können verwendet werden, um dieselben Informationen in <body> -Inhalte einzubinden):

 <script type="application/ld+json"> { "@context" : "https://schema.org", "@type" : "Book", "name" : "Catch-22", "author" : { "@type" : "Person", "name" : "Joseph Heller" }, "datePublished" : "1961-11-10", "review" : { "@type" : "Review", "author" : { "@type" : "Person", "name" : "Joe Bloggs" }, "reviewRating" : { "@type" : "Rating", "ratingValue" : "2", "worstRating" : "0", "bestRating" : "5" }, "reviewBody" : "A disaster. The worst book I've ever read, and I've read The Da Vinci Code." } } </script>

Damit ist festgeschrieben, dass es sich bei der Seite um Catch-22 handelt, einen Roman von Joseph Heller, der am 10. November 1961 veröffentlicht wurde. Der Rezensent wurde identifiziert, ebenso wie die Parameter des Bewertungssystems. Verschiedene Schemata können kombiniert (oder abgestuft) werden, um verschiedene Dinge zu beschreiben. Durch diese Art von Tagging könnten Sie beispielsweise deutlich machen, dass es sich bei einer Seite um die Veranstaltungsliste für eine Open-Air-Filmvorführung handelt und der fragliche Film The Life Aquatic with Steve Zissou von Wes Anderson ist.

Empfohlene Lektüre : Bessere Forschung, besseres Design, bessere Ergebnisse

Warum spielt es eine Rolle?

Okay, wunderbar. Ich kann meine Website bis ins kleinste Detail beschriften und sie sieht genauso aus, aber was sind die Vorteile? Meiner Meinung nach hat die Einbindung strukturierter Daten in Websites zwei Hauptvorteile:

1. Es erleichtert die Arbeit der Suchmaschinen erheblich.
   Sie können Inhalte genauer indizieren, was wiederum bedeutet, dass sie diese reichhaltiger präsentieren können.
2. Es hilft, Webinhalte gründlicher und nützlicher zu machen.
   Strukturierte Daten geben Ihnen eine „Computerperspektive“ auf Inhalte. Qualitätsinhalt ist fabelhaft. Qualitativ hochwertige Inhalte, die gründlich getaggt sind, sind der Stoff der Träume.

Sie kennen das, wenn Sie schicke Suchergebnisse sehen, die Sternebewertungen enthalten? Das sind strukturierte Daten. Rich Snippets von Filmkritiken? Strukturierte Daten. Wenn eine Auswahl an Rezepten erscheint, Zutaten, Zubereitungszeit und alles? Du hast es erraten. Graben Sie in den Code einer dieser Seiten und Sie werden das Markup irgendwo finden. Suchmaschinen belohnen Websites, die strukturierte Daten verwenden, weil sie ihnen genau sagen, womit sie es zu tun haben.

Es ist auch nicht nur eine Suche, um es klar zu sagen. Das ist ein großer Teil davon, aber es ist nicht die ganze Sache. Bei strukturierten Daten geht es in erster Linie um das Taggen und Organisieren von Inhalten. Reichhaltige Suchergebnisse sind nur eine Möglichkeit, diese Inhalte zu nutzen. Google Dataset Search verwendet beispielsweise Schema.org/Dataset-Markup.

Nachfolgend finden Sie einige Beispiele für nützliche strukturierte Daten:

• Rezepte
• Bewertungen
• Häufig gestellte Fragen
• Sprachabfragen
• Veranstaltungsauflistungen
• Inhaltsaktionen.

Es gibt Tausende mehr. Wie wörtlich. Schema.org hat kürzlich sogar die Veröffentlichung von Markup für Covid-19 beschleunigt. Es ist eine ständig wachsende Bibliothek.

Strukturierte Daten sind in vielerlei Hinsicht ein Zweig des Semantic Web, das ein vollständig maschinenlesbares Internet anstrebt. Es gibt Ihnen eine maschinenlesbare Perspektive auf Webinhalte, die (bei richtiger Implementierung) zu einer umfassenderen Funktionalität für Menschen führt.

Daher würde fast jeder mit einer Website davon profitieren, zu wissen, was strukturierte Daten sind und wie sie funktionieren. Laut W3Techs verwenden nur 29,6 % der Websites JSON-LD und 43,2 % überhaupt keine strukturierten Datenformate. Es besteht natürlich keine Verpflichtung. Nicht jeder kümmert sich um SEO oder Maschinenlesbarkeit. Auf der anderen Seite gibt es für diejenigen, die dies tun, derzeit eine große Chance, konkurrierende Websites zu übertrumpfen.

So wie HTML Sie dazu zwingt, darüber nachzudenken, wie Inhalte organisiert sind, bringen strukturierte Daten Sie dazu, über die Substanz nachzudenken. Es macht Sie gründlicher. Was auch immer Ihre Website ausmacht, wenn Sie die relevante Schemadokumentation durchkämmen, werden Sie mit ziemlicher Sicherheit Details entdecken, an die Sie vorher nicht gedacht haben.

Als Menschen ist es einfach, die Verbindungen zwischen Informationen als selbstverständlich anzusehen. Suchmaschinen und Computerprogramme sind schlau, aber sie sind nicht so schlau. Noch nicht. Strukturierte Daten übersetzen Inhalte in verständliche Begriffe. Dies wiederum ermöglicht es ihnen, reichhaltigere Erfahrungen zu liefern.

Ressourcen und weiterführende Literatur

• „Der Leitfaden für Anfänger zu strukturierten Daten für SEO: Eine zweiteilige Serie“, Bridget Randolph, Moz
• „Was ist Schema-Markup und warum ist es wichtig für SEO“, Chuck Price, Search Engine Journal
• „Was ist Schema? Leitfaden für Anfänger zu strukturierten Daten“, Luke Harsel, SEMrush
• „JSON-LD: Aufbau aussagekräftiger Daten-APIs“, Benjamin Young, Rollout-Blog
• „Verstehen Sie, wie strukturierte Daten funktionieren“, Google-Suche für Entwickler
• „Markieren Sie Ihre Website mit strukturierten Daten“, Bing

Strukturierte Daten in das Website-Design integrieren

Das Einweben strukturierter Daten in eine Website ist nicht so einfach wie beispielsweise das Ändern eines Metatitels. Es ist die Daten-DNA Ihrer Webinhalte. Wenn Sie es richtig umsetzen wollen, dann müssen Sie bereit sein, ins Unkraut zu gehen – zumindest ein bisschen. Im Folgenden finden Sie einige einfache Schritte, die Entwickler unternehmen können, um strukturierte Daten in den Designprozess einzubinden.

Hinweis : Ich persönlich vertrete einen ganzheitlichen Designansatz, bei dem Design und Substanz Hand in Hand gehen. Das Jonglieren einer Reihe von Disziplinen ist im Webdesign nichts Neues, dies ist nur eine weitere, und wenn es gut integriert ist, kann es andere Elemente um sich herum stärken. Betrachten Sie es als eine Verbesserung der Engine Ihrer Website. Das Auto sieht vielleicht nicht so anders aus, aber es fährt sich verdammt viel besser.

Beginnen Sie mit einem Konzept

Ich werde mich als Beispiel verwenden. Seit fünf Jahren rezensieren zwei Freunde und ich als Hobby jede Woche ein Album (wobei von Zeit zu Zeit andere einspringen). Unsere höhnische, unerträgliche Prosa ist derzeit in einer WordPress-Site untergebracht, die – unter meiner wohlmeinenden, aber völlig ignoranten Pflege – zu einem Frankenstein-Monster von Plugins herangewachsen war.

Wir sind dabei, die Website neu zu gestalten, was (unter anderem) dazu geführt hat, dass strukturierte Daten in das Kerndesign aufgenommen wurden. Wie bei jedem anderen Projekt gilt es auch hier zunächst festzulegen, worum es bei Ihren Inhalten geht. Je besser Sie diese Frage beantworten, desto einfacher wird alles Folgende.

In unserem Fall sind dies die wesentlichen:

• Wir überprüfen Musikalben;
• Jede Rezension hat drei Rezensenten, die jeweils eine Zusammenfassung schreiben, indem sie bis zu drei Lieblingstracks auswählen und eine persönliche Punktzahl von zehn zuweisen;
• Diese drei Punkte werden zu einem Endergebnis von 30 Punkten kombiniert;
• Aus den drei Zusammenfassungen wird eine Passage ausgewählt, um all unsere Gedanken „auf einen Blick“ zusammenzufassen.

Einiges davon mag ein bisschen spezifisch oder sogar ein bisschen willkürlich klingen (weil es das ist), aber Sie wären überrascht, wie viel davon mit strukturierten Daten verwoben werden kann.

Unten sehen Sie ein Mockup, wie die überarbeiteten Überprüfungsseiten aussehen werden, und die Informationen, die in Schema-Markup übersetzt werden können:

Es gibt keinen Trick für diesen Prozess. Ich kenne den Inhalt, also weiß ich, wo ich in der Dokumentation nachsehen muss. In diesem Fall gehe ich zu Schema.org/MusicAlbum und werde mit allen möglichen möglichen Eigenschaften konfrontiert, einschließlich:

• albumReleaseType
• byArtist
• genre
• producer
• datePublished
• recordedAt

Es gibt Dutzende; einige exklusiv für MusicAlbum, andere fallen unter das größere Dach von CreativeWork. Wenn ich tiefer in die Dokumentation eintauche, stelle ich fest, dass das Markup eine Verbindung zu MusicBrainz herstellen kann, einer Enzyklopädie für Musikmetadaten. Der gleiche Prozess entfaltet sich, wenn ich zur Review-Dokumentation gehe.

Auf dieser einen einfachen Seite können die folgenden Informationen gesammelt und organisiert werden:

 <script type="application/ld+json"> { "@context": "https://schema.org/", "@type": "Review", "reviewBody": "Whereas My Love is Cool was guilty of trying too hard no such thing can be said of Visions. The riffs roar and the melodies soar, with the band playing beautifully to Ellie Rowsell's strengths.", "datePublished": "October 4, 2017", "author": [{ "@type": "Person", "name": "Andre Dack" }, { "@type": "Person", "name": "Frederick O'Brien" }, { "@type": "Person", "name": "Marcus Lawrence" }], "itemReviewed": { "@type": "MusicAlbum", "@id": "https://musicbrainz.org/release-group/7f231c61-20b2-49d6-ac66-1cacc4cc775f", "byArtist": { "@type": "MusicGroup", "name": "Wolf Alice", "@id": "https://musicbrainz.org/artist/3547f34a-db02-4ab7-b4a0-380e1ef951a9" }, "image": "https://lesoreillescurieuses.files.wordpress.com/2017/10/a1320370042_10.jpg", "albumProductionType": "https://schema.org/StudioAlbum", "albumReleaseType": "https://schema.org/AlbumRelease", "name": "Visions of a Life", "numTracks": "12", "datePublished": "September 29, 2017" }, "reviewRating": { "@type": "Rating", "ratingValue": 27, "worstRating": 0, "bestRating": 30 } } </script>

Und ganz ehrlich, ich darf noch viel mehr hinzufügen. Anfangs fand ich die Dinge, die bereits Teil der Struktur einer Rezensionsseite sind (dh Künstler, Albumname, Gesamtpunktzahl), aber dann tauchten neue Fragen auf. Was könnte klarer sein? Was könnte ich hinzufügen?

Dem sollte natürlich die Frage nach dem Unnötigen gegenüberstehen . Nur weil man etwas kann, heißt das noch lange nicht, dass man es auch sollte. Es gibt so etwas wie „zu viele Informationen“. Trotzdem kann manchmal ein bisschen mehr Detail eine Seite wirklich eine Stufe höher bringen.

Machen Sie sich mit Schema vertraut

Daran führt kein Weg vorbei; Der beste Weg, den Stein ins Rollen zu bringen, ist, sich in die Dokumentation einzuarbeiten. Es gibt Tools, die es für Sie implementieren (mehr dazu weiter unten), aber Sie werden mehr aus dem Markup herausholen, wenn Sie ein gutes Gefühl dafür haben, wie es funktioniert.

Durchsuchen Sie die Schema.org-Dokumentation. Wer auch immer Sie sind und für was auch immer Ihre Website gedacht ist, die Chancen stehen gut, dass es viele relevante Schemas gibt. Die Seite ist sehr gut mit Beispielen, also muss es nicht theoretisch bleiben.

Der Schritt darüber hinaus besteht natürlich darin, reichhaltige Suchergebnisse zu finden, die Sie nachahmen möchten, die Seite zu besuchen und Browser-Entwicklungstools zu verwenden, um zu sehen, was sie tun. Sie sind oft hervorragende Beispiele für Websites, die ihren Inhalt in- und auswendig kennen. Sie können auch Code-Snippets oder URLs in Googles Structured Data Markup Helper einspeisen, der dann das entsprechende Schema generiert.

Die Grundlagen sind eigentlich ganz einfach. Sobald Sie sich damit vertraut gemacht haben, ist es die Breite der Optionen, die Zeit brauchen, um sie zu erkunden und damit herumzuspielen. Sie wollen nicht die Person sein, die am Ende eines Designprozesses ankommt, sich Schema-Optionen ansieht und anfängt, alles zu hinterfragen, was getan wurde.

Stellen Sie die richtigen Fragen

Jetzt, da Sie mit Ihrem reichen Wissen über strukturierte Daten ausgestattet sind, sind Sie besser in der Lage, die Grundlagen für eine starke Website zu legen. Strukturierte Daten fahren eine ziemlich einzigartige Linie. Im engeren Sinne existiert es „unter der Haube“ und dient Computern. Gleichzeitig kann es dem Benutzer reichhaltigere Erfahrungen ermöglichen.

Daher lohnt es sich, strukturierte Daten sowohl aus technischer als auch aus Benutzerperspektive zu betrachten. Wie können strukturierte Daten dazu beitragen, dass meine Website besser verstanden wird? Welche anderen Ressourcen, Online-Datenbanken oder Hardware (z. B. intelligente Lautsprecher) könnten an dem interessiert sein, was Sie tun? Welche Optionen erscheinen in der Dokumentation, die ich nicht berücksichtigt hatte? Möchte ich sie hinzufügen?

Besonders wichtig ist es, wiederkehrende Inhaltstypen zu identifizieren. Man kann mit Sicherheit sagen, dass ein Blog im Laufe der Zeit mit vielen Blog-Posts rechnen kann, sodass die Einbindung strukturierter Daten in Post-Vorlagen die besten Ergebnisse liefert. Das Beispiel, das ich oben gegeben habe, ist an und für sich schön und gut, aber es gibt keinen Grund, warum der Markup-Prozess nicht automatisiert werden kann. Das ist der Plan für uns.

Berücksichtigen Sie auch, wie die Leute Ihre Inhalte finden könnten. Wenn es Möglichkeiten gibt, beispielsweise einen Textausschnitt für die Verwendung in der Sprachsuche hervorzuheben, tun Sie dies. Es ist das, oder überlassen Sie es den Suchmaschinen, es selbst herauszufinden. Niemand kennt Ihre Inhalte besser als Sie selbst, also nutzen Sie dieses Verständnis mit beschreibendem Markup.

Sie müssen nicht raten, wie Inhalte mit strukturierten Daten verstanden werden. Mit Tools wie dem Rich Results Tester von Google können Sie genau sehen, wie es Inhalten Form und Bedeutung verleiht, die andernfalls möglicherweise übersehen worden wären.

Ressourcen und weiterführende Literatur

• „Erste Schritte mit Schema.org unter Verwendung von Mikrodaten“, Schema.org
• „Schema.org Project Repository“, GitHub-Community
• „Structured Data Markup Helper“, Googe Webmasters
• „Fügen Sie strukturierte Daten zu Ihren Webseiten hinzu“, Google Developers Codelabs
• „Rich-Ergebnis-Test“, Google

Qualitätsinhalt verdient Qualitätsauszeichnung

Sie werden keinen größeren Verfechter großartiger Inhalte finden als mich. Die SEO-Branche verliert ihren kollektiven Verstand, wenn Google ein großes Such-Update herausbringt. Die Antwort auf die Hysterie ist immer dieselbe: Machen Sie Qualitätsinhalte. Dazu füge ich hinzu: Markieren Sie es richtig.

Machen Sie sich mit der Dokumentation vertraut und machen Sie sich klar, worum es auf Ihrer Website geht. Jede Information, die Sie markieren, macht es viel einfacher, sie zu indizieren und mit den richtigen Personen zu teilen.

Egal, ob Sie ein Google-Anhänger oder ein DuckDuckGo-Konvertierter sind, der Geist bleibt derselbe. Es geht nicht so sehr um das Ranking, sondern darum, Websites so gut wie möglich zu machen. Durch die Aufnahme strukturierter Daten werden andere Aspekte Ihrer Website verbessert.

Sie müssen der Technik nicht vertrauen, um zu verstehen, worum es in Ihren Inhalten geht – Sie können es erkennen. Von Rezensionen über Rezepte bis hin zur Audiosuche können Entwickler ihren Inhalten eine ganz neue Ebene der Raffinesse hinzufügen.

Das Herz und die Seele der Optimierung einer Website für die Suche haben sich nie geändert: Produzieren Sie großartige Inhalte und machen Sie so klar wie möglich, was es ist und warum es nützlich ist. Strukturierte Daten sind ein weiteres Werkzeug für diesen Zweck, also verwenden Sie es.