Open Graph - wie und warum sollte man ihn auf seiner Website einsetzen?

Soziale Medien sind ein wichtiger Kanal, der viel Verkehr auf Ihre Website ziehen kann. Daher lohnt es sich, unter anderem darauf zu achten, wie die von Ihnen geteilten Inhalte und Links in den sozialen Medien präsentiert werden. Diese werden durch das Open-Graph-Protokoll gesteuert. Erfahren Sie mehr darüber in diesem Artikel und seien Sie der Konkurrenz einen Schritt voraus.

Was ist Open Graph und was ist seine Geschichte? Höhepunkte

Wahrscheinlich ist es Ihnen schon mehr als einmal passiert, dass Sie einen Beitrag in den sozialen Medien gesehen haben, in dem ein Link auf eine Seite, auf der Open Graph noch nicht implementiert ist. Nun, solche Beiträge sehen nicht gut aus.... Sie regen definitiv nicht dazu an, auf den Link zu klicken, weil die Vorschau einen zufälligen Teil der Seite anzeigt. Alles kann mit ein paar Zeilen Code geändert werden. Wir stellen Ihnen Open Graph vor!

Die Open-Graph-Meta-Tags sind ein Internetprotokoll, das ursprünglich von Facebook im Jahr 2010 entwickelt und eingeführt wurde zur Standardisierung der Verwendung von Metadaten auf einer Website zur Darstellung des Inhalts der Seite (Facebook Open Graph). Facebook wurde bald von anderen sozialen Medien abgelöst.

Vereinfacht ausgedrückt, können Sie mit Open Graph soziale Netzwerke wie Facebook, Twitter, Pinterest, LinkedIn und Google+ erkennen, welche Informationen angezeigt werden sollen, wenn Sie oder andere Personen einen Link von Ihrer Website teilen.

Sie wissen bereits, was Open Graph ist. Jetzt ist es an der Zeit, die technische Seite zu betrachten. Aus dieser Sicht handelt es sich einfach um ein Stück Code, das sich im -Abschnitt einer bestimmten Webseite befindet. Ihm vorangestellt ist die Eigenschaft "og:".

Im Gegensatz zu anderen Meta-Tags ist "og:" nicht für Suchmaschinenroboter bestimmt. Der Zweck des Tags besteht darin, dem sozialen Netzwerk mitzuteilen, was angezeigt werden soll, wenn Sie einen Link zum sozialen Netzwerk hinzufügen. Genau wie Suchmaschinen Ihre Website besuchen und nach den Daten suchen, die sie benötigen, um Ihre Website in den Suchergebnissen anzuzeigen, tun soziale Netzwerke dasselbe, indem sie nach ihren eigenen Tags suchen.

Grundlegende (obligatorische) Open-Graph-Tags

Sie wissen bereits, was Open-Graph-Tags sind, nun ist es an der Zeit, die verfügbaren Typen kennenzulernen! Nur vier von ihnen sind erforderlich, damit ein soziales Netzwerk Ihre Seite "versteht", aber es gibt noch ein paar weitere, die manchmal hilfreich sind. Werfen wir einen Blick auf die wichtigsten.

og:Titel

Wie der Titel-Metatag, mit dem Sie den Suchmaschinen den Titel der SEO Ihrer Seite, og:title ist ihr Titel, der in den sozialen Medien angezeigt werden soll.

Ihr og:title sollte eindeutig sein, ohne Branding oder Erwähnung der Domain selbst. Idealerweise sollte er nicht länger als 60 Zeichen sein.

Beispiel für die Verwendung:

<meta property="og:title" Inhalt="Warum Open Graph auf der Website implementieren" />.

og:url

Dieser Tag gibt an, auf welche Seite der Nutzer verwiesen wird, wenn er auf den betreffenden Beitrag klickt. Verwenden Sie die kanonische Adresse URLDies hilft beim Zählen aller Shares, Likes usw.

Beispiel für die Verwendung:

<meta property="og:url" content="Website-URL" />

og:image

