Wie ist die Prioritätenreihenfolge für Bildvorschau von Discourse-Links auf Twitter?

Ich weiß, dass wenn Sie einen Link zu Ihrem Forum auf Twitter posten und der verlinkte Beitrag ein Bild oder mehr enthält, die Vorschau des Threads auf Twitter dieses Bild oder das erste Bild im Thread als Miniaturansicht für die Vorschau anzeigt.

Ich habe auch gelesen, dass es „Kategoriebilder“ gibt, die als Miniaturansicht angezeigt werden können, und dass es in den Website-Einstellungen die Option „Twitter-Zusammenfassung mit großem Bild“ gibt. Ich konnte jedoch nie eine dieser beiden letzteren Optionen als Miniaturansicht auf Twitter sehen, da es kein Bild im Forumsposting selbst gibt. Die Miniaturansicht, die ich erhalte, ist nur das standardmäßige graue Bild mit einem Symbol in der Mitte, links von der Textvorschau.

Wie kann ich also steuern, welches Bild als Thema-Miniaturansicht auf Twitter angezeigt wird?

Ihre Hilfe wird sehr geschätzt.

PS: Twitter API-Schlüssel sind gespeichert und Twitter-Login funktioniert.

1 „Gefällt mir“

Hallo,

Dafür gibt es mehrere Einstellungen.

  1. opengraph image
  2. twitter summary large image
  3. category logo image
  4. Erstes Bild des Beitrags

Das opengraph image ist die Basis. Wenn Sie nur dies einrichten, wird es angezeigt, wenn kein Beitrags- oder Kategoriebild vorhanden ist.

Wenn Sie ein twitter summary large image einrichten, überschreibt dies das opengraph image auf Twitter. Es wird also auf Twitter anstelle des opengraph image angezeigt.

Das Kategorie-Logo-Bild und das erste Bild des Beitrags haben immer Vorrang vor den anderen.


Reihenfolge der Priorität:

  1. Erstes Bild des Beitrags und Kategorie-Logo-Bild
    (wenn fehlend) :arrow_down_small:

  2. twitter summary large image
    (wenn fehlend) :arrow_down_small:

  3. opengraph image
    (wenn fehlend) :arrow_down_small:

  4. large icon

(wenn ich richtig liege)


Konfigurieren

Das opengraph image und das twitter summary large image können Sie hier einrichten: /admin/site_settings/category/branding


Für das Kategorie-Logo-Bild gehen Sie zu den Einstellungen der spezifischen Kategorie unter dem Reiter Bilder.


Tests auf Twitter

Ich teile einen Beitragslink, der kein Bild enthält und mit der Einstellung twitter summary large image :arrow_down_small:

Ich teile einen Beitragslink, der ein Bild enthält und mit der Einstellung twitter summary large image :arrow_down_small:

Ich teile einen Beitragslink, der kein Bild enthält und kein twitter summary large image, aber ich habe ein opengraph image eingerichtet

Ich teile einen Kategorie-Link, der ein category logo image enthält

Teile einen Website-Link ohne opengraph image und andere Einstellungen.


Ich hoffe, das hilft :slightly_smiling_face:

3 „Gefällt mir“

Ich habe damit zu kämpfen. Ich habe zwei Beiträge, die sich unterschiedlich verhalten, und ich kann nicht herausfinden, warum. Ein Beitrag zeigt das Onebox-Vorschau-Bild in Twitter an. Der andere zeigt das twitter_summary_large_image an.

Dieser Beitrag funktioniert wie erwartet.
https://community.abs-consulting.com/t/welcome-to-issue-65-of-the-abs-devops-scm-e-newsletter/22

Dieser Beitrag funktioniert nicht wie erwartet.
https://community.abs-consulting.com/t/devsecops-platforms-help-smbs-scale-as-they-grow/113

Willkommen robert :wave: :slight_smile:

Ich sehe reguläre Oneboxen für beides:


Ja. Dieses Stück funktioniert. Aber wenn es in sozialen Netzwerken geteilt wird, erhalte ich ein anderes Verhalten.

1 „Gefällt mir“

Jede Website hat ihre eigene Methode, um das Bild auszuwählen, das als Miniaturansicht bei der Anzeige einer Vorschau verwendet wird.

Normalerweise gibt ein Meta-Tag ein Bild an, und dies ist die erste Wahl.

Ihr Link enthält keine solchen Tags, und daher wählt jede Website ein Bild aus dem Seiten-HTML basierend auf ihren eigenen Kriterien aus.

Ich weiß nicht, wie Discourse speziell auswählt, welches Bild verwendet wird. Es kann sogar ein zusammengesetztes Bild aus verschiedenen HTML-Teilen erstellen. :person_shrugging:

1 „Gefällt mir“

Ok, das ergibt Sinn. Aber ich würde erwarten, dass sich die beiden Beiträge gleich verhalten. Es sei denn, Discourse oder Twitter analysieren irgendwie den Link, den Onebox präsentiert hat, und suchen dann von dort nach dem Meta-Tag und nicht vom Discourse-Beitrag? Das könnte erklären, warum der erste Beitrag auf eine Webseite verlinkt, die einen Meta-Tag definiert hat, wo der zweite Beitrag, auf den sich Inbox bezieht, dies nicht tut.

Sagst du hier, dass der Discourse-Beitrag nicht den ‘meta-tag’ hat oder dass der Link, auf den sich Onebox bezieht, nicht den ‘meta-tag’ hat?

Ich spreche von diesem. Die Seite, die Sie teilen, sollte die richtigen Meta-Tags haben, die auf den meisten Plattformen (Twitter, Facebook, Discord, Discourse usw.) verwendet werden. :slight_smile:

Ich denke, das ist eine gute Ressource, um mehr darüber zu erfahren:

Es scheint, dass ich das Problem lösen konnte. Ich musste die Einstellung „Dateien >> Remote-Bilder herunterladen zu lokal“ ändern. Diese ist jetzt aktiviert. Ich habe dies getestet, indem ich das Erstellen eines Themas deaktiviert habe. Wieder aktiviert, ein Duplikat-Thema erstellt. Als Nächstes habe ich das Miniaturbild in beiden Themen überprüft. Eines verweist auf den lokalen Bildspeicher. Das andere verweist auf das Remote-Bild vom Link.

Als Nächstes habe ich jedes Thema in einem sozialen Netzwerk geteilt, LinkedIn, da die Vorschau funktioniert. Im Fall des lokalen Bildspeichers. Die LinkedIn-Vorschau greift auf das lokale Bild aus meiner Community zu. Das andere liefert das opengraph_image aus den Einstellungen und nicht das Miniaturbild von der Link-Seite.

Es scheint also, dass ich die Einstellung „Dateien >> Remote-Bilder herunterladen zu lokal“ aktiviert haben muss, um das Vorschaubild von Onebox, das an das soziale Netzwerk weitergegeben wird, beim Teilen von Links anzuzeigen.