Qual è l'ordine di priorità delle anteprime delle immagini per i collegamenti di discourse su Twitter?

So che quando pubblichi un link al tuo forum su Twitter, e se il post collegato contiene un’immagine o più, l’anteprima del thread su Twitter mostrerà quell’immagine o la prima immagine nel thread come miniatura per l’anteprima.

Ho anche letto che ci sono “immagini di categorie” che possono essere mostrate come miniatura, e c’è anche un’opzione “twitter summary large image” nelle impostazioni del sito, tuttavia non sono mai riuscito a vedere nessuna di queste ultime due in azione come miniature su Twitter, perché se non c’è un’immagine nel corpo del post del forum stesso, la miniatura che ottengo è solo l’immagine grigia predefinita con un’icona al centro, a sinistra dell’anteprima del testo.

Quindi, come posso controllare quale immagine viene visualizzata come miniatura dell’argomento su Twitter?

Il tuo aiuto sarà molto apprezzato.

ps: le chiavi API di Twitter sono memorizzate e il login di Twitter funziona.

1 Mi Piace

Ciao,

Ci sono diverse impostazioni per questo.

  1. immagine opengraph
  2. twitter summary large image
  3. immagine logo categoria
  4. prima immagine del post

L’immagine opengraph è la base. Se imposti solo questa, apparirà se non c’è un’immagine del post o della categoria.

Se imposti un’ twitter summary large image, questa sovrascriverà l’immagine opengraph su Twitter. Quindi apparirà su Twitter invece dell’immagine opengraph.

L’immagine del logo della categoria e la prima immagine del post hanno sempre la priorità sulle altre.


Ordine di priorità:

  1. prima immagine del post e immagine del logo della categoria
    (se mancante) :arrow_down_small:

  2. twitter summary large image
    (se mancante) :arrow_down_small:

  3. immagine opengraph
    (se mancante) :arrow_down_small:

  4. icona grande

(se non mi sbaglio)


Configura

L’immagine opengraph e l’twitter summary large image puoi impostarle qui: /admin/site_settings/category/branding


Per l’immagine del logo della categoria vai alle impostazioni specifiche della categoria nella scheda Immagini.


Test su Twitter

Condivido un link a un post che non contiene immagini e con l’impostazione twitter summary large image :arrow_down_small:

Condivido un link a un post che contiene un’immagine e con l’impostazione twitter summary large image :arrow_down_small:

Condivido un link a un post che non contiene immagini e senza twitter summary large image, ma ho impostato un’ immagine opengraph

Condivido un link a una categoria che contiene immagine logo categoria

Condivido un link al sito senza immagine opengraph e altre impostazioni.


Spero questo aiuti :slightly_smiling_face:

3 Mi Piace

Quindi, sto lottando con questo. Ho due post che si comportano in modo diverso e non riesco a capire perché. Un post mostra l’immagine di anteprima onebox su Twitter. L’altro mostra l’immagine twitter_summary_large.

Questo post funziona come previsto.
https://community.abs-consulting.com/t/welcome-to-issue-65-of-the-abs-devops-scm-e-newsletter/22

Questo post non funziona come previsto.
https://community.abs-consulting.com/t/devsecops-platforms-help-smbs-scale-as-they-grow/113

Benvenuto robert :wave: :slight_smile:

Vedo onebox regolari per entrambi:


Sì. Quel pezzo funziona. Ma quando viene condiviso sui social network ottengo un comportamento diverso.

1 Mi Piace

Ogni sito web ha il proprio modo di selezionare l’immagine che verrà utilizzata come miniatura quando viene visualizzata un’anteprima.

Di solito, un meta tag specifica un’immagine ed è la prima scelta.

Il tuo link non ha tali tag e, pertanto, vari siti web sceglieranno un’immagine dall’HTML della pagina in base ai propri criteri.

Non so come Discourse scelga specificamente quale immagine utilizzare. Potrebbe persino creare un’immagine composita da varie parti HTML. :person_shrugging:

1 Mi Piace

Ok, ha senso. Ma mi aspetterei che i due post si comportino allo stesso modo. A meno che discourse o twitter non stiano analizzando il link che onebox ha presentato e poi cercando il meta tag da lì e non dal post di discourse? Questo potrebbe spiegare perché il primo post potrebbe collegarsi a una pagina web che ha definito meta-tag dove il secondo post a cui fa riferimento inbox non lo fa.

Stai dicendo qui che il post di Discourse non ha il ‘meta-tag’ o il link a cui fa riferimento onebox non ha il ‘meta-tag’?

Sto parlando di questo. La pagina che condividi dovrebbe avere i meta tag corretti che verranno utilizzati sulla maggior parte delle piattaforme (twitter, facebook, discord, discourse, ecc. ecc.). :slight_smile:

Penso che questa sia una buona risorsa per saperne di più:

Sembra che sia riuscito a risolvere il problema. Ho dovuto cambiare l’impostazione, File >> scarica immagini remote in locale. Questa ora è abilitata. Ho testato disabilitando la creazione di un argomento. Riabilita, crea un argomento duplicato. Successivamente ho controllato l’immagine in miniatura in entrambi gli argomenti. Uno fa riferimento all’archivio di immagini locale. L’altro fa riferimento all’immagine remota dal collegamento.

Successivamente ho condiviso ciascun argomento su un social network, LinkedIn perché l’anteprima funziona. Nel caso dell’archivio di immagini locale. L’anteprima di LinkedIn riprende l’immagine locale dalla mia community. L’altro fornisce l’opengraph_image dalle impostazioni e non l’immagine in miniatura dal sito del collegamento.

Quindi, sembra che debba avere l’impostazione, File >> scarica immagini remote in locale, abilitata per mostrare l’immagine di anteprima da onebox propagata al social network quando si condividono collegamenti.