Was ist Open Graph Meta Tag – Eine detaillierte Übersicht

Stellen Sie sich das vor – Sie haben einen informativen Inhalt auf Ihrer Website erstellt und ihn in sozialen Medien geteilt. Jetzt warten Sie darauf, eine Zunahme von Traffic, Likes und Shares zu sehen.

Wir hoffen, es war so einfach!

Aber es ist nicht!

Sie müssen einige Anstrengungen unternehmen, um das Erscheinungsbild des geteilten Beitrags zu verbessern, damit die Leute darauf klicken und ihn teilen. Andernfalls könnten Ihre Inhalte inmitten des Pools von Millionen von Inhalten, die in sozialen Medien geteilt werden, verloren gehen.

Fügt Open Graph-Meta-Tags ein, um es Ihnen einfacher zu machen!

OG-Meta-Tags sind heutzutage sehr im Trend. Sie fragen sich, was das ist? Lesen Sie den Blog bis zum Ende, um einen vollständigen Überblick zu erhalten.

Was ist Open Graph-Meta-Tag

Das OG-Meta-Tag ist das Code-Snippet, das das Erscheinungsbild der URLs in den sozialen Medien steuert. Es ist Teil des OG-Protokolls von Facebook und wird auch von anderen Social-Media-Plattformen wie LinkedIn und Twitter verwendet.

Mit einem OG-Tag können Sie steuern, wie Informationen von einer Drittanbieter-Website zu Facebook übertragen werden, wenn eine Seite geteilt wird. Auf diese Weise enthalten Ihre Posts Informationen auf organisierte Weise, anstatt ein verpixeltes Bild oder verschlüsselte Ausschnitte zu zeigen.

So sieht unser Blog Why Choose Magento for E-Store Development auf Facebook mit dem OG-Tag aus:

Welche Open Graph-Meta-Tags verwendet werden sollen

Es gibt bis zu 17 OG-Tags, die von Facebook in ihrem offiziellen Dokument aufgeführt sind. Wir haben es Ihnen leicht gemacht. Sie brauchen nur 5 Tags, um Facebook über die Grundlagen Ihrer Seite zu informieren. Wir werden diese im Folgenden unter Bezugnahme auf diesen Blog besprechen: Warum eine benutzerdefinierte E-Commerce-Website einer fertigen Lösung vorziehen.

1. og:Titel
Syntax:

<meta property=”og:title” content=”Warum eine benutzerdefinierte E-Commerce-Website einer fertigen Lösung vorziehen” />

Hier definieren Sie den Titel des Inhalts. Es dient einem ähnlichen Zweck wie das Meta-Title-Tag für Ihre Inhalte auf der Ergebnisseite der Suchmaschine. Wenn Facebook das og:title-Tag auf einer Seite nicht finden kann, verwendet es den Metatitel. Sie haben das volle Recht, unterschiedliche Titel für Metatitel und og:Titel zu verwenden. Wenn Sie Ihrer Seite ausschließlich auf Social Media einen fesselnden Titel geben und mehr Klicks erzielen möchten, können Sie ihr einen einprägsamen Titel geben.

Obwohl es keine Begrenzung für das Zeichen gibt, ist es besser, die gleiche Begrenzung beizubehalten, wie Sie es in Ihrem Meta-Titel tun würden: innerhalb von 60 Zeichen. Wenn der Titel länger als 100 Zeichen ist, kürzt Facebook ihn automatisch auf 88. Halten Sie den Titel überzeugend genug, um Klicks von den Benutzern auszulösen.

2. og: Beschreibung
Syntax:

<meta property=“og:description“ content=“Individuelle E-Commerce-Website oder fertige Lösung – der Blog bietet eine vergleichende Studie zwischen den beiden. Hör zu.

Dieser ähnelt dem Meta-Beschreibungs-Tag. Es beschreibt den Kern Ihres Inhalts. Im Gegensatz zum herkömmlichen Meta-Beschreibungs-Tag wirkt es sich jetzt nicht auf Ihre SEO aus. Anstatt nach dem richtigen Keyword zu suchen, achten Sie daher darauf, es eingängig zu machen, damit es die Leute dazu bringt, darauf zu klicken.

