Öffnen Sie den Graph Validator

Extrahieren und Überprüfen der Metadaten eines beliebigen offenen Graphen

Untersuchen Sie offene Graphen mit dem Open Graph Validator von ETTVI, um sicherzustellen, dass die Metadaten einer Webseite beim Teilen in sozialen Medien Aufmerksamkeit erregen. Mit diesem fortschrittlichen Tool können Webmaster in Echtzeit herausfinden, wie gut ihre Weblinks auf Facebook, Pinterest, Instagram und LinkedIn erscheinen.

Geben Sie einfach die URL Ihrer Webseite ein und sehen Sie, wie schnell der Open Graph Validator von ETTVI die Vorschau und Metadaten des offenen Graphen anzeigt. Er extrahiert und hebt kopierbare Elemente hervor:

• Titel des Open Graph

• Beschreibung von Open Graph

• Art der Webressource

• Webseiten-Name

• Webadresse

• Bild URL

Der bahnbrechende Open Graph Generator Validator von ETTVI extrahiert die  OG-Meta-Tags  – er ruft die Open Graph-Meta-Tags automatisch ab und zeigt sie an. Der Benutzer kann die Codes des angeforderten Open Graphen einfach kopieren oder herunterladen.

Überprüfen und extrahieren Sie Open Graph-Meta-Tags – sehen Sie sich kostenlos in der Vorschau an, wie die Weblinks in sozialen Medien angezeigt werden.

Befolgen Sie diese Schritte, um das offene Diagramm eines beliebigen Weblinks zu überprüfen:

SCHRITT 1 „URL eingeben“

Platzieren Sie den Link zu einer Webseite, um deren offenen Graphen wie folgt zu validieren:

SCHRITT 2 „Das Tool ausführen“

Klicken Sie auf „Validieren“, um den Open Graph Checker von ETTVI auszuführen.

SCHRITT 3 „Open Graph Vorschau“

Der Open Graph Validator von ETTVI zeigt den offenen Graphen an, um zu zeigen, wie Ihr Link in den sozialen Medien wie folgt angezeigt wird:

SCHRITT 4 „Open Graph-Details prüfen“

Der Open Graph Validator von ETTVI extrahiert und hebt die folgenden Informationen hervor:

SCHRITT 5 „Open Graph Meta-Tags erhalten“

Der Open Graph Validator von ETTVI extrahiert die OG-Meta-Tags und zeigt sie wie folgt an:

Klicken Sie auf oder , um die Meta-Tags des angegebenen offenen Graphen zu speichern.

Der Open Graph Validator von ETTVI ist die beste Methode, um sicherzustellen, ob die Social-Media-Nutzer Ihre Weblinks als besonders bemerkenswert empfinden oder nicht. Er ermöglicht Ihnen, in weniger als einer Minute eine Vorschau des Open Graphs jeder Website anzuzeigen und diesen zu überprüfen. Darüber hinaus können Sie mit dem erweiterten Tool von ETTVI problemlos kopierbare Metadaten und Meta-Tags jedes Open Graphs extrahieren.

Schauen Sie unten nach, um zu erfahren, was der Open Graph Checker von ETTVI bietet und warum Sie sich dafür entscheiden sollten:

Benutzerfreundliches Bedienfeld

Das ETTVI-Team hat dafür gesorgt, dass die Benutzer dieses Tool leicht finden, darauf zugreifen und es verwenden können, um Open Graphs beliebiger Webressourcen zu testen. Alle Merkmale und Funktionen des Open Graph Validator von ETTVI wurden gut sichtbar und übersichtlich dargestellt. Darüber hinaus wurde klar angegeben, was der Open Graph Tester von ETTVI tut und wie und warum die Benutzer ihn verwenden sollten.

Die Art und Weise, wie dieses Tool zur Überprüfung des Open Graph eines beliebigen Weblinks konzipiert und entwickelt wurde, ist wirklich bemerkenswert. Es arbeitet effizient und präzise und hilft Webmastern bei der Validierung eines beliebigen Open Graphs.

Validierung mit nur einem Klick

Beim Open Graph Validator von ETTVI muss der Benutzer lediglich die URL einer Webressource eingeben, um deren Open Graph abzurufen und anzuzeigen. Mit nur einem Klick können die Benutzer den Open Graph einer beliebigen Webseite überprüfen und validieren. Falls der Benutzer Probleme mit der Funktionsweise des Tools hat, kann er das integrierte Handbuch lesen, um zu erfahren, wie er Open Graph mit dem Open Graph Validator von ETTVI testen kann.

Schnelle Extraktion

