Optimierung der Open Graph-Tags für erstaunliche Social Media-Karten

Matt Cutts ehemaliger Google-Mitarbeiter

Social Media Cards werden von Community Managern oft übersehen, und es ist ein schrecklicher Fehler: Sie haben die enorme Macht, Ihren Traffic und Ihre Social Media-Anteile zu verdoppeln oder zu verdreifachen.

Tweets mit Bildlinks erhalten eine doppelt so hohe Verlobungsrate wie die ohne und diese Zahlen sind laut Buffer sogar noch besser für Facebook.

Das Hinzufügen von Bildern zu Ihren Beiträgen in sozialen Medien ist nicht das Einzige, was Sie tun können, um Ihr Engagement zu verbessern.

Das Open Graph-Tag-Protokoll kann Ihnen helfen, schöne teilbare Links für Twitter, LinkedIn oder Facebook zu erstellen.

In diesem Artikel erkläre ich Ihnen alles, was Sie über die Open Graph Tags wissen müssen, um maßgeschneiderte Vorschaukarten für soziale Medien zu erstellen und die Sichtbarkeit Ihrer Beiträge zu erhöhen.

Ein Beispiel dafür, was Sie mit Open-Graph-Tags machen können

Beachten Sie, dass unser Image SEO-Optimierer für WordPress Ihnen die Möglichkeit bietet, personalisierte und atemberaubende Social Media Card-Vorlagen zu erstellen. Wie auf diesem Bild.

Was ist eine Social Media Card?

Social Cards werden in sozialen Medien verwendet, um eine Vorschau Ihrer Seite zu zeigen, wenn Sie oder jemand anderes Ihre Inhalte teilt. Sie basieren auf dem Open Graph-Protokoll.

Traditionelle Social-Media-Karten sehen bei Twitter so aus

Beispiel einer Social-Media-Karte auf Twitter
Social Media-Karte auf Twitter

Und so sieht es auf LinkedIn aus

Es ist deshalb so wichtig, sich auf Social Media zu engagieren, weil sie Ihre Beiträge ansprechender machen können. Dies ist entscheidend, weil Social Media nach wie vor eine der besten Möglichkeiten ist, etwas online zu verkaufen.

Der soziale Weg zum Kauf
Der soziale Weg zum Kauf(smartinsights.com)

Alles, was Sie über das Open Graph-Protokoll wissen sollten

Open Graph-Meta-Tags verwalten, wie URLs in sozialen Medien erscheinen, wenn sie geteilt werden. 

Sie sind Teil des Open Graph-Protokolls von Facebook und tauchen auch bei LinkedIn und Twitter auf.

Sie finden sie im Bereich <head> Abschnitt einer Webseite. 

HTML

Die auf der Karte dargestellten Inhalte müssen mit Open-Graph-Tags versehen werden, damit die Social-Media-Crawler schnell verstehen können, worum es auf Ihrer Seite geht.

og:Titel

HTML

Der Titel wird auf diese Weise definiert, ähnlich wie ein traditioneller Meta-Titel-Tag in Ihrem Code. Zu Ihrer Information: Facebook verwendet tatsächlich den Meta-Titel als og:title, wenn es kein og:title-Tag auf Ihrer Seite findet.

Denken Sie daran, dass der Text, der in Facebook-Feeds angezeigt wird, fett gedruckt und sehr ansprechend ist. Er muss fesselnd sein, genau wie ein guter Beitragstitel.

Die Anzahl der Zeichen ist nicht begrenzt, aber es ist am besten, wenn Sie zwischen 60 und 90 bleiben. Alles, was darüber hinausgeht, wird auf 88 gekürzt!

og:url

HTML

Damit können Sie die kanonische URL für die Seite, die Sie teilen, festlegen. Dies bedeutet einfach, dass Sie eine Seite bestimmen, zu der alle Ihre Shares gehen. Es ist nicht möglich, die von Ihnen angegebene URL im Facebook-Newsfeed zu sehen, nur die Domain ist sichtbar.

og:Typ

HTML

Es beschreibt die Art des Materials, das Sie teilen: Blogbeitrag, Video, Bild usw. Die Liste der Möglichkeiten ist lang.

og:Beschreibung

HTML

Dieser Tag beschreibt Ihren Inhalt ähnlich wie der Meta-Description-Tag in HTML. og:description ist nicht relevant für SEO, also versuchen Sie nicht, Ihre Schlüsselwörter hineinzustopfen.

Nichtsdestotrotz ist es unerlässlich, sie fesselnd zu gestalten, denn Sie wollen, dass die Leute darauf klicken.

Die Anzahl der Zeichen ist nicht begrenzt, es wird jedoch empfohlen, etwa 200 Buchstaben zu verwenden.

