Technologische Neuigkeiten, Bewertungen und Tipps!

Leitfaden zu Facebook Öffnen Sie Graph und Twitter Karte

Der folgende Artikel hilft Ihnen dabei: Leitfaden zu Facebook Öffnen Sie Graph und Twitter Karte

Haben Sie jemals einen Beitrag von Ihrer Website geteilt? Facebook nur um blockige Textblöcke und verschwommene Bilder zu finden? Wir waren alle als digitale Vermarkter und Social-SEO-Experten dort.

Dies geschieht beim Teilen von Inhalten von Websites auf Social-Media-Plattformen. Dies geschieht auch bei der Verknüpfung von Inhalten zwischen verschiedenen Social-Media-Kanälen.

Die Probleme mit der Qualitätseinbuße bei geteilten Beiträgen treten nicht nur auf Facebook. Es passiert weiter Twitter und auch andere Social-Media-Plattformen. Dies liegt daran, dass Sie als Herausgeber nicht definiert haben, welche Inhalte angezeigt werden sollen und wie diese angezeigt werden sollen, wenn Sie einen Link teilen.

Möglicherweise verfügen Sie über die schönsten Inhalte, einschließlich optimierter Webseiten und inspirierender Bilder. Wenn jedoch die Qualität in dem Moment, in dem Sie es in Ihren sozialen Medien teilen, aus dem Fenster verschwindet, sind alle Ihre Social-SEO-Bemühungen umsonst. Kein Follower möchte den resultierenden unsichtbaren oder unattraktiven Beitrag möglicherweise erneut mit seinen Freunden teilen.

Die Antwort auf dieses Problem ist die Facebook Öffnen Sie Graph und Twitter Karte.

Was ist der Facebook Diagramm öffnen?

Die Open Graph Meta-Tags eingeführt von Facebook Definieren Sie im Jahr 2010, wie Ihre Inhalte angezeigt werden, wenn Sie sie auf Websites und anderen Social-Media-Seiten teilen.

Durch die Verwendung von Open Graph können Ihre übertragenen Inhalte in ein umfangreiches Diagramm umgewandelt werden, d. h. sie behalten überlegene Anzeigequalitäten wie andere direkte Inhalte Facebook Beiträge.

Wenn Sie sich als Vermarkter mit der Funktionsweise von Open Graph vertraut machen, können Sie die Teilbarkeit Ihrer Inhalte verbessern. Benutzer erwarten gestochen scharfe Bilder und klaren Text, und dies kann durch die richtige Verwendung von Open Graph erreicht werden. Das Ergebnis dieser Social-SEO-Bemühungen wären mehr Shares und mehr Traffic.

og: Titel

In diesem Meta-Tag erfahren Sie, wie Sie beim Teilen den Titel Ihres Blogs umreißen Facebook. Der og:-Titel funktioniert auf die gleiche Weise wie das HTML-Tag in Ihrem Code, das Suchmaschinen-Crawlern mitteilt, worum es in Ihrem Inhalt geht.

Ihr og:-Titel muss fett und überzeugend sein. Auch wenn es keine festgelegten Beschränkungen hinsichtlich der Anzahl der Zeichen gibt, eignen sich durchschnittlich 60 Zeichen am besten für eine auffällige Darstellung.

Beispiel

og: URL

Dieses Open Graph-Meta-Tag ist die URL Ihres Blog-Beitrags, Ihrer Seite oder Ihres Bildes. Allerdings wird die URL nie im Social-Graph angezeigt; Es wird nur die Domäne angezeigt. Dieses Tag ist wichtig, insbesondere wenn Sie mehrere URLs für denselben Inhalt haben. Für eine leicht messbare soziale SEO hilft es zu definieren, wohin der Traffic des Beitrags geleitet wird.

Beispiel

Beispiel:

og: Beschreibung

