Link-Bild funktioniert nicht

Hallo!

Ich habe Probleme, ein Bild zu erzeugen, wenn ich versuche, den Link auf Twitter und LinkedIn zu posten. Stattdessen erhalte ich diese Bilder. Wir haben es mit unserem Logo in den Metadaten eingerichtet, aber es wird nicht angezeigt. Wie kann ich das beheben, damit das gewünschte Bild angezeigt wird?

Vielen Dank im Voraus!


Dies ist von Linkedin

Hier funktioniert es – ist das das Bild, das Sie erwarten?

1 „Gefällt mir“

Okay, das Problem liegt also nicht an den Link-Vorschauen für Bilder von Discourse in Themen

Sondern an der Anzeige von Links in Ihrem Forum auf Plattformen wie Twitter/LinkedIn?

Das ist es! Aber es ist nicht das Bild, das für Twitter oder Linkedin angezeigt wird.

Stimmt – es wird nicht auf Twitter und LinkedIn angezeigt.

Der opengraph tester zeigt uns, dass alles in Ordnung sein sollte:

<!-- HTML Meta Tags -->
<title>Zoo Community Forum</title>
<meta name="description" content="Ein Ort für die Community, um sich gegenseitig zu helfen, die Zoo-Tools und die API zu erlernen.">

<!-- Facebook Meta Tags -->
<meta property="og:url" content="https://community.zoo.dev">
<meta property="og:type" content="website">
<meta property="og:title" content="Zoo Community Forum">
<meta property="og:description" content="Ein Ort für die Community, um sich gegenseitig zu helfen, die Zoo-Tools und die API zu erlernen.">
<meta property="og:image" content="https://discourse-uploads.zoo.dev/original/1X/162d5a9fda090bf15dbdcbb3d5b82056970f13a8.svg">

<!-- Twitter Meta Tags -->
<meta name="twitter:card" content="summary_large_image">
<meta property="twitter:domain" content="community.zoo.dev">
<meta property="twitter:url" content="https://community.zoo.dev">
<meta name="twitter:title" content="Zoo Community Forum">
<meta name="twitter:description" content="Ein Ort für die Community, um sich gegenseitig zu helfen, die Zoo-Tools und die API zu erlernen.">
<meta name="twitter:image" content="https://discourse-uploads.zoo.dev/original/1X/162d5a9fda090bf15dbdcbb3d5b82056970f13a8.svg">

<!-- Meta Tags Generated via https://www.opengraph.xyz -->

und erwartet die folgenden Ergebnisse auf Twitter und LinkedIn:

Das Problem scheint nicht in den Daten zu liegen, die Discourse zurückgibt.

Vorausgesetzt natürlich, dass Twitter/LinkedIn diese Daten empfangen.

Ich vermute, das Problem ist, dass Cloudflare die Anfrage von Twitter/LinkedIn blockiert, die die Website crawlt, um die Vorschau zu generieren.

1 „Gefällt mir“

Ahh, ich verstehe - scheint also, als ob ich auf meiner Seite nichts anderes tun kann?
Vielen Dank für Ihre Hilfe!

Nicht auf der Discourse-Seite, glaube ich.

Der nächste Schritt wäre, diese Annahme zu testen.

Stellen Sie sicher, dass Sie die Cloudflare-Anleitung befolgt haben.

Das vorübergehende Deaktivieren von Cloudflare kann helfen, aber Twitter/LinkedIn cachen möglicherweise ihre Ergebnisse, und dies hat möglicherweise keine sofortige Auswirkung.

Zugriffsprotokolle könnten mehr Informationen enthalten.

Das Posten auf der Cloudflare-Community hierzu kann helfen.

Ich stelle fest, dass https://community.cloudflare.com/ auf Twitter/LinkedIn richtig angezeigt wird, was es wert ist, also haben sie dies offensichtlich zum Laufen gebracht.

2 „Gefällt mir“