og:Bild

HTML

Für viele Vermarkter ist dies das genialste Open Graph-Tag, da ein Bild den Inhalt immer hervorhebt. Damit können Sie ein bestimmtes Thumbnail auswählen, das immer dann erscheint, wenn Ihre Seite geteilt wird. Die Konversionsraten können mit diesem Ansatz stark verbessert werden.

Bitte stellen Sie sicher, dass Sie das passende og:image wählen. Andernfalls zeigt Facebook möglicherweise eine unerwünschte, von der Seite abgeschöpfte Werbung oder gar nichts an (was furchtbar ist).

Für ein OG-Bild wird normalerweise eine Auflösung von 1200×627 Pixel (1,91:1) empfohlen

Erweiterte og:image-Tags

HTML

Es ist auch möglich, die og:image-Tags mit Attributen wie og:image:width, or:image:height oder og:image:alt anzureichern.

DasMarkieren Ihrer Seiten mit Open-Graph-Tags kann sehr zeitaufwendig sein. Hoffentlich reichern fast alle SEO Plugins, wie SEOPress, Ihre Seiten-Meta automatisch mit OG-Tags an.

Wenn Sie lernen möchten, wie man OG-Attribute richtig schreibt, hat Facebook einen ausgezeichneten Leitfaden "Zum Teilen für Webmaster" darüber veröffentlicht.

Das Open-Graph-Protokoll war so erfolgreich, dass alle anderen Social Media damit begonnen haben, es zu nutzen.

Twitter-Karten

Twitter Card Markup basiert auf dem gleichen Muster und Funktion in einem ähnlichen. Sie müssen es zu Ihren HTML-Dokumenten hinzufügen, um Ihren Inhalt zu erklären und die Kontrolle über die auf Twitter angezeigten Snippets zurückzugewinnen, wenn eine Ihrer URLs geteilt wird.

Standardmäßig sind 4 Twitterkarten-Vorlagen verfügbar:

  1. Die Übersichtskarte;
  2. Die Übersichtskarte mit großem Bild;
  3. Die App Card;
  4. Die Spielerkarte;

Nicht zuletzt funktioniert das Open-Graph-Protokoll auch bei LinkedIn auf die gleiche Weise.

HTML

Reiche Pins für Pinteresse

Pinterest verwendet auch das Open-Graph-Protokoll, um seine reichhaltigen Pins zu definieren. Es gibt 3 Arten von Rich Pins:

  1. Artikel Pins;
  2. Produkt-Pins;
  3. Rezeptnadeln;

Es funktioniert ähnlich wie bei Facebook, Twitter und LinkedIn.

HTML

Reiche Pins für WordPress

Soweit ich weiß, ist unser Plugin WordPress das einzige, das es WordPress-Benutzern erlaubt, Bildattributfelder für Pinterest hinzuzufügen. Das Feature ist völlig kostenlos und erfordert kein Guthaben. Sie können auf sie in der Mediensektion zugreifen.

Bild SEO Rich Pin-Einstellungen

Warum sollte jeder Social-Media-Vermarkter die Optimierung von Open-Graph-Tags im Kopf haben?

Unterm Strich: Weil ein ansprechendes Image die Aufmerksamkeit auf sich zieht. Und ein großartiger Titel und eine gute Beschreibung lockt die Nutzer von Social Media dazu, auf Ihr Snippet zu klicken.

Mit Twitter-Karten optimierte Seiten erhalten mehr Klicks, Vorlieben und Retweets.
Seiten, die mit Facebook-Karten optimiert wurden, erhalten mehr Klicks, Vorlieben und Freigaben.
Seiten, die mit Rich-Pins optimiert wurden, erhalten mehr Klicks, Vorlieben und Freigaben.
Et cetera, et cetera, et cetera, et cetera.

Social Cards sind ebenfalls ein wichtiger Teil Ihres visuellen Brandings, und jede Website sollte sie haben. Sie sind eine bemerkenswerte Möglichkeit, Ihre Blog-Inhalte bekannt zu machen und sich mit Ihrer Community zu verbinden.

Social-Media-Karten geben Ihnen nicht nur mehr Einfluss auf Ihre Anhänger, sondern sind auch eine visuelle Komponente Ihrer Produkte selbst.

Es ist eine bekannte Tatsache, dass Tweets mit visuellen Anhängen eine größere Aufmerksamkeit erhalten als der durchschnittliche Tweet: Die Optimierung Ihrer Karten wird diese Dynamik verstärken.

Sind Social Media Card und Open-Graph-Tags für SEO relevant?