Facebook kann in diesem Abschnitt bis zu 300 Zeichen anzeigen. Es ist jedoch besser, den Inhalt auf 200 Zeichen zu beschränken. Eine kurze und klare Beschreibung hilft den Leuten, sich auf einen Blick ein Bild zu machen und auf den Link zu klicken, um mehr zu erfahren.

3. og:Bild
Syntax:

<meta property=”og:image” content=”https://webguru-india.com/blog/wp-content/uploads/2021/03/Why_Choose_a_-Custom_Ecommerce_Website_over_A_Ready_Solution.jpg” />

Ein Bild hilft Ihren Inhalten, sich abzuheben und die Aufmerksamkeit der Menschen zu erregen. Das OG-Bild-Tag stellt sicher, dass ein bestimmtes Miniaturbild angezeigt wird, wenn Ihre Seite oder Ihr Inhalt geteilt wird.

Wenn Sie kein Bild mit og:image angeben, zeigt Facebook möglicherweise ein Werbebanner, das von der Seite geschabt wurde, oder gar nichts! Dies wirkt sich ernsthaft auf den Inhalt aus und die Leute können daran vorbeiscrollen.

Normalerweise empfehlen die Fachleute jeder renommierten Social-Media-Marketing-Agentur die Auflösung für ein OG-Bild mit 1200 × 627 Pixeln [Verhältnis 1,91:1]. Stellen Sie außerdem sicher, dass das Bild die Größenbeschränkung von 5 MB nicht überschreitet.

4. og:typ
Syntax:

<meta property=“og:type“ content=“article“ />

Dieses Tag beschreibt die Art des Objekts, das Sie teilen: Bild, Video oder Blogbeitrag. Hier sind einige Beispiele für Inhaltstypen:

• Website-basiert: Website, Artikel, Blog
• Ort: Stadt, Land
• Geschäft: Firma, Restaurant, Hotel
• Personen: Schauspieler, Politiker, Autor
• Unterhaltung: Film, Spiel, Buch, Essen

Und mehr!

Dieses Tag spielt eine wichtige Rolle. Angenommen, Ihr Beitrag handelt von einem Film oder einem Buch mit einem „Gefällt mir“-Button. Es wird bestimmt, ob der Inhalt im Interessenbereich eines Benutzers angezeigt wird.

5. og:url
Syntax:

<meta property=“og:url“ content=“https://webguru-india.com/blog/warum-wählen-sie-eine-benutzerdefinierte-e-commerce-website-über-eine-fertige-lösung/“ />

Hier können Sie die kanonische URL für die bestimmte Seite festlegen, die Sie teilen. Auf diese Weise definieren Sie eine Seite, auf der alle Likes und Shares landen. Es ist sehr nützlich, wenn Sie zwei oder mehr URLs für denselben Inhalt haben.

Denken Sie daran, dass die von Ihnen angegebene URL nicht im Facebook-Newsfeed angezeigt wird. Nur der Domänenname ist sichtbar.

[Geben Sie hier ein Pfeilzeichen und schreiben Sie – og:title [Warum eine benutzerdefinierte E-Commerce-Website einer fertigen Lösung vorziehen], og:image [das Bild], og:description [wenn Sie vorhaben … verwenden Sie ein h …] und og: URL [webguru-india.com] ]

Vorteile von Open Graph-Meta-Tags

Warum sich die Mühe machen, OG-Tags zu implementieren? Hier sind die Gründe, warum die Anbieter digitaler Marketingdienste die Verwendung von OG-Tags betonen, bevor sie Inhalte in sozialen Medien teilen:

• Verbessern Sie das Erscheinungsbild von Social-Media-Beiträgen

Der erste und wichtigste Grund für die Verwendung des OG-Tags ist, dass es Ihnen hilft, attraktive Beiträge zu erstellen. Wenn das Bild auf dem Beitrag verschwommen oder der Text nicht einprägsam ist, ist es weniger wahrscheinlich, dass Benutzer mit dem Inhalt interagieren.

OG-Tags geben Ihnen die vollständige Kontrolle darüber, wie Ihre Inhalte angezeigt werden. Sie können den Titel und die Beschreibung so einprägsam gestalten, wie Sie möchten. Es hilft, alle Elemente Ihrer Inhalte zu organisieren und ein professionelles Erscheinungsbild zu erzeugen. Dies wiederum fördert die Conversions.

• Verbesserte Sichtbarkeit in der Facebook-Suche