Das Beschreibungs-Tag informiert Ihr Social-Media-Publikum über Ihre Seite. Auf diese Weise können Benutzer die Relevanz Ihrer Inhalte im Vergleich zu den gesuchten Informationen einschätzen. Was Sie zu diesem Tag schreiben, wird unter dem Link Ihres Beitrags angezeigt Facebook.

Beispiel

og: Typ

Der og:-Typ beschreibt Ihren Inhaltstyp, z. B. Blogbeitrag, Spiel, Buch, Film usw.

Beispiel:

og: Bild

Dieses Tag gibt die Bild-URL an. Die Bilder müssen klar sein, damit Ihr Beitrag hervorsticht. Ohne diese Beschreibung festzulegen, Facebook Möglicherweise wird ein unerwünschter Teil Ihrer Website als Bild angezeigt oder Ihr Bild wird zu stark komprimiert.

Denken Sie daran, dass für eine optimale Bilddarstellung in Ihrem geteilten Beitrag die Auflösung 1200 Pixel x 627 Pixel betragen muss. Achten Sie jedoch darauf, die Bildgröße unter 5 MB zu halten. Der Bild-Tag in Open Graph ermöglicht auch die Verwendung eines anderen Bildes; Es muss nicht das sein, was Sie auf Ihrer Seite haben.

Beispiel:

Was ist Twitter Karte?

Twitter Karten sind TwitterDie Protokolle zum Teilen und Veröffentlichen von Inhalten funktionieren auf die gleiche Weise wie Facebook’s Open Graph. In diesem Fall sind Ihre Inhaltsbeschreibungen jedoch für Nutzer nicht sichtbar. Sie können verwenden Twitter Karten, um mehr Informationen über die 280-Zeichen-Grenze hinaus zu veröffentlichen. Die Karten tragen ebenfalls dazu bei, die Hervorhebung Ihrer Website, Bilder und anderer Inhalte zu verbessern, wenn sie von anderen Websites geteilt werden.

Twitter: Karte

Dieses Meta-Tag beschreibt, was Ihr Inhalt ist. Sie haben die Möglichkeit, Bild-, Video- oder Webinhalte auszuwählen. Mit dem Beschreibungs-Tag können Sie eine auffällige zusammenfassende Beschreibung Ihres Webinhalts auf Twitter zusammen mit einer Miniaturansicht und einem Titel erstellen.

Beispiel:

Twitter: URL

Durch das Einrichten Ihrer URL-Beschreibung wird sichergestellt, dass der Datenverkehr von Ihrem Twitter Die Klicks des Beitrags haben einen Platz erreicht.

Beispiel:

Twitter: Titel

Das Title-Tag muss, wie in Open Graph, prägnant beschreiben, worum es in Ihrem Inhalt geht. Dafür stehen Ihnen bis zu 70 Zeichen zur Verfügung und Sie haben die Möglichkeit, mit den richtigen Schlüsselwörtern die Aufmerksamkeit Ihres Publikums zu erregen.

Beispiel:

App-Karten

Diese werden beim Teilen von Werbung für mobile Apps verwendet. Die Karten zeigen einen Ausschnitt des Symbols Ihrer App sowie den Preis und die Inhaltsbewertung. Die Beschreibung sollte 200 Zeichen lang sein und das Bild mindestens 800 x 320 Pixel.

Beispiel

Twitter: Bild

Tweets mit Bildern erhalten mehr Klicks und Retweets. Mit der Bild-Twitter-Karte können Sie festlegen, welches Bild neben Ihrem Twitter-Beitrag angezeigt werden soll und wie es aussehen soll. Die Größe Ihres Bildes sollte 1 MB nicht überschreiten und die Auflösung sollte zwischen 60 x 60 Pixel und 120 x 120 Pixel liegen.

Beispiel

meta name=“twitter: image“ content=“https://where-your-image-is-hosted/name.jpg“ />

