Link-Vorschau - Checkliste für Problemlösungen für das Setzen von Open Graph Tags

Blog2Social
12:12 27.04.2021

Open Graph Tags (og:tags) sind eines der wichtigsten Dinge, um Deinen Blog oder Deine Webseite Social-Media-tauglich zu machen. OG-Tags definieren, wie Deine Linkvorschau (Snippet), die Deinen Titel, Deine Beschreibung und ein Bild enthält, in Deinen Social-Media-Beiträgen dargestellt wird.

Wenn Dein Beitrag mit einem falschen Bild oder ohne Bild, mit dem falschen Titel oder der falschen Beschreibung geteilt wurde, gehe bitte die folgenden Punkte durch und überprüfe damit Deine Blogbeiträge:

Checkliste

  ⃣ Quellcode überprüfen
  ⃣   Andere Plugins, die Open Graph Tags setzen, überprüfen
  ⃣ Open Graph Tags ändern
  ⃣ Beitragsvorlagen überprüfen

 ⃣  Quellcode prüfen

Als erstes kannst Du die Open Graph Tags überprüfen, indem Du Deinen Blogpost oder Deine Seite aufrufst und mit der rechten Maustaste irgendwo zwischen den Zeilen des Blogposts in einem freien Bereich das Menü öffnest.

1. Klicke auf "Seitenquelltext anzeigen", um den Quellcode zu öffnen. Ein neues Fenster oder Tab mit dem Quellcode wird sich öffnen.

2. Drücke Strg+F (bei Windows), um die Suchleiste am unteren Rand der Webseite zu öffnen.

Suchfeld-Quelltext

3. Tippe “og:image” ein und drücke die Enter-Taste. Der og:image Tag wird nun in Deinem Quellcode gefunden und farbig hinterlegt.

Die Zeilen

<meta property="og:image" content="https://www.blog2social.com/de/blog/wp-content/uploads/2018/03/blog2social-webapp-beitragsbild.png" />
<meta property="og:image:width" content="1000"/>
<meta property="og:image:height" content="1000"/>
<meta property="og:image:type" content="image/jpeg"/>
<meta property="og:image:alt" content="Blog2Social"/>

zeigen das Bild, dass als og:image für diesen Blogbeitrag hinterlegt ist.

Du kannst auch nach “og:title” oder “og:description” suchen, um den Titel und die Beschreibung zu überprüfen.

 ⃣  Überprüfe andere Plugins, die Open Graph Tags setzen

Wenn Du beim Überprüfen des Quellcodes feststellst, dass eines der og:tags mehr als einmal gesetzt ist, kann es sein, dass einige Social-Media-Netzwerke Deine Tags nicht lesen können. Bitte stelle sicher, dass Du nur Blog2Social zum Setzen von Meta-Tags verwendest und alle anderen Plugins, die diese Meta-Tags setzen, deaktivierst.

 ⃣  Open Graph Tags ändern

Wenn Du die Open Graph Tags überprüft hast und festgestellt hast, dass dort ein falsches Bild, ein falscher Titel oder eine falsche Beschreibung gesetzt ist, kannst Du die Tags ändern und Deinen Beitrag erneut teilen.

Hinweis: Es kann auch zu Verzögerungen kommen, die von den Netzwerken verursacht werden. Manchmal brauchen die Netzwerke ein paar Minuten, um die Daten zu verarbeiten. Lade einfach die Seite neu, um zu sehen, ob die Netzwerke den Beitrag jetzt korrekt anzeigen.

Wie ändere ich mit Blog2Social die Open Graph Tags meines Beitrags?

Du kannst die Open Graph Tags Deines Blogbeitrags mit Blog2Social ändern. Stelle dazu zunächst sicher, dass Du die folgenden Einstellungen unter "Blog2Social -> Einstellungen -> Social Meta Angaben" aktiviert hast:

Nun kannst Du wie folgt fortfahren:

1. Um Deine Beiträge im One-Page-Preview-Editor anzupassen, gehe zu "Blog2Social -> Webseiten-& Blogcontent" und wähle den Blogbeitrag aus, den Du teilen möchtest, indem Du auf "Auf Social Media teilen" klickst.

Blog2Social-Beitrag-auf-Social-Media-teilen

2. Wähle in der rechten Seitenleiste mindestens ein Social-Media-Netzwerk, das Link-Posts (Posts mit einer Linkvorschau) erlaubt, so wie beispielsweise Facebook oder LinkedIn. (Wenn Du Twitter oder Telegram auswählst, wirst Du statt der Open Graph Tags Twitter Card Tags sehen.) Hier findest Du mehr Informationen zu den verschiedenen Postformaten auf Social Media.

3. Überprüfe ob an der oberen rechten Ecke des Editorfeldes des jeweiligen Netzwerkes bei “Postformat” das Format “Link-Beitrag” eingestellt ist. Falls nicht, kannst Du auf diese Schrift klicken um das Postformat zu ändern.

Blog2Social-Postformat

4. Du kannst die Open Graph Tags in der Linkvorschau unter Deinem Textfeld direkt anpassen. Klicke dazu auf den Titel oder die Beschreibung und tippe Deine Änderungen direkt in das Feld. Die Änderungen werden in Deinen Quellcode geschrieben, nachdem Du auf “Teilen” geklickt hast.

Blog2Social-og-tags-aendern

5. Um Dein Bild zu ändern, klicke auf das Bild in Deiner Post-Vorschau. Es öffnet sich ein neues Fenster. Wähle ein Bild aus Deinem Beitrag aus oder klicke auf “Bild hochladen / Mediathek” um ein neues Bild hochzuladen oder ein Bild aus Deiner Mediathek auszuwählen. Bitte achte darauf, Dich dabei an die empfohlenen Bildgrößen zu halten.

Blog2Social-Bild-aendern

6. Klicke auf “Bild für alle Posts übernehmen”, um das Bild für alle Posts die Du aktuell planst zu übernehmen oder klicke auf “Bild für diesen Post übernehmen”, um es nur für diesen Post und alle weiteren Netzwerke die og Tags für ihre Linkvorschau verwenden, zu übernehmen.

Blog2Social-Bild-uebernehmen

Eine detaillierte Anleitung, was Open Graph Tags sind und wie Du sie nutzen kannst, findest Du in den folgenden Guides:
>> Was sind Open Graph Parameter und wozu nutze ich sie?
>> Was sind OG Open Graph Tags für Facebook?

 ⃣  Beitragsvorlagen überprüfen

Die og:tags sind korrekt gesetzt und in Deinem Beitrag fehlt ein Titel oder die Beschreibung/ der Inhalt?

Dann überprüfe bitte Deine Beitragsvorlagen für das jeweilige Netzwerk unter "Blog2Social -> Netzwerke -> Beitragsvorlage bearbeiten" und schaue, ob die Variablen wie gewünscht gesetzt sind. Mehr Informationen zu den Beitragsvorlagen findest Du hier:
>> Wie kann ich Social-Media-Beitragsvorlagen für meine Social-Media-Posts nutzen?

Test Blog2Social 30 days free of charge

Link-Vorschau, Open Graph Tags, Problemlösung

Durchschnittliche Bewertung: 0 (0 Abstimmungen)

Kommentieren nicht möglich

Topics

FAQs in dieser Kategorie

Beliebte FAQ-Beiträge