Wenn der Benutzer die URL einer Webressource eingibt, werden automatisch alle Details des Open Graph abgerufen und angezeigt. Kurz gesagt extrahiert der Open Graph Validator von ETTVI die Metadaten und Meta-Tags des angeforderten Open Graph und ermöglicht es den Benutzern, diese nach Bedarf zu kopieren oder herunterzuladen. Natürlich können alle Webmaster, einschließlich SEOs, Social-Media-Vermarkter und Blogger, dieses fortschrittliche Tool nutzen, um die OG-Meta-Tags oder den Titel und die Beschreibung jedes Open Graph in Echtzeit zu verfolgen.

Kostenloser und unbegrenzter Zugriff

ETTVI ermöglicht den Benutzern den kostenlosen Zugriff und die Nutzung des Open Graph Validator. Menschen auf der ganzen Welt können mit diesem fortschrittlichen Tool offene Graphen validieren – unabhängig von Zeitlimit und Abonnement.

Der Inhalt ist das Wichtigste. Doch selbst das beste Material würde ohne Social Media-Sharing und Plattformen, die das Teilen fördern, unbemerkt bleiben. Wenn ein Benutzer die Reichweite in sozialen Netzwerken maximieren möchte, sollte er als Erstes das Erscheinungsbild des Inhalts beim Teilen verbessern, was SEOs mit Open Graph-Tags tun können.

Was sind Open Graph-Meta-Tags?

Jede Webseite kann durch das Open Graph-Protokoll in ein Rich Object im sozialen Graphen umgewandelt werden. Es ist möglich, das Erscheinungsbild von URLs in sozialen Medien zu ändern, indem man Open Graph-Meta-Tags zum Header der HTML-Tags hinzufügt.

Der Abschnitt einer Webseite enthält diese Tags. Open Graph-Tags sind alle Tags mit dem Präfix og: vor dem Eigenschaftsnamen.

Meta-Tags für offene Graphen werden wie folgt codiert:

Nachdem sie erfahren haben, was Open Graph-Tags sind, fragen sich SEOs möglicherweise, wie die Codierung für diese Tags aussieht.

Die Grundformel für diese Kodierung lautet wie folgt:

Obwohl Facebook dieses Konzept als Vorreiter eingeführt hat, wurde es inzwischen von anderen Social-Media-Unternehmen übernommen. Twitter, LinkedIn und Google erkennen Open Graph-Tags. Obwohl Twitter seine eigenen Meta-Tags namens „Twitter Cards“ hat, erkennt und verwendet es Open Graph-Tags und tut dies auch, wenn keine Twitter Cards gefunden werden. SEOs können jedoch den Open Graph Checker von ETTVI verwenden, der einen Überblick über die gültigen Tags bietet, die erfolgreich implementiert wurden.

Warum ist das Open Graph-Protokoll für Websites erforderlich?

Das Open Graph-Protokoll verbessert die Benutzerfreundlichkeit geteilter Inhalte. Es erhöht die Sichtbarkeit der Inhalte, macht sie interessanter und ermutigt die Leser, darauf zu klicken.

Beispielsweise durch die Interaktion mit umfangreichen Elementen wie:

• Steigern Sie die Anzahl der Besucher Ihrer Website

• Suchmaschinen-Ranking verbessern und Umsätze steigern

• Erzielt hochwertige Backlinks zur Website

• Erhöhen Sie die Anzahl der Personen, die auf den jeweiligen Inhalt reagieren

• Erhöhen Sie Ihre Followerzahl in den sozialen Medien

• Erhöhen Sie die Klickrate (CTR) der Website

Verwenden Sie OG-Tags, um soziale Netzwerke darüber zu informieren, welche Inhalte sie anzeigen sollen, wenn jemand den Inhalt teilt. Facebook ist kein guter Ort, um einen Link zu posten, wenn das Bild fehlt oder der Titel falsch ist. OG-Tags können auch verwendet werden, um bestimmte Gruppen oder Standorte anzusprechen. Beispielsweise können SEOs die Informationen steuern, die Benutzern in einem bestimmten Bereich angezeigt werden. Beginnen wir mit einigen Grundlagen zu Metadaten für Open Graphs.

Grundlagen zu Metadaten

Es gibt vier grundlegende Meta-Tags, die jede Seite enthalten sollte:

• og:title: der Titel der Seite. Dieser sollte keine seitenspezifischen Kennungen enthalten, sondern nur Informationen über die Seite selbst.

• og:type: der Inhaltstyp der Seite. Der häufigste Typ ist eine Website, es sind jedoch weitere Varianten verfügbar, wenn Webmaster etwas Spezielleres benötigen.