Warum sind die Aufschläge wichtig?

  • Sowohl Open Graph als auch Twitter Bei Karten handelt es sich um strukturierte Daten, mit denen Sie steuern können, wie Ihre Inhalte angezeigt werden
  • Sie tragen dazu bei, qualitativ hochwertige Beiträge zu erhalten Facebook Und Twitter für erhöhte Sichtbarkeit
  • Sie erhöhen die Sympathie und Teilbarkeit Ihrer Inhalte
  • Sie machen Ihre Inhalte anklickbarer und verbessern so den Traffic und die Conversions

Wie erstelle ich das Markup manuell?

Nachdem Sie nun verstanden haben, wie Social-Media-Tags funktionieren, lassen Sie uns sie auf Ihrer WordPress-Website in die Tat umsetzen und das ROI-Potenzial Ihrer Social-SEO beschleunigen. Wenn Sie die Markups manuell erstellen, sollte der gesamte Code in der Datei „functions.php“ des Themes Ihrer Website gespeichert werden.

Schritt 1: Öffnen Sie Ihre Funktionen. Fügen Sie in der PHP-Datei und im Sprachattributfilter eine Funktion hinzu, die Drittanbieteranwendungen darüber informiert, dass Ihr Inhalt mehr Tags als HTML-Tags enthält.

Schritt 2: Fügen Sie die Metadaten von Open Graph hinzu

Scrollen Sie zum Ende Ihrer Datei „functions.php“ und kopieren Sie den folgenden Code und fügen Sie ihn ein. Dieser Code ist eine bedingte Prüfung, die bestätigt, dass Sie sich auf einer Beitragsseite befinden und Open Graphs bzw Twitter Karten-Tags werden auf einzelnen Beitragsseiten vorgenommen.

Schritt 3: Fügen Sie das Open Graph hinzu oder Twitter Karten markieren nacheinander im Kopfbereich Ihrer Kopfzeile. PHP-Seite

Verwenden Sie den Titel Ihres Blog-Beitrags als og:-Titel und den Auszug für Ihre og:-Beschreibung und die Seiten-URL als Permalink. In diesem Beispiel haben wir unseren Inhaltstyp als Artikel definiert und es gibt eine Bildquelle. Verwenden Sie ein Ersatz-Thumbnail, wenn kein Beitragsbild vorhanden ist.

Schritt 4: Fügen Sie die hinzu Facebook „Gefällt mir“-Schaltflächencode im Hauptteil Ihrer Webseite (.). Facebook Benutzer können Ihre Inhalte ganz einfach teilen.

Nachdem Sie alle diese Meta-Tags hinzugefügt haben, beginnen Ihre Beitragsseiten mit der Ausführung einer primären Funktion von Open Graph oder Twitter Karte. Der Code kann je nach Beitragstyp mit erweiterten Tags geändert werden.

Erstellen des Markups mit SEOPressor Connect

Alternativ können Sie das Markup auch ganz einfach mit unserem Plugin erstellen. Sie müssen lediglich die Felder im Abschnitt „Soziale Netzwerke“ ausfüllen.

Eine ausführlichere Anleitung finden Sie hier: Social SEO einrichten

Abschluss

Öffnen Sie Graph und Twitter Card garantiert, dass Ihre Inhalte jedes Mal, wenn jemand Ihre Webinhalte über seinen Social-Media-Status teilt, ordentlich angezeigt werden, mit einem Link, einem Titel, einem Bild und einer Beschreibung.

Sie sind wichtige Social-SEO-Tools, die für mehr Traffic und Conversions implementiert werden müssen.

Winnie ist eine aufstrebende Texterin und Internet-Vermarkterin in der riesigen Welt des digitalen Marketings. Sie ist so neugierig, wie sie nur sein kann; Sie ist ständig auf der Suche nach Antworten auf ihre Fragen und sagt nie Nein zu neuen Erfahrungen. Wenn sie ihre Zeit nicht damit verbringt, einen Sturm zu tippen, ist sie zu Hause und beschäftigt sich mit ihrem endlosen Filmmarathon und ihren Büchern.

Table of Contents