- \n
- Wie Facebook in Ihren Beitr\u00e4gen angesagte Bilder findet<\/li>\n
- So implementieren Sie die Unterst\u00fctzung f\u00fcr Facebook-Thumbnails richtig<\/li>\n
- So debuggen Sie Facebook-Miniaturansichten, wenn sie nicht funktionieren.<\/li>\n<\/ul>\n
Woher wei\u00df Facebook, welches Bild verwendet werden soll?<\/h2>\n
Facebook verwendet ein sogenanntes Open Graph-Protokoll. Kurz gesagt, es ist eine standardisierte M\u00f6glichkeit, Ihrer Seite Informationen \u00fcber Ihre Seite hinzuzuf\u00fcgen.<\/p>\n
Open Graph-Elemente auf Ihrer Seite k\u00f6nnen Facebook beispielsweise den Titel, die URL und das Bild mitteilen, das beim Teilen auf Facebook angezeigt werden soll. So sehen die Open Graph-Tags in einem aktuellen Blogbeitrag zu Compete Themes aus:<\/p>\n
![\"So](\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2021\/10\/post-178569-616f449d5c74a.png\")
<\/a><\/p>\nSie k\u00f6nnen alle Open Graph-Tags sehen, die mit \u201eog:“ beginnen. Schauen Sie sich insbesondere das \u201eog:image“-Tag an. Genau so teilen Sie Facebook mit, welches Bild als Thumbnail verwendet werden soll, wenn die Seite geteilt wird.<\/p>\n
Sie brauchen also nur eine M\u00f6glichkeit, Ihren Beitr\u00e4gen ein Open Graph-Image-Tag hinzuzuf\u00fcgen, das automatisch Ihr Featured Image verwendet.<\/p>\n
Keine Sorge, Sie m\u00fcssen keinen Code schreiben. Sie brauchen nur das richtige Plugin.<\/p>\n
Es gibt zwei Plugins, die sehr gut zum Hinzuf\u00fcgen von Open Graph-Tags funktionieren. M\u00f6glicherweise haben Sie sogar bereits eine davon installiert.<\/p>\n
Open Graph mit Yoast SEO hinzuf\u00fcgen<\/h3>\n
Verwenden Sie das Yoast SEO-<\/a> Plugin? Wenn ja, haben Sie bereits alles, was Sie brauchen.<\/p>\n
Im Yoast SEO-Men\u00fc sehen Sie das hier aufgef\u00fchrte Men\u00fc mit den sozialen Einstellungen:<\/p>\n
![\"So](\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2021\/10\/post-178569-616f449ff2da7.png\")
<\/a><\/p>\nBesuchen Sie die Sozialen Einstellungen und klicken Sie dann auf die Registerkarte Facebook.<\/p>\n
![\"So](\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2021\/10\/post-178569-616f44a270d66.png\")
<\/a><\/p>\nSchlie\u00dflich sehen Sie die Option zum Aktivieren der Open Graph-Metadaten. Stellen Sie sicher, dass diese Option aktiviert ist, falls dies noch nicht geschehen ist.<\/p>\n
![\"So](\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2021\/10\/post-178569-616f44a50fcca.png\")
<\/a><\/p>\nDas ist alles, was Sie tun m\u00fcssen, um die Open Graph-Tags hinzuzuf\u00fcgen, die Facebook ben\u00f6tigt.<\/p>\n
Wenn Sie jetzt einen Beitrag auf Facebook teilen, wird automatisch das von Ihnen f\u00fcr den Beitrag festgelegte Featured Image verwendet.<\/p>\n
Erfahren Sie, wie Sie mit Challenger angesagte Bilder hinzuf\u00fcgen<\/a><\/p>\n
Im obigen Screenshot sehen Sie, dass Yoast auch eine Option bietet, um das Bild, den Titel und die Beschreibung festzulegen, die Sie f\u00fcr Ihre Homepage verwenden m\u00f6chten. Dar\u00fcber hinaus gibt es ein Fallback-Image, das Sie f\u00fcr alle Beitr\u00e4ge\/Seiten verwenden k\u00f6nnen, die kein Featured Image haben.<\/p>\n
Wenn Sie m\u00f6chten, dass Facebook Ihre Beitragsbilder anzeigt, Sie aber Yoast SEO nicht installieren m\u00f6chten, verwenden Sie stattdessen die folgenden Schritte.<\/p>\n
Open Graph mit Thumb Fixer f\u00fcr Facebook hinzuf\u00fcgen<\/h3>\n
Wenn Sie Yoast SEO nicht verwenden m\u00f6chten, k\u00f6nnen Sie stattdessen das Facebook Thumb Fixer-<\/a> Plugin installieren .<\/p>\n
![\"So](\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2021\/10\/post-178569-616f44a7dc40b.png\")
<\/a><\/p>\nThumb Fixer f\u00fcr Facebook f\u00fcgt Ihren Beitr\u00e4gen und Seiten automatisch Open Graph-Metadaten hinzu. Wie bei Yoast SEO werden die Featured Images als Thumbnails auf Facebook verwendet.<\/p>\n
Sie k\u00f6nnen sogar ein Standardbild f\u00fcr Facebook festlegen, das f\u00fcr alle Beitr\u00e4ge n\u00fctzlich ist, die kein Featured Image haben.<\/p>\n
Hier sind die Einstellungen, die dieses Plugin Ihrem Men\u00fc Allgemeine Einstellungen hinzuf\u00fcgt.<\/p>\n
![\"So](\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2021\/10\/post-178569-616f44aaa65d1.png\")
<\/a><\/p>\nSie m\u00fcssen keine dieser Einstellungen vornehmen, aber sie k\u00f6nnen helfen, Ihre Website f\u00fcr die soziale Plattform weiter zu optimieren.<\/p>\n
Facebook zeigt kein Thumbnail an!<\/h2>\n
Haben Sie eines der oben empfohlenen Plugins hinzugef\u00fcgt?<\/p>\n
Werden die Thumbnails immer noch nicht angezeigt?<\/p>\n
Es gibt zwei Schritte, die Sie ausf\u00fchren k\u00f6nnen, um dies zu beheben.<\/p>\n
Leere den Cache deiner Website<\/h3>\n
Wenn Sie ein Caching-Plugin wie WP Rocket verwenden<\/a>, werden die Open Graph-Tags m\u00f6glicherweise noch nicht auf Ihren Seiten angezeigt.<\/p>\n
Um zu \u00fcberpr\u00fcfen, ob die Tags hinzugef\u00fcgt wurden, besuchen Sie einen beliebigen Beitrag auf Ihrer Website. Klicken Sie mit der rechten Maustaste und w\u00e4hlen Sie die Option Seitenquelle anzeigen.<\/p>\n
![\"So](\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2021\/10\/post-178569-616f44acb40b2.png\")
<\/a><\/p>\nVerwenden Sie dann cmd+f (Strg+f), um die Seitenquelle nach folgendem Text zu durchsuchen: og:image.<\/p>\n
Sie sollten Ergebnisse wie die folgenden sehen:<\/p>\n
![\"So](\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2021\/10\/post-178569-616f44aec72f9.png\")
<\/a><\/p>\nWenn Sie die Tags nicht finden, bedeutet dies, dass Sie eine im Cache gespeicherte Version der Seite anzeigen. Verwenden Sie Ihr Caching-Plugin, um den Cache zu leeren und die Seite neu zu laden. Sie sollten dann die Open Graph-Metadaten im Quellcode sehen.<\/p>\n
Facebook verwendet das Bild immer noch nicht?<\/h3>\n
Sie haben den Cache geleert und sehen die OG-Tags in der Quelle.<\/p>\n
Was ist, wenn Facebook das Bild immer noch nicht anzeigt, wenn Sie Ihren Beitrag teilen?<\/p>\n
Das bedeutet, dass Facebook eine Kopie des Posts aus seinem Cache verwendet, bevor Sie die Open Graph-Tags hinzugef\u00fcgt haben.<\/p>\n
Besuchen Sie den Facebook-Debugger<\/a> (Sie ben\u00f6tigen ein FB-Konto, um darauf zuzugreifen). Geben Sie Ihre URL ein und klicken Sie auf die Schaltfl\u00e4che Debug. Sobald die Seite neu geladen wurde, klicken Sie auf die Schaltfl\u00e4che "Neue Scrape-Informationen abrufen".<\/p>\n
![\"So](\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2021\/10\/post-178569-616f44b0df1d9.png\")
<\/a><\/p>\nSobald Sie neue Scrape-Informationen abrufen, ersetzt Facebook die zwischengespeicherte Version durch einen neuen Scrape der Seite mit den neu hinzugef\u00fcgten Open Graph-Daten.<\/p>\n
Wenn Sie auf der Debugger-Seite nach unten scrollen, sehen Sie die Tabelle mit Informationen zu Ihrer Seite, einschlie\u00dflich der gew\u00fcnschten Miniaturansicht. Versuchen Sie erneut, Ihren Beitrag auf Facebook zu teilen, und Sie sollten das Bild sehen.<\/p>\n
Dieser Trick behebt das Problem in 99% der F\u00e4lle. Denken Sie also daran, wenn FB Ihr Bild nicht richtig anzeigt.<\/p>\n
Weitere Facebook-Optimierungen<\/h3>\n
Neben der Optimierung Ihrer Website mit Open Graph-Tags sollten Sie auch Ihre Facebook-Seite optimieren. Zum Beispiel kann die perfekte Gr\u00f6\u00dfe<\/a> des Facebook-Coverbilds<\/a> beim Branding und Engagement helfen. Machen Sie dies zu Ihrer n\u00e4chsten Aufgabe, nachdem Sie Open Graphs-Tags zu Ihrer Website hinzugef\u00fcgt haben.<\/p>\n
Und wenn Sie m\u00f6chten, dass mehr Leute Ihre Inhalte auf Facebook posten, sollten Sie in Erw\u00e4gung ziehen, allen Ihren WordPress-Posts Social-Share-Buttons hinzuzuf\u00fcgen<\/a>.<\/p>\n
Abschluss<\/h2>\n
Es muss kein Problem sein, Facebook dazu zu bringen, Ihre empfohlenen Bilder in den Miniaturansichten zu verwenden. Tats\u00e4chlich haben Sie m\u00f6glicherweise bereits ein Plugin installiert, um die erforderliche Unterst\u00fctzung hinzuzuf\u00fcgen.<\/p>\n
Wenn Sie das n\u00e4chste Mal ein Problem mit Facebook-Miniaturansichten haben, vergessen Sie nicht, den Cache Ihrer Site zu leeren, den Facebook-Debugger zu verwenden und die Seite f\u00fcr eine neue Miniaturansicht neu zu scrappen.<\/p>\n
Haben Sie Fragen zum Anzeigen von Facebook-Thumbnails aus Ihren WordPress-Beitr\u00e4gen? Hinterlassen Sie unten einen Kommentar.<\/p>\n