\nProzentualer Anteil von Klicks im Verh\u00e4ltnis zu den Impressionen)<\/span><\/span> durch fehlende Optimierung von Bildern oder Texten in der Vorschau sank, ist ja leicht nachvollziehbar. Wir sind eben doch optische Gourmets.<\/p>\n
Workaround<\/h2>\nWorkarounds sind \u00fcbrigens meine Spezialit\u00e4t und ein \u00dcberbleibsel aus meiner Informatik-Karriere:
\nWenn du nicht in der Lage bist einen Fehler zu beheben, so baust du dir zumindest etwas, was die Symptome vertuscht.<\/div>\nF\u00fcr uns bedeutet das:
\nMan kann zumindest davon ablenken, dass die Facebook Link Vorschau<\/strong> ziemlich kacke und nicht gerade einladend aussieht, wenn man als Beitragsart \u00bbBild\u00ab ausw\u00e4hlt. Dazu schreibt man dann noch ein paar Zeilen und knallt im Abschlu\u00df den Link unter den Text. Fertig. Funktioniert und sieht besser aus als die trostlose Linkvorschau. Au\u00dferdem vertuscht man an dieser Stelle erfolgreich, dass man seine Website oder sein Blog noch nicht mit den Open Graph Tags f\u00fcr die sozialen Medien optimiert hat. Sehr schlau.<\/p>\nSharing is caring – oder so<\/h2>\n
Unsere Facebook-Posts sehen dank des Workarounds ganz gut aus und Bilder gehen bekannterweise ja sowieso immer ganz gut. Unsere Besucherzahlen sinken nicht so rapide wie die Titanic – und wir reiben uns die H\u00e4nde. Ha! Mach doch, was du willst, Facebook! Wir haben ein gutes Workaround gefunden: Also, so what, verdammte Axt 2000? Es besteht kein Bedarf zu handeln.<\/p>\n
[bctt tweet=“Sind die Open Graph Tags wichtig – oder k\u00f6nnen die weg(bleiben)?“ username=“minus78″]<\/p>\n
Zumindest besteht so lange kein Handlungsbedarf, solange man anderen Menschen verbieten kann, den Link zu teilen. Oder: \u00c4tsch, reingelegt! Es besteht sehr wohl ein Handlungsbedarf! Die Open Graph Tags w\u00e4ren am Besten schon gestern auf Blogs und Websites eingebunden worden. Immerhin geht es auf den sozialen Kan\u00e4len um das Teilen von interessanten Inhalten – und was ich interessant finde und teilen m\u00f6chte, entscheide ich.
\nAber, Hand aufs Herz, sind wir nicht alle schon mal \u00fcber einen interessanten Link gestolpert, der sich beim Generieren der Vorschau dann als die popeligste Link-Vorschau aller Zeiten entpuppte? Und wie oft haben wir dann gedacht: \u00bbAch komm, lass‘ stecken! Dann teile ich den Link eben nicht. Ich habe jetzt keine B\u00f6cke ’nen passendes Bild zu suchen (f\u00fcr das ich auch noch das Urheberrecht haben muss) und einen Text dazu zu schreiben\u00ab. Und wenn ich noch ehrlicher sein darf: Rein beruflich betrachtet ist es eine Katastrophe! Nat\u00fcrlich ist es auch f\u00fcr meine Kunden ein absolutes No-Go, dass auf ihren Unternehmensseiten Links geteilt werden, die nicht aufbereitet sind.<\/p>\n
Dabei ist es gar nicht so schwer:<\/p>\n
1 – Blog (WordPress)<\/h2>\n
Mal ehrlich: Plugins und Addons gibt’s wie Sand am Meer.
\nIch empfehle an dieser Stelle nur die Plugins, die ich f\u00fcr diese Zwecke einsetze.<\/p>\n
1.1 – Squirrly<\/h3>\n
Auf code78 nutze ich das Plugin Squirrly<\/a> f\u00fcr quasi<\/del> alles: F\u00fcr das Open Graph Protokoll,\u00a0 Twitter Cards,\u00a0 Schema, SEO-Ged\u00f6hns, JSON-LD Structured Data, Performance Analysen, … . Ich glaube, das einzige, was es wohl nicht kann, ist den Flesh-Wert eines Artikels zu ermitteln. Aber: Der hat mich eh immer unter Druck gesetzt.
\nSquirrly platziert unter dem Editor eine Box, in der man den Titel, die Beschreibung und das Bild hinterlegen kann:<\/p>\n![\"Mit](\"https:\/\/code78.de\/blog\/wp-content\/uploads\/2017\/10\/squirrly-open-graph.png\")
<\/p>\n
1.2 – Facebook Open Graph, Google+ and Twitter Card Tags<\/h3>\n
Auf ruhrBLOGs haben wir schon YOAST f\u00fcr unseren SEO-Kram installiert. Und YOAST vertr\u00e4gt sich nicht mit Squirrly. Deswegen habe ich mich nach einer Alternative umsehen m\u00fcssen und mit Facebook Open Graph, Google+ and Twitter Card Tags<\/a> ein schlankes Plugin gefunden, das tut, was es soll.<\/p>\n![\"Facebook](\"https:\/\/code78.de\/blog\/wp-content\/uploads\/2017\/10\/facebook-twitter-google-open-graph.png\")
<\/p>\n
2. Blog (Blogger \/ Blogspot)<\/h2>\n
Ehrlichgesagt kann ich an dieser Stelle keine schlauen Tipps geben, weil ich noch nie mit Blogger gearbeitet habe. Ich habe allerdings einen Artikel gefunden, in dem beschreiben wird, wie man die Open Graph Tags in Blogger hinzuf\u00fcgt.<\/p>\n
Nach R\u00fccksprache mit Claudia von schusteronline<\/a> habe ich aber erfahren, dass sie nie irgendeinen Code eingef\u00fcgt hat, aber trotzdem ganz ansehnliche Link-Vorschauen erh\u00e4lt. Und falls das mal nicht so klappt, zeigt sie in ihrem YouTube-Video, wie sie f\u00fcr ihre Blogartikel von Blogger doch noch ansehnliche Ergebnisse erh\u00e4lt<\/a>. Ist auch eher so ein Workaround, oder <\/i>?<\/p>\n3. Website<\/h2>\n
Wer eine Website hat, kann coden oder kennt zumindest jemanden, der das kann. Der\/Diejenige bindet die Open Graph Tags ganz einfach in den <head><\/code> der Seite ein und passt sie individuell der Seite an. F\u00fcr die Facebook Link-Vorschau sind die Tags title, type, description, image<\/em> und url<\/em> relevant:<\/p>\n<meta property=\"og:title\" content=\"Titel der Seite\" \/>
\n<meta property=\"og:type\" content=\"website\" \/>
\n<meta property=\"og:description\" content=\"Krasse Beschreibung oder so\" \/>
\n<meta property=\"og:url\" content=\"https:\/\/deine-url.tld\" \/>
\n<meta property=\"og:image\" content=\"https:\/\/deine-url.tld\/image\/tolles-bild.jpg\" \/><\/code><\/p>\nDie anderen Tags, die theoretisch noch zur Verf\u00fcgung stehen, vernachl\u00e4ssige ich an dieser Stelle, weil dieser Artikel ja von der Facebook Link-Vorschau handelt. So st\u00fcnde zum Beispiel f\u00fcr Insights noch der Tag fb:app_id<\/code> zur Verf\u00fcgung, mit der du die Analysedaten von Facebook einsehen kannst.<\/p>\nTesten<\/h2>\n
Bevor es nun an das Teilen auf den sozialen Netzwerken geht, kontrolliere ich meine Links und die generierte Vorschau. Ich bin n\u00e4mlich einer dieser Menschen, die nur ein<\/strong> Beitragsbild haben und es f\u00fcr alles nutzen. Hin und wieder schneidet mir Facebook n\u00e4mlich oben und unten oder links und rechts irgendwas ab. Und mit irgendwas meine ich Buchstaben. Sehr \u00e4rgerlich.
\nMit dem Sharing Debugger<\/a> k\u00f6nnt ihr \u00fcberpr\u00fcfen, wie die Vorschau durch Facebook generiert wird.<\/p>\nAnschubsen<\/h2>\n
Vielleicht kennt ihr das Problem ja: Ihr bemerkt beim \u00dcberpr\u00fcfen oder Posten eures Links, dass ihr euch in der Beschreibung verschrieben habt oder das Bild falsch zugeschnitten wurde.
\nEs liegt ja nahe, diesen Fehler auf eurem Blog oder eurer Website in den Open Graph Tags zu korrigieren und den Artikel \/ die Seite zu aktualisieren.
\nDann switcht ihr wieder zu Facebook r\u00fcber, packt den Link und wundert euch \u00fcber die Vorschau. Die ist n\u00e4mlich die olle Kamelle von vorher. Das liegt daran, dass der Link, sobald er von Facebook gescraped wurde, gespeichert wird.
\nMeine Website \u00bbminus78\u00ab wurde laut Debugger-Informationen vor rund einem Monat das letzte Mal gescraped:<\/p>\n
![\"Facebook](\"https:\/\/code78.de\/blog\/wp-content\/uploads\/2017\/10\/facebook-debugger-open-graph.png\")
\nSo lange wollen wir aber nicht warten, oder?
\nNachdem wir nun also die Tags mit den fehlerhaften Informationen ge\u00e4ndert haben, schubsen wir den Crawler einfach durch einen Klick auf \u00bbNeue Scraping-Infos abrufen\u00ab an – und erhalten jetzt die neue Link-Vorschau.<\/p>\n
Fazit:
\nEigentlich ist es gar nicht so aufw\u00e4ndig und schwer, eine ansprechende Link-Vorschau zu generieren. Man muss nur wissen, wie man das am Besten anstellt.<\/p>\n
<\/div>\n<\/div>\n \r\n \u00c4hnliche Beitr\u00e4ge<\/div>\r\n \r\n\r\n \r\n \r\n \r\n\r\n ![\"AxtIntent](\"https:\/\/code78.de\/blog\/wp-content\/uploads\/2026\/02\/AxtIntent-Score.jpg\")
\r\n\r\n <\/a>\r\n <\/div>\r\n\r\n \r\n AxtIntent: Der Score, der Suchintention trifft \u2013 statt nur Keywords <\/a>\r\n\r\n <\/div>\r\n
\nWenn du nicht in der Lage bist einen Fehler zu beheben, so baust du dir zumindest etwas, was die Symptome vertuscht.<\/div>\n
F\u00fcr uns bedeutet das: Unsere Facebook-Posts sehen dank des Workarounds ganz gut aus und Bilder gehen bekannterweise ja sowieso immer ganz gut. Unsere Besucherzahlen sinken nicht so rapide wie die Titanic – und wir reiben uns die H\u00e4nde. Ha! Mach doch, was du willst, Facebook! Wir haben ein gutes Workaround gefunden: Also, so what, verdammte Axt 2000? Es besteht kein Bedarf zu handeln.<\/p>\n [bctt tweet=“Sind die Open Graph Tags wichtig – oder k\u00f6nnen die weg(bleiben)?“ username=“minus78″]<\/p>\n Zumindest besteht so lange kein Handlungsbedarf, solange man anderen Menschen verbieten kann, den Link zu teilen. Oder: \u00c4tsch, reingelegt! Es besteht sehr wohl ein Handlungsbedarf! Die Open Graph Tags w\u00e4ren am Besten schon gestern auf Blogs und Websites eingebunden worden. Immerhin geht es auf den sozialen Kan\u00e4len um das Teilen von interessanten Inhalten – und was ich interessant finde und teilen m\u00f6chte, entscheide ich. Dabei ist es gar nicht so schwer:<\/p>\n Mal ehrlich: Plugins und Addons gibt’s wie Sand am Meer. Auf code78 nutze ich das Plugin Squirrly<\/a> f\u00fcr Auf ruhrBLOGs haben wir schon YOAST f\u00fcr unseren SEO-Kram installiert. Und YOAST vertr\u00e4gt sich nicht mit Squirrly. Deswegen habe ich mich nach einer Alternative umsehen m\u00fcssen und mit Facebook Open Graph, Google+ and Twitter Card Tags<\/a> ein schlankes Plugin gefunden, das tut, was es soll.<\/p>\n Ehrlichgesagt kann ich an dieser Stelle keine schlauen Tipps geben, weil ich noch nie mit Blogger gearbeitet habe. Ich habe allerdings einen Artikel gefunden, in dem beschreiben wird, wie man die Open Graph Tags in Blogger hinzuf\u00fcgt.<\/p>\n Nach R\u00fccksprache mit Claudia von schusteronline<\/a> habe ich aber erfahren, dass sie nie irgendeinen Code eingef\u00fcgt hat, aber trotzdem ganz ansehnliche Link-Vorschauen erh\u00e4lt. Und falls das mal nicht so klappt, zeigt sie in ihrem YouTube-Video, wie sie f\u00fcr ihre Blogartikel von Blogger doch noch ansehnliche Ergebnisse erh\u00e4lt<\/a>. Ist auch eher so ein Workaround, oder <\/i>?<\/p>\n Wer eine Website hat, kann coden oder kennt zumindest jemanden, der das kann. Der\/Diejenige bindet die Open Graph Tags ganz einfach in den Die anderen Tags, die theoretisch noch zur Verf\u00fcgung stehen, vernachl\u00e4ssige ich an dieser Stelle, weil dieser Artikel ja von der Facebook Link-Vorschau handelt. So st\u00fcnde zum Beispiel f\u00fcr Insights noch der Tag Bevor es nun an das Teilen auf den sozialen Netzwerken geht, kontrolliere ich meine Links und die generierte Vorschau. Ich bin n\u00e4mlich einer dieser Menschen, die nur ein<\/strong> Beitragsbild haben und es f\u00fcr alles nutzen. Hin und wieder schneidet mir Facebook n\u00e4mlich oben und unten oder links und rechts irgendwas ab. Und mit irgendwas meine ich Buchstaben. Sehr \u00e4rgerlich. Vielleicht kennt ihr das Problem ja: Ihr bemerkt beim \u00dcberpr\u00fcfen oder Posten eures Links, dass ihr euch in der Beschreibung verschrieben habt oder das Bild falsch zugeschnitten wurde. Fazit:
\nMan kann zumindest davon ablenken, dass die Facebook Link Vorschau<\/strong> ziemlich kacke und nicht gerade einladend aussieht, wenn man als Beitragsart \u00bbBild\u00ab ausw\u00e4hlt. Dazu schreibt man dann noch ein paar Zeilen und knallt im Abschlu\u00df den Link unter den Text. Fertig. Funktioniert und sieht besser aus als die trostlose Linkvorschau. Au\u00dferdem vertuscht man an dieser Stelle erfolgreich, dass man seine Website oder sein Blog noch nicht mit den Open Graph Tags f\u00fcr die sozialen Medien optimiert hat. Sehr schlau.<\/p>\nSharing is caring – oder so<\/h2>\n
\nAber, Hand aufs Herz, sind wir nicht alle schon mal \u00fcber einen interessanten Link gestolpert, der sich beim Generieren der Vorschau dann als die popeligste Link-Vorschau aller Zeiten entpuppte? Und wie oft haben wir dann gedacht: \u00bbAch komm, lass‘ stecken! Dann teile ich den Link eben nicht. Ich habe jetzt keine B\u00f6cke ’nen passendes Bild zu suchen (f\u00fcr das ich auch noch das Urheberrecht haben muss) und einen Text dazu zu schreiben\u00ab. Und wenn ich noch ehrlicher sein darf: Rein beruflich betrachtet ist es eine Katastrophe! Nat\u00fcrlich ist es auch f\u00fcr meine Kunden ein absolutes No-Go, dass auf ihren Unternehmensseiten Links geteilt werden, die nicht aufbereitet sind.<\/p>\n1 – Blog (WordPress)<\/h2>\n
\nIch empfehle an dieser Stelle nur die Plugins, die ich f\u00fcr diese Zwecke einsetze.<\/p>\n1.1 – Squirrly<\/h3>\n
quasi<\/del> alles: F\u00fcr das Open Graph Protokoll,\u00a0 Twitter Cards,\u00a0 Schema, SEO-Ged\u00f6hns, JSON-LD Structured Data, Performance Analysen, … . Ich glaube, das einzige, was es wohl nicht kann, ist den Flesh-Wert eines Artikels zu ermitteln. Aber: Der hat mich eh immer unter Druck gesetzt.
\nSquirrly platziert unter dem Editor eine Box, in der man den Titel, die Beschreibung und das Bild hinterlegen kann:<\/p>\n<\/p>\n1.2 – Facebook Open Graph, Google+ and Twitter Card Tags<\/h3>\n
<\/p>\n2. Blog (Blogger \/ Blogspot)<\/h2>\n
3. Website<\/h2>\n
<head><\/code> der Seite ein und passt sie individuell der Seite an. F\u00fcr die Facebook Link-Vorschau sind die Tags title, type, description, image<\/em> und url<\/em> relevant:<\/p>\n<meta property=\"og:title\" content=\"Titel der Seite\" \/>
\n<meta property=\"og:type\" content=\"website\" \/>
\n<meta property=\"og:description\" content=\"Krasse Beschreibung oder so\" \/>
\n<meta property=\"og:url\" content=\"https:\/\/deine-url.tld\" \/>
\n<meta property=\"og:image\" content=\"https:\/\/deine-url.tld\/image\/tolles-bild.jpg\" \/><\/code><\/p>\nfb:app_id<\/code> zur Verf\u00fcgung, mit der du die Analysedaten von Facebook einsehen kannst.<\/p>\nTesten<\/h2>\n
\nMit dem Sharing Debugger<\/a> k\u00f6nnt ihr \u00fcberpr\u00fcfen, wie die Vorschau durch Facebook generiert wird.<\/p>\nAnschubsen<\/h2>\n
\nEs liegt ja nahe, diesen Fehler auf eurem Blog oder eurer Website in den Open Graph Tags zu korrigieren und den Artikel \/ die Seite zu aktualisieren.
\nDann switcht ihr wieder zu Facebook r\u00fcber, packt den Link und wundert euch \u00fcber die Vorschau. Die ist n\u00e4mlich die olle Kamelle von vorher. Das liegt daran, dass der Link, sobald er von Facebook gescraped wurde, gespeichert wird.
\nMeine Website \u00bbminus78\u00ab wurde laut Debugger-Informationen vor rund einem Monat das letzte Mal gescraped:<\/p>\n
\nSo lange wollen wir aber nicht warten, oder?
\nNachdem wir nun also die Tags mit den fehlerhaften Informationen ge\u00e4ndert haben, schubsen wir den Crawler einfach durch einen Klick auf \u00bbNeue Scraping-Infos abrufen\u00ab an – und erhalten jetzt die neue Link-Vorschau.<\/p>\n
\nEigentlich ist es gar nicht so aufw\u00e4ndig und schwer, eine ansprechende Link-Vorschau zu generieren. Man muss nur wissen, wie man das am Besten anstellt.<\/p>\n\r\n\r\n <\/a>\r\n <\/div>\r\n\r\n \r\n AxtIntent: Der Score, der Suchintention trifft \u2013 statt nur Keywords <\/a>\r\n\r\n <\/div>\r\n
![\"E-E-A-T](\"https:\/\/code78.de\/blog\/wp-content\/uploads\/2026\/02\/E-E-A-T-Content-Audit.jpg\")
\r\n\r\n <\/a>\r\n <\/div>\r\n\r\n ![\"Case](\"https:\/\/code78.de\/blog\/wp-content\/uploads\/2026\/04\/code78-case-study-maerz.jpg\")
\r\n\r\n <\/a>\r\n <\/div>\r\n\r\n