Dieses Tag ist dafür verantwortlich, welches Bild mit dem veröffentlichten Inhalt verknüpft wird. Beachten Sie, dass dies ist wahrscheinlich der wichtigste Open-Graph-Tag, da er den meisten Platz im sozialen Kanal einnimmt. Achten Sie darauf, sonst wählt das Portal ein zufälliges Bild aus der URL selbst aus, und es könnte ein Werbebanner oder eine andere unverständliche, irrelevante Grafik für Social Media-Browser sein.

Beispiel für die Verwendung:

.

og:Typ

Dieser Tag kennzeichnet die Art des freigegebenen Objekts (z. B. Artikel, Website, Video). Sie finden eine vollständige Liste der Objekttypen HIER.

Beispiel für die Verwendung:

.

og:Beschreibung

Dies ist ein Tag, der der Meta-Beschreibung ähnelt, also der Beschreibung, die Sie für Suchmaschinen erstellen. Sie können einen eigenen Text erstellen oder den in der Meta-Beschreibung verwenden, damit er in sozialen Medien angezeigt wird. Facebook empfiehlt, dass die Beschreibung 2 bis 4 Sätze lang ist, aber es ist besser, kürzere Beschreibungen zu schreiben, um zu vermeiden, dass sie abgeschnitten werden.

Beispiel für die Verwendung:

.

Einzelheiten zu allen Arten von Open-Graph-Tags finden Sie zum Beispiel in der Die offizielle Dokumentation von Facebook.

Warum sollten Sie Open-Graph-Tags verwenden? Was bringt Ihnen deren Implementierung?

Obwohl die Verwendung von Open-Graph-Tags nicht als Ranking-Faktor gilt und die Position einer Seite in einer Suchmaschine nicht direkt verbessert, lohnt es sich, sie zu verwenden. Warum? Weil Richtig optimierte Beiträge in den sozialen Medien werden von den Nutzern mit größerer Wahrscheinlichkeit angeklickt.. Dies wiederum führt zu mehr Besucherzahlen auf Ihrer Website. Denken Sie auch daran, dass das Engagement in den sozialen Medien im Zusammenhang mit Ihren Aktivitäten ein gutes Signal für Google ist.

Wie werden Open Graph-Tags hinzugefügt?

Diese befinden sich im -Abschnitt der Website und können manuell eingegeben werden. Wenn Ihre Website jedoch auf einem der gängigen Content-Management-Systeme basiert, gibt es einen einfacheren Weg. Es gibt eine ganze Reihe von Plug-ins, die diesen Vorgang erheblich erleichtern.

Hier sind sie:

• WordPress - Yoast SEO

• Magento 2 - Soziale Meta-Tags

• Joomla - JFB Verbinden

• PrestaShop - Prestashop Facebook Open Graph Tags

Wie sieht es mit der Einrichtung von Open Graph auf WP über Yoast aus?

1. Installieren Sie das Plugin (ich habe oben verlinkt, wo Sie es herunterladen können. Sie können es auch direkt vom Cockpit der Website aus installieren, indem Sie zum Abschnitt "Plugins" gehen)
2. Bearbeiten Sie den betreffenden Eintrag
3. Wählen Sie unten im Abschnitt Yoast die Registerkarte Soziale Medien 
4. Erstellen Sie einen passenden Titel, eine Beschreibung und ein Bild für jeden Eintrag

Möchten Sie überprüfen, ob der Link, den Sie auf Facebook teilen, anständig aussieht? Verwenden Sie Debugger freigeben! Fügen Sie den Link ein und Sie erhalten alle Informationen, die Facebook aus dem Quellcode extrahieren konnte.

Soziale Medien sind ein sehr wichtiger Kanal, über den Sie eine Menge Besucher auf Ihre Website leiten können. Denken Sie auch daran, dass, wenn Ihr Inhalt in den sozialen Medien attraktiv aussieht, die Wahrscheinlichkeit groß ist, dass er mehr Menschen gefällt oder weitergegeben wird.