Das OG-Tag hilft Facebook zu verstehen, worum es bei dem Inhalt geht. Dies wiederum trägt dazu bei, die Sichtbarkeit Ihrer Marke über die Facebook-Suche zu erhöhen. Auf der anderen Seite, wenn Menschen auf Facebook nach etwas suchen, sehen sie sich einige Ergebnisse an, bevor sie auf ein bestimmtes Ergebnis klicken. Ein für OG-Tags optimierter Inhalt wird mit größerer Wahrscheinlichkeit ihre Aufmerksamkeit erregen.

Schauen Sie sich das folgende Bild an:

Bei der Suche nach „Entwicklungsprozess für mobile Apps“ zeigt Facebook unseren Artikel Technische Einblicke in den Entwicklungsprozess für mobile Apps an, der mit dem OG-Tag optimiert ist.

Wenn außerdem jemand einen Link eines Posts teilt, der mit Open Graph-Meta-Tags optimiert ist, per Direktnachricht auf Facebook Messenger, WhatsApp oder iMessage, hilft das OG-Tag bei der Erstellung eines Snippets.

• Geeignet für verschiedene Plattformen

Während Facebook ein offenes Diagramm hervorgebracht hat, wird es jetzt von anderen Social-Networking-Plattformen wie Twitter, LinkedIn und Pinterest verwendet. So können Sie einmalig einen Tag erstellen und Ihre Präsenz auf diversen Plattformen optimieren.

• Optimieren Sie die Markenpräsenz auf Google Discover

Google Discover ist ein KI-gesteuertes Empfehlungstool für Inhalte, das unterhalb der Google-Suchleiste in der Chrome-App platziert wird. Es empfiehlt Nachrichten, Artikel, Videos, Werbung, Live-Sportergebnisse usw. basierend auf dem Benutzerverhalten. Mehr zu Google Discover finden Sie hier.

Wenn Sie Ihre Inhalte optimieren möchten, um im Discover-Feed gefunden zu werden, kann das OG-Tag eine entscheidende Rolle spielen. Hier ist eine interessante Tatsache. Das Ahrefs-Team hat kürzlich eine Beziehung zwischen Open Graph-Meta-Tags und Google Discover festgestellt. Sie fanden heraus, dass in Google Discover ein Tippfehler im og:title eines Posts („Ink Building Case Study“) auftauchte. Der Tippfehler war jedoch nicht im eigentlichen Titel des Artikels enthalten („Link Building Case Study“).

So überprüfen Sie OG-Tags

Um Ihnen bei der Überwachung von OG-Tags zu helfen, hat Facebook ein spezielles Tool namens Sharing Debugger. Was tut es? Wir erklären es weiter unten.

Wenn Sie den Link eingeben, den Sie überprüfen möchten, werden Fehler und gegebenenfalls relevante Vorschläge für OG-Tags zurückgegeben. Sie können das Bild und die Beschreibung überprüfen und ändern, wenn Sie möchten.

Außerdem wird der Facebook-Cache geleert. Warum ist es wichtig? Angenommen, Sie posten einen Link auf Facebook und entdecken dann einen Fehler im Thumbnail. Sie gehen also zurück, um die erforderlichen Änderungen an den OG-Tags vorzunehmen, und posten sie erneut auf Facebook.

Es besteht die Möglichkeit, dass nichts passiert und das Miniaturbild unverändert bleibt. Und der Kredit geht an den Cache. Sharing Debugger aktualisiert den Cache auf dem Link vollständig, nachdem Sie ihn geändert haben. Stellen Sie also sicher, dass Sie es jedes Mal verwenden, wenn Sie eine Änderung am OG-Tag vornehmen.

Zeit zum Abschluss

Ab März 2021 werden OG-Tags von 54,6 % aller Websites verwendet. Das bedeutet, dass fast die Hälfte der Websites diese noch nicht verwenden. Die Optimierung von OG-Meta-Tags kann einige Zeit dauern, aber es lohnt sich. Die Tags helfen Ihnen dabei, sich von der Masse abzuheben, mehr Sichtbarkeit in den Facebook-Suchergebnissen zu erzielen und die Aufmerksamkeit der Menschen und mehr Klicks auf sich zu ziehen.

Verwenden Sie OG-Tags, bevor Sie Inhalte in sozialen Medien teilen? Wenn nicht, beginnen Sie bald mit der Umsetzung!