Der Einfluss des Open-Graph-Protokolls auf SEO
Wenn wir eine Strategie zur Suchmaschinenoptimierung zusammenstellen, sollten wir die sozialen Netzwerke nicht vergessen. Wir muessen uns um Titles, Beschreibungen und Bilder kuemmern, da das die einzigen Elemente sind, die der Nutzer sieht und die ihn entscheiden lassen, ob er klickt oder nicht.
Weisst du, wie Nutzer deine Webseite sehen, wenn sie sie auf ihren sozialen Profilen teilen? Bedenke, dass je besser dein Inhalt aussieht und je attraktiver er ist, desto viraler wird er, und damit umso groesser die Auswirkungen auf deine Webseite, was auch hilft, deine SEO-Ergebnisse zu verbessern.
Wir erzaehlen dir alles darueber!
Was sind Open-Graph-Tags?
Die Meta-Tags oder das Open-Graph-Protokoll wurden von Facebook erstellt und ermoeglichen es jeder Webseite, in einem angereicherten Format in sozialen Netzwerken angezeigt zu werden. Diese HTML-Tags sind dafuer zustaendig, den Inhalt (Titel, Beschreibung, Seitenbild usw.) einer Seite anzuzeigen, die in sozialen Netzwerken geteilt wird. Wenn diese Tags nicht existieren oder nicht spezifiziert sind, werden Informationen zufaellig angezeigt, ein zufaelliges Foto, ein nicht beschreibender Titel oder eine nicht beschreibende Beschreibung wird ausgewaehlt...
Wofuer dienen sie?
Diese Tags sind als Social Tags bekannt und sehr wichtig, um in jedem einzelnen sozialen Netzwerk Positionierung zu erreichen. Je nach sozialem Netzwerk ist es einfacher oder schwieriger, aber Positionierung in sozialen Netzwerken existiert, sie ist real.
Das Open-Graph-Protokoll wurde anfangs auf Facebook verwendet und wird derzeit auch auf LinkedIn anerkannt. Andererseits sind die Tags von Twitter exklusiv fuer dieses soziale Netzwerk.
Die Tags sind die folgenden:
og:title:
Der "Title" ist dafuer zustaendig, der Suchmaschine mitzuteilen, worum es auf der Seite geht. Daher muss er klar, praezise und auf jeder Seite einzigartig sein. Seine maximale Laenge betraegt 67 Zeichen.
Beispiel:
<meta property="og:title" content="Was sind Open-Graph-Tags?"/>
og:description
Die "Meta Description" wird diejenige sein, die ausfuehrlicher beschreibt und ueber die Seite informiert. Sie sollte 155 Zeichen nicht ueberschreiten und kann eine Phrase oder einen CTA enthalten, der den Nutzer ermutigt, auf das Ergebnis zu klicken. Sie sollte auch fuer jede Seite einzigartig sein.
Beispiel:
<meta property="og:description" content="Weisst du, wie Nutzer deine Webseite sehen, wenn sie sie auf ihren sozialen Profilen teilen? Open-Graph-Tags werden dafuer zustaendig sein, alle Informationen anzuzeigen."/>
og:url:
Die URL einer Webseite wird angezeigt, und sie kann verkuerzt dargestellt werden. Versuche, dieses Tag mit einer URL so sauber wie moeglich und auf jeder Seite einzigartig zu verwenden.
Beispiel:
<meta property="og:url" content="/blog/open-graph" />
og:image
Du musst eine Bild-URL spezifizieren, damit sie auf jeder Seite angezeigt werden kann. Das ist sicherlich eines der am meisten uebersehenen und eines der wichtigsten. Google Discover, Google News, Facebook, Twitter, LinkedIn... alle werden dieses Bild als Koeder fuer den Nutzer aufnehmen, und wenn es von guter Qualitaet ist, kannst du Tonnen von Besuchen erhalten. Andernfalls, wenn du das Feld leer laesst, kann das Foto des Autors angezeigt werden, ein leeres Feld... Du waehlst, was besser ist! ;)
Beispiel:
<meta property="og:image" content="/blog/images/open-graph.jpg" />
og:video
Falls du ein Video auf der Seite hast, musst du es mit diesem Tag spezifizieren, das die Interpretation erleichtert.
<meta property="og:video" content="http://example.com/bond/trailer.swf" />
og:type
Dieses Tag gibt an, woraus dein Inhalt besteht. Ob es ein Artikel, ein Video, ein Blog-Beitrag ist... Je nach Typ kannst du verschiedene Eigenschaften zuweisen.
Beispiel:
<meta property="og:type" content="article" />
og:site_name
Damit kannst du deine Webseite spezifizieren, sodass deine Marke angezeigt wird.
<meta property="og:site_name" content="SEO Alive" />
Arten von Social-Meta-Tags, die existieren
Derzeit werden die von Facebook erstellten Tags in den uebrigen sozialen Netzwerken wie LinkedIn verwendet. Twitter verwendet das, was als Twitter Cards bekannt ist. Mit diesen Tags hast du drei Optionen:
-
"Photo" fuer Bilder
-
"Player" fuer Videos und
-
"Summary" fuer alles andere.
In diesem Fall werden, wie bei Open-Graph-Karten, wenn es nicht optimiert ist, Standard- und nicht optimierte Inhalte angezeigt.
Tools zum Testen von Tags
Zu analysieren, wie Seiten aussehen, wenn ein Nutzer sie in sozialen Netzwerken teilt, wird entscheidend sein, wenn wir wollen, dass alles korrekt funktioniert.
Twitter Card Validator
Das Validierungstool von Twitter ist Twitter Card Validator. Bevor du etwas veroeffentlichst, wenn du sicherstellen willst, dass alles korrekt angezeigt wird, zoegere nicht, die URL einzugeben, die du teilen willst. Es ist auch sehr nuetzlich, wenn du das Bild einer Seite aktualisiert hast und der Feed immer noch das alte zeigt. Eine erneute Analyse wirkt wie eine "Cache-Bereinigung".
Facebook Debugger
Das Debugging-Tool von Facebook ist als Facebook Debugger bekannt. Damit kannst du sehen, welche Informationen verwendet werden und wie es aussieht, wenn eine Seite deiner Webseite geteilt wird. Ausserdem wird, falls eines der Felder fehlerhaft ist oder fehlt, eine Warnung erscheinen.
Google Structured Data Testing Tool
Google stellt uns auch das Tool zum Testen strukturierter Daten zur Verfuegung, das Google Structured Data Testing Tool genannt wird. Es ist sehr nuetzlich zu pruefen, welche Art von Markup Google von einer Seite aufnimmt. Das Markup wird von Suchmaschinen erkannt, was hilft, eine Webseite "semantisch" zu machen, indem Schema-Microdata spezifisch fuer jeden Fall eingefuehrt werden.
Rich Pins Validator
Pinterest konnte nicht zurueckbleiben und bringt seinen Pin-Validator, auch bekannt als Rich Pins Validator. Er funktioniert genau wie der Twitter-Validator: Ein Genehmigungsverfahren ist erforderlich, um die Rich-Pin-Funktionalitaet zu erhalten und gleichzeitig die Datenauszeichnung zu pruefen.
Wie optimiert man diese Tags in WordPress?
Wie du vielleicht weisst, ist einer der grossen Vorteile, die uns WordPress bietet, seine Flexibilitaet und seine riesige Community. Infolgedessen dauern Prozesse wie das Einfuehren von Open-Graph-Tags in unsere Seiten und Artikel dank Plugins nur Sekunden.
Es gibt viele Wege, das zu erreichen. In unserem Fall glauben wir, dass der einfachste Weg ist, es ueber das SEO-Plugin Rank Math zu tun.
Empfohlener Artikel > Ausfuehrliches SEO-Tutorial zu Rank Math
Alles, was du tun musst, ist, in den SEO-Bereich der betreffenden Seite oder des Artikels zu gehen, auf den Tab "Social" zu klicken, und dort sehen wir die Option zur Konfiguration des Bildes. In vielen Faellen, wenn wir ein Beitragsbild hochgeladen haben, wird es direkt aufgenommen.
Tipps und Verbesserungen
Im Folgenden kannst du einige Tipps sehen, die auf Erfahrung basieren und uns sehr gute Ergebnisse gebracht haben.
Bilder optimieren
Waehle qualitativ hochwertige Bilder. Du musst jedes Bild perfekt waehlen, weil es deinen Inhalt repraesentieren wird. Ausserdem wird es das Bild sein, das erscheint, wenn der Nutzer den Inhalt teilt.
Jede Plattform hat bestimmte Standards; das Beste ist, ein grosses Bild zu waehlen, das in jedes soziale Netzwerk passen kann.
Visuelle Inhalte sind die attraktivsten in sozialen Netzwerken, und wenn es dir gelingt, viral zu gehen, erhaeltst du mehr Besuche auf deiner Webseite. Du weisst, investiere Zeit in die Auswahl des perfekten Bildes, um Likes, Shares und Kommentare zu bekommen.
-
Twitter: 120x120px fuer das kleine und 4096x4096px fuer das grosse
-
Facebook: das kleinste mit 200px und das groesste mit 1200px
Verwende immer Open Graph
Da es ein bereits gut bekanntes Format ist, koennen mehr Plattformen es verwenden. Es wird empfohlen, Code-Vorlagen zum Einfuegen von Social Tags zu verwenden; du kannst alle Informationen im folgenden Leitfaden konsultieren.
Empfohlener Leitfaden -> Meta-Tags im SEO
Testen und experimentieren
Teste immer und ueberpruefe in den Validatoren, dass die Ergebnisse deiner Webseite in sozialen Netzwerken korrekt angezeigt werden.
Fazit
Es sind kleine Details, die deine Marke in den Augen der Nutzer grossartig aussehen lassen. Bedenke, dass diese Tags wesentlich sind, um deine Seite richtig anzuzeigen und Besuche anzuziehen. Sie machen es Suchmaschinen auch leichter, deine Webseite zu verstehen. SEO-Optimierung beinhaltet also auch, auf soziale Netzwerke zu achten.
Denk auch daran, dass soziale Signale, also Traffic, der von sozialen Netzwerken kommt, sich positiv auf eine SEO-Strategie auswirken kann, sodass jeder Klick aus den sozialen Medien sein Gewicht in Gold wert ist!
Fragen oder Vorschlaege? Wir helfen gerne!
Referenzen:
- https://ogp.me/ - Offizielle Webseite des Open-Graph-Protokolls
Autor: David Kaufmann
In den letzten über 10 Jahren habe ich mich komplett dem SEO verschrieben — und ehrlich gesagt möchte ich es nicht anders haben.
Meine Karriere erreichte eine neue Stufe, als ich als Senior SEO Specialist für Chess.com gearbeitet habe — eine der 100 meistbesuchten Websites im gesamten Internet. In dieser Größenordnung zu arbeiten, über Millionen von Seiten, Dutzende Sprachen und in einer der umkämpftesten SERPs überhaupt, hat mich Dinge gelehrt, die kein Kurs und kein Zertifikat je vermitteln könnte. Diese Erfahrung hat meine Sichtweise darauf verändert, wie großartiges SEO wirklich aussieht — und sie wurde zum Fundament für alles, was ich seitdem aufgebaut habe.
Aus dieser Erfahrung heraus habe ich SEO Alive gegründet — eine Agentur für Marken, die es mit organischem Wachstum ernst meinen. Wir sind nicht hier, um dashboards und monatliche Reports zu verkaufen. Wir sind hier, um Strategien zu entwickeln, die wirklich etwas bewegen, indem wir das Beste aus dem klassischen SEO mit der spannenden neuen Welt der Generative Engine Optimization (GEO) verbinden — damit deine Marke nicht nur in den blauen Links von Google auftaucht, sondern auch in den AI-generierten Antworten, die ChatGPT, Perplexity und Google AI Overviews tagtäglich Millionen von Menschen liefern.
Und weil ich kein Tool finden konnte, das beide Welten richtig abdeckt, habe ich selbst eines gebaut — SEOcrawl, eine Enterprise-SEO-Intelligence-Plattform, die rankings, technische Audits, backlinks-Monitoring, crawl-Health und AI-Brand-Visibility-Tracking an einem Ort vereint. Es ist die Plattform, die ich mir immer gewünscht habe.
Entdecke weitere Inhalte von diesem Autor
