Come assicurare che i collegamenti supportino l'anteprima di Twitter?

Question

Prima di tutto, tieni presente che ho cercato SocialMediaStackExchange per porre questa domanda, ma non sembra esserlo.

Ecco cosa mi chiedo. Quando si pubblica un tweet su Twitter, se si tratta di un collegamento youtube o di un sito Web specifico, Twitter mostrerà una funzionalità Espandi che l'utente può fare clic per visualizzare l'anteprima del contenuto multimediale direttamente nell'interfaccia di Twitter.

Qualcuno sa se questo è determinato da Twitter o se c'è un modo in cui posso modificare il mio sito web per abilitare l'anteprima su twitter?

Mi piacerebbe farlo così quando twitto un post di un blog che le persone possono visualizzare in anteprima il primo bit di contenuto dell'articolo. Ecco un esempio: (semplicemente aggiungendo il link, visualizza il contenuto dell'anteprima mostrato) In questo caso è un articolo su InfoWorld.

---

---

C'è un link su Twitter che spiega contenuto espanso, ma non il modo di farlo accadere. https://blog.twitter.com/2012/experience-more-with-expanded-tweets

Answer 1

Probabilmente si vuole guardare "Twitter Cards". Sono davvero semplici da configurare. Aggiungete alcune righe di codice all'intestazione della vostra pagina, ottenete il vostro sito validato (un processo automatico) e siete a posto.

Qui, per esempio, è uno dei miei tweets con "anteprima" contenuti https://twitter.com/edent/status/516544061495193601

Il codice HTML in più è solo:

<meta name="twitter:card" content="summary_large_image"> 
<meta name="twitter:creator" content="@edent"> 
<meta name="twitter:site" content="@edent"> 
<meta name="twitter:title" content="Tim Berners-Lee and the Freedom of The City"> 
<meta name="twitter:description" content="Last week, I had the privilege of being invited into the Guildhall to watch Tim Berners-Lee receive the Honorary Freedom of the City. I was one of a dozen bloggers and tweeters asked to live tweet th"> 
<meta name="twitter:image:src" content="https://shkspr.mobi/blog/wp-content/uploads/2014/09/TimBL-Least-Well-Dressed-435x375.jpg"> 
<meta name="twitter:image:width" content="280"> 
<meta name="twitter:image:height" content="150"> 

Diversi stili di carte hanno diversi tipi di anteprime - video, immagini, installazioni di app, ecc.

Answer 2

Inoltre, indicherò una cosa importante. Per twitter:image il parametro meta relativo al contenuto deve essere un percorso assoluto, non relativo. Altrimenti non funzionerà.

<meta name="twitter:image content="/resource/img.jpg"/> //will not work 
<meta name="twitter:image content="https://yourdomain.com/resource/img.jpg"/> //will work