Studien zeigen, dass es einen Zusammenhang zwischen Social-Media-Aktien und höheren Rankings in Suchmaschinen gibt. Viele SEO-Experten argumentieren jedoch, dass Rankings nicht direkt durch das Engagement in den sozialen Medien beeinflusst werden.

Es ist immer raffiniert, zwischen SEO-Spezialisten zu bestimmen, wer falsch und wer richtig liegt.

Schließlich brachte Matt Cutts, ehemaliger Google-Mitarbeiter, das Argument in einem Film zum Ausdruck (Link unten).

Matt Cutts ehemaliger Google-Mitarbeiter
Sehen Sie sich das vollständige Video an. Werden Seiten von Social-Media-Websites anders gereiht?

"Facebook- und Twitter-Seiten werden wie alle anderen Seiten in unserem Web-Index behandelt. Wenn also etwas auf Twitter oder Facebook auftaucht und wir in der Lage sind, es zu crawlen, dann können wir das in unseren Suchergebnissen zurückgeben. Aber was die spezielle Arbeit betrifft, um zu sagen, oh, Sie haben so viele Follower auf Twitter oder so viele auf Facebook, so weit ich weiß, haben wir derzeit keine solchen Signale in unseren Web-Such-Ranking-Algorithmen.

Das ist also das Ende der Geschichte, richtig? Nicht ganz...

Erstens zeigte eine Studie der kognitiven SEO, dass die Ergebnisse auf den ersten Plätzen mehr soziale Signale hatten.

Zweitens bestätigen die Webmaster-Richtlinien von Bing, dass die Social Media Authority einen Einfluss auf die Suchergebnisse hatte. Zumindest wenn es um Bing geht, spielen soziale Anteile bei SEO also durchaus eine Rolle.

Und schließlich, je mehr Follower Sie haben, desto wahrscheinlicher ist es, dass Ihre Inhalte geteilt werden: Wenn Sie einen B2B-Markt ansprechen, ist Twitter zum Beispiel eine ausgezeichnete Möglichkeit, um Backlinks zu erhalten...!

Social Media = Erhöhte Sichtbarkeit = mehr Links

Also ja, Social Media hat einen gewissen Einfluss darauf, wie Websites in den Suchmaschinen platziert werden, und deshalb müssen Sie auf Ihre OG-Tags achten.

Wie erstellt man erstaunliche Social Media Cards?

Wenn Sie altmodisch sind, können Sie dieses Tutorial lesen und sie mit Ihrem bevorzugten HTML-Editor erstellen. Aber was für eine Zeitverschwendung...!

Die meisten SEO-Plugins verfügen über eine Funktion zum automatischen Hinzufügen von OG-Tags zu Ihren Webseiten. Aber man kann sie nicht wirklich anpassen...!

Grafik-Plugin für WordPress öffnen

Diese Sozialkarte müsste aufgemotzt werden!

Deshalb haben wir in unser Plugin einen Social Media Cards Optimizer integriert. Wir dachten, dass es eine ausgezeichnete Möglichkeit wäre, mehr Social Media Traffic auf Ihre Website zu bringen, mit attraktiven og:Bildern aus Ihrer WordPress-Bibliothek.

Ich klicke lieber auf diese Vorschau...!

Das Plugin ist einfach zu benutzen und hilft Ihnen, automatisch einige ernsthafte Social Media Marketing Assets zu erstellen.

1. Definieren Sie, ob Sie og:images für Ihre Seite und/oder Ihren Beitrag generieren möchten

2. Erstellen Sie eine perfekte og:image-Vorlage, um Ihre Social Media-Leads zu erhöhen.

3. Schnappen Sie sich das Popcorn und sehen Sie zu, wie der Verkehr in Ihren sozialen Medien wächst

Vielleicht möchten Sie auch Ihre alten Artikel optimieren. Es ist sehr einfach. Sie brauchen nur auf Ihrer Posts-Seite auf "Generieren" zu klicken.

Vergessen Sie nicht, für ein optimales Ergebnis ein bestimmtes Bild in Ihren Beiträgen und Seiten auszuwählen.

Und das war's, Sie haben jetzt ein schönes og:image für Twitter, Facebook und LinkedIn.

Post Scriptum: Zu diesem Thema gefällt mir wirklich Wie Sie den beschämenden Blick vermeiden, den Ihre Website auf Twitter und Facebook hat von Emmanuel Ohan. Ich würde Ihnen raten, einen Blick darauf zu werfen. Es ist gut geschrieben und lehrreich!

Unser SEO-Tool wird Ihren Traffic steigern

Warum haben Sie die Suchmaschinenoptimierung von Bildern so lange vernachlässigt ?

Kostenlos ausprobieren