• og:image: das Bild, das in der Vorschau eines Links angezeigt wird. Dies sollte ein repräsentatives Bild des Seiteninhalts sein. Darüber hinaus ist es von Vorteil, ein Ersatzbild einzufügen, das die mit dem Link verknüpfte Site darstellt.

• og:url: die kanonische URL der Seite. Es muss eine vollqualifizierte URL sein.

Während die Implementierung von Open Graph-Tags keine direkten Auswirkungen auf die On-Page-SEO hat, wird sie sich sicherlich auf die Leistung von Social-Media-Links auswirken. Daher ist dies ein kritischer Aspekt, den es zu untersuchen gilt!

UND-Meta-Tags auf Facebook verstehen

Open Graph-Meta-Tags gibt es auf Facebook in vielen verschiedenen Varianten. Hier sind viele Arten von Open Graphs und wir erklären, wie man sie verwendet.

und:Titel

Der Titel des Inhalts wird auf diese Weise definiert, wie der Benutzer es erwarten würde. Der Code kann zu diesem Zweck weiterhin das Standard-Metatitel-Tag verwenden. Der Metatitel wird anstelle des og:title-Tags verwendet, wenn Facebook ihn auf der Seite nicht findet.

Denken Sie daran, dass der Text in einem Facebook-Newsfeed fett gedruckt und unglaublich auffällig sein muss. Wie ein guter Blog-Artikeltitel muss er fesselnd sein.

Eine vernünftige Faustregel ist, zwischen 60 und 90 Zeichen zu bleiben, aber es gibt keine Ober- oder Untergrenze. Facebook kürzt den Titel auf nur 88 Zeichen, wenn er mehr als 100 Zeichen hat.

und:URL

Wenn Sie eine Seite teilen, können Sie ganz einfach die kanonische URL der Seite festlegen. Im Wesentlichen bedeutet dies, dass alle geteilten Seiten mit einer einzigen Webseite verknüpft werden. Dies ist ein hilfreiches Tag, wenn der Inhalt viele URLs enthält, die auf denselben Inhalt verweisen. Ein wichtiger Hinweis: Der Newsfeed von Facebook zeigt nur den Domänennamen und nicht die von den Benutzern angegebene URL an.

und: Typ

Dies drückt den Objekttyp aus, hier einige Beispiele:

Unterhaltung:

• Buch

• Spiel

• Film

Es gibt viele Überschneidungen zwischen diesem Meta-Deskriptor und dem HTML-Meta-Beschreibungstag. Der og:description-Tag wird verwendet, um den Inhalt auf Facebook zu beschreiben; er wird unter dem Linktitel und nicht oben auf einer Suchmaschinenergebnisseite angezeigt. Verbringen Sie nicht zu viel Zeit damit, herauszufinden, wie Sie Schlüsselwörter in den Inhalt einbauen können. Dadurch hat es keinen Einfluss auf die Suchmaschinen-Rankings. Wenn SEOs jedoch möchten, dass Benutzer darauf klicken, müssen sie es interessant und ansprechend gestalten, und sie können ihre og-Beschreibung, Überschrift, Bild und Inhalt mit dem Open Graph Validator von ETTVI überprüfen.

Twitter-Karten

Tumblr-Karten sind eine Art sozialer Metatag, der nur zum Twittern verwendet wird.

Twitter verwendet Twitter-Karten-Tags, die dem Nutzer mehr Leistung und Optionen bieten, wenn sie verfügbar sind. Andernfalls wird standardmäßig Open Graph verwendet (auch hier gilt, sofern vorhanden).

Mit Twitter-Karten werden zusätzliche Inhalte wie Fotos, Videos und andere Medien sofort in den Tweet integriert, was die Interaktion erhöht.

Tags für Twitter-Karten

Twitter:card bestimmt die Art der Karte, die in einer Situation verwendet wird.

Zusammenfassung – bietet eine Zusammenfassungskarte, die das Bild eines Quadrats mit den Zusammenfassungsinformationen enthält.

Großes Zusammenfassungsbild: Wenn das verwendete Bild rechteckig ist, möchte der Benutzer ein großes Zusammenfassungsbild anstelle eines kleinen Zusammenfassungsbildes verwenden.

twitter:description (og:description) Eine Beschreibung der Seite oder des Artikels.

twitter:site Verwendung des Twitter-Handles, der mit dem Unternehmen oder der Website verknüpft ist

twitter:creator (Optional). Twitter-Handle des Erstellers des erstellten Inhalts. Nur wenn twitter:card so definiert ist, dass ein großes Bild zusammengefasst wird, ist dieses Tag sinnvoll.

