Facebook übernimmt das Forum-Logo als OG-Bild, nicht das Hauptbild oben im Hauptteil meines Beitrags. Ich habe über das Facebook OG-Entwickler-Debug-Tool debug/scrape versucht. Es hat sich nichts geändert.
Entschuldigung, falls dies ein Duplikat ist, aber ich habe eine ganze Reihe von Threads im Forum hier durchgelesen und konnte keine Lösung dafür finden.
Vielen Dank für eure Hilfe!
Möglicherweise ist dein Logo-Bild zu groß. Es wirkt in der Vorschau oben riesig.
Es scheint, als wäre auf der Website eine Theme-Komponente installiert, die den Facebook-Crawler stört. Die Komponente fügt dies innerhalb des <head>-Tags hinzu:
<!-- Facebook Pixel Code -->
<img height="1" width="1" style="display:none" src="https://www.facebook.com/tr?id=1544745645741448&ev=PageView&noscript=1">
<!-- End Facebook Pixel Code -->
Bilder sollten nicht im <head>-Bereich enthalten sein, daher ignorieren die meisten Browser sie einfach. Der Facebook-Crawler scheint das img-Tag jedoch zu erkennen und schließt das <head>-Tag vorzeitig. Aus ihrem Debug-Tool:
<!-- Facebook Pixel Code -->
</head>
<body>
<img height="1" width="1" style="display:none" src="https://www.facebook.com/tr?id=1544745645741448&ev=PageView&noscript=1">
<!-- End Facebook Pixel Code -->
Dieses magische </head><body>-Tag erscheint weder über curl noch in Browsern. Sehr seltsames Verhalten von Facebook.
Wie auch immer, die Lösung besteht darin, dass Sie das Facebook-Tracking-Pixel aus dem <head>-Bereich der Theme-Komponente in den Header-Bereich der Theme-Komponente verschieben.
Ich bin mir nicht sicher, ob ich hier einen Zusammenhang übersehe, aber mein Problem ist, dass ich das Forum-Logo nicht angezeigt haben möchte. Stattdessen soll das erste Bild im Beitrag erscheinen.
Wenn also das eigentliche Bild im Beitrag (ein Foto von mir) angezeigt wird, warum spielt dann die Größe des Logos eine Rolle? Meine Frage ist eigentlich: Warum ist die Größe des Logos von Belang, wenn ich es doch gar nicht angezeigt haben möchte? Hoffe, das ergibt Sinn.
Ich habe keine benutzerdefinierten Themes installiert. Es ist eine ganz normale Discourse-Installation. Tatsächlich weiß ich nicht einmal, wie man ein Theme oder Plugin für Discourse installiert.
Die Größe des Bildes ist etwas relevant, denn wenn Facebook kein og:image-Tag findet, wählt es das größte Bild auf deiner Website aus. In diesem Fall ist das Logo größer als das Foto, daher wurde das Logo ausgewählt.
Discourse enthält jedoch og:image-Tags – sie werden lediglich durch das Theme auf deiner Website beschädigt.
Das musst du aber – der Facebook-Tracking-Pixel wird von einem Theme hinzugefügt. Wenn ich den abgesicherten Modus verwende, verschwindet er. Gehe zu /admin/customize/themes, drücke HTML bearbeiten und wechsle zum Tab </head>. Ich vermute, du wirst dort den Facebook-Code sehen.
Klicke links auf „default“, dann solltest du den Bearbeiten-Button sehen.
Das hat’s gebracht! Jaaaaa! Vielen Dank!