Für Twitter:Cards mit der Einstellung „Zusammenfassung“ können quadratische Bilder (über den Tag „twitter:image“) in einer Größe zwischen 4096 x 4096 und 144 x 144 Pixeln verwendet werden.

Außerdem werden rechteckige Bilder zwischen 4096 x 4096 und 300 x 157 Pixel für den Parameter „Zusammenfassung großes Bild“ unterstützt, der für größere Bilder verwendet werden kann. JPG-, WEBP-, GIF- und PNG-Dateien werden alle unterstützt und sollten eine Dateigröße von 5 MB nicht überschreiten. Twitter hingegen unterstützt keine animierten GIFs. Stattdessen wird das erste Bild verwendet. Das Tool „Open Graph Checker“ von ETTVI unterstützt SEO-Experten jedoch dabei, die OG-Tags auf einer Webseite entsprechend ihren Anforderungen zu identifizieren und zu optimieren.

Einrichten der Open Graph-Tags von Shopify für Facebook

OG-Tags wie og:title und og:image werden in den meisten Shopify-Themes aus Variablen wie dem Titel-Tag und dem vorgestellten Bild gezogen. Nur der og:image-Tag kann über die Shopify-Benutzeroberfläche angepasst werden. Theme/Anpassen/Theme-Einstellungen/Anpassen/Soziale Medien/Wählen Sie ein Bild aus dem Dropdown-Menü. Um zu sehen, wie es gemacht wird, gehen Sie zu Online-Shop > Themes > Aktionen > Code bearbeiten > Snippets > Social-Meta-Tags Liquid in der Bildlaufleiste. Wenn die Benutzer Änderungen am Code vornehmen müssen, können sie dies tun.

Wix ermöglicht das Hinzufügen von Open Graph-Tags

Zusätzlich zum Meta-Titel und der Beschreibung der Seite verwendet Wix auch andere Daten, um typische OG-Tags zu füllen.

In den Optionen für „Social Sharing“ können Benutzer die OG-Beschreibung, den Titel und das Bild jeder Seite ändern. Das OG-Bild kann auch für die gesamte Site angepasst werden. Wählen Sie im Hauptmenü Einstellungen > Social Share. Wix macht das Hinzufügen von OG-Tags einfach, da nichts fest codiert werden muss.

Open Graph-Tags im WordPress-Admin-Panel

Das SEO-Plugin von Yoast kann dabei helfen, das Suchmaschinenranking der Website zu verbessern. Im Post- oder Seiteneditor sollte ganz unten eine SEO-Toolbox angezeigt werden. Wählen Sie „Facebook“ aus dem Dropdown-Menü „Soziales“

Um die Tags og:description, og:title und og:image festzulegen, geben Sie die Informationen hier ein. Es ist nicht nötig, og:url explizit festzulegen, das übernimmt Yoast. Bildabmessungen sind auch in der Liste der OG-Tags enthalten, was hilfreich sein kann. Ein Benutzer hat dies möglicherweise nicht gewusst, aber wenn der Benutzer kein vorgestelltes Bild für den Beitrag hat, wird Yoast dieses standardmäßig verwenden. Um Zeit zu sparen, werden auch andere Twitter Card- und OG-Tags hinzugefügt, wie Site-Name, Bildgröße usw.

Es wird auch empfohlen, einen siteweiten og:image-Tag festzulegen. Wenn eine freigegebene URL keinen benutzerdefinierten Tag hat, wird diese Meldung angezeigt. Mithilfe der Yoast-Einstellungen lässt sich diese Option finden. Yoast > Facebook > Soziale Netzwerke Sobald der Schalter auf „Aktiviert“ eingestellt ist, senden Sie ein geeignetes Bild. Dies ist ein guter Ort für Markenbilder.

Was passiert, wenn der Beitrag keine OG-Tags hat?

Standardmäßig geben die meisten sozialen Netzwerke ihr Bestes, um eine Vorschau auf den Inhalt zu erstellen. Meistens läuft das nicht wie geplant. Selbst wenn der Name meiner Seite im Titel und in der Beschreibung erscheint, ist der Tweet nicht besonders auffällig. Im Vergleich zur Vorschau eines einzelnen Beitrags sieht das Ganze anders aus. Was passiert also, wenn ein Benutzer auf seiner Website keine Open Graph-Tags verwendet? Es passiert nichts Schlimmes, aber er kann einige der Merkmale nicht nutzen, die den Inhalt von der Flut anderer online geposteter Inhalte unterscheiden.