Una guida completa alle Twitter Card

Pubblicato: 2016-01-20

Le Twitter Card sono un protocollo che ti consente di allegare foto, video e altri media interattivi ricchi ai Tweet per indirizzare il traffico al tuo sito web. Twitter fornisce un gran numero di carte diverse. Inoltre, le Twitter Card possono essere integrate con poche righe di HTML nella tua pagina web. Gli utenti che si collegano ai tuoi contenuti con un Tweet riceveranno una Card aggiunta al Tweet visibile a tutti i loro follower.

Le Twitter Card sono un ottimo partner per la tua strategia SEO in quanto aiuta ad aumentare il coinvolgimento, aumentare la percentuale di clic e le conversioni. Le Twitter Card possono quindi migliorare la diffusione dei tuoi contenuti sui social media e sviluppare il tuo marchio e la SEO locale.

Comprendere i diversi tipi di Twitter Card

Esistono 5 tipi di Twitter Card:

  • Scheda riepilogativa
  • Scheda riepilogativa con immagine grande
  • Carta Giocatore
  • Scheda dell'app
  • Carta per la generazione di piombo

Scheda riepilogativa

La scheda riepilogativa può essere utilizzata per post di blog, notizie, pagine di prodotti o qualsiasi altra notizia commerciale. Tali schede mirano a offrire un'anteprima del contenuto visualizzando il titolo, la descrizione e un'immagine in miniatura.
Requisiti:

  • Titolo: 70 caratteri
  • Descrizione: 200 caratteri
  • Immagine: almeno 120×120 pixel e non più di 1 MB

Per aggiungerlo al tuo sito web, devi incollare questo codice nell'HTML della tua pagina web:

<meta name=”twitter:card” content=”summary” />
<meta name=”twitter:site” content=”@tuosito” />
<meta name=”twitter:title” content=”Il tuo titolo” />
<meta name="twitter:description" content="La tua descrizione". />
<meta name=”twitter:image” content=”https://where-your-image-is-hosted/name.jpg” />

Scheda riepilogativa con immagine grande

Queste carte funzionano esattamente come le precedenti tranne che per le dimensioni dell'immagine. Consente di presentare un'immagine più avvincente a tutta larghezza per attirare meglio gli spettatori sul tuo sito web.
Requisiti:

  • Titolo: 70 caratteri
  • Descrizione: 200 caratteri
  • Immagine: almeno 280 x 150 pixel e non più di 1 MB

Aggiungi questo codice HTML per configurare questo tipo di Twitter Card:

<meta name=”twitter:card” content=”summary_large_image”>
<meta name="twitter:site" content="@yourwebsite">
<meta name="twitter:creator" content="@yourtwitterhandle">
<meta name="twitter:title" content="il tuo titolo">
<meta name="twitter:description" content="la tua descrizione.">
<meta name=”twitter:image” content=” https://where-your-image-is-hosted/name.jpg “>

Scheda dell'app

Le App Card possono essere utilizzate per promuovere le app mobili su Twitter e aumentare le installazioni. Questa Carta evidenzia un nome, una descrizione, un'icona, una valutazione e un prezzo. Twitter può utilizzare i tuoi ID app per estrarre alcune di queste informazioni.
Requisiti:

  • Titolo: ordinato dall'ID app
  • Descrizione: 200 caratteri
  • Immagine: logo dell'app ordinato in base all'ID dell'app: l'immagine deve essere di almeno 800 x 320 pixel e può essere in formato JPG, JPEG, PNG o GIF. Sono preferite immagini inferiori a 1 MB

Se la tua app non è disponibile nell'App Store, Twitter non sarà in grado di acquisire tali informazioni. Se la tua app non si trova nello store statunitense, indica nel meta tag twitter:app:country da dove proviene. Inoltre, se il tuo link punta direttamente all'App Store oa Google Play, Twitter creerà automaticamente una App Card.

Ecco il codice da inserire:

<meta name="twitter:card" content="app">
<meta name="twitter:site" content="@yourwebsite">
<meta name=”twitter:description” content=”la tua descrizione”>
<meta name="twitter:app:country" content="il tuo paese come gli Stati Uniti">
<meta name=”twitter:app:name:iphone” content=”nome della tua app per iPhone”>
<meta name="twitter:app:id:iphone" content="il tuo ID app per iPhone">
<meta name=”twitter:app:url:iphone” content=”URL della tua app per iPhone”>
<meta name=”twitter:app:name:ipad” content=”nome della tua app per ipad”>
<meta name="twitter:app:id:ipad" content="il tuo ID app per ipad">
<meta name=”twitter:app:url:ipad” content=”URL dell'app per iPad”>
<meta name=”twitter:app:name:googleplay” content=”nome della tua app googleplay”>
<meta name="twitter:app:id:googleplay" content="il tuo googleplay aggiungi ID"

Carta Giocatore

Le Player Card sono state create per promuovere lo streaming di contenuti multimediali come video o lettori audio all'interno del tuo tweet. Questo è perfetto per spingere Vines o podcast, ad esempio.
Requisiti:

  • Descrizione: 200 caratteri
  • Immagine: visualizzata al posto del lettore su piattaforme che non supportano iframe o lettori inline. Stesse dimensioni del tuo
  • giocatore; non più di 1 MB
  • Video: H.264, profilo di base, livello 3.0, fino a 640 x 480 pixel a 30 fps.
  • Audio: AAC, profilo a bassa complessità

Carta per la generazione di piombo

Le carte Lead Generation sono ottime per entrare in contatto con potenziali clienti. È quindi possibile raccogliere informazioni sui potenziali clienti. Le persone possono esprimere interesse per la tua attività senza dover compilare un modulo o lasciare il proprio account Twitter. Di solito, il loro nome, l'handle di Twitter e l'indirizzo e-mail sono già inseriti in modo che non sia necessario compilarli.
Requisiti:

  • Titolo: 50 caratteri
  • Invito all'azione: 20 caratteri
  • Messaggio di post-invio (opzionale): 100 caratteri
  • Immagine: almeno 800 x 200 pixel con proporzioni 4:1 e non più di 3 MB

Per impostare correttamente la tua Lead Generation Card devi accedere al tuo account Twitter Ads (anche se la Card è gratuita):

  • Accedi a Twitter
  • Fai clic sull'icona Impostazioni e seleziona Annunci Twitter dal menu a discesa
  • Fai clic sulla scheda Creatività nel menu di navigazione in alto e seleziona Schede
  • Fai clic su Crea le tue prime carte per la generazione di lead
  • Una volta impostato, fai clic sulla scheda Tweet, quindi fai clic sul pulsante blu Scrivi Tweet nell'angolo in alto a destra
  • Componi il tuo Tweet e fai clic su Allega una scheda a questo Tweet quando sei pronto
  • Seleziona la scheda che desideri allegare, quindi invia il tuo Tweet

Come integrare quelle Twitter Card in un CMS?

Se il tuo sito web funziona con WordPress, potresti voler integrare quelle Twitter Card nel tuo sistema per risparmiare tempo. Se ci concentriamo su WordPress, ci sono tre plugin che puoi installare:

  • Jetpack
  • Carte Twitter JM
  • SEO di Yoast

Twitter offre una bella guida per configurare il tuo CMS con le Twitter Card, quindi dovresti assolutamente dare un'occhiata.

Una volta che questo è ben impostato, dovresti controllare se funziona bene su Twitter. Collegati a Twitter Card Validator e vedrai se tutto sembra come dovrebbe essere. Abbiamo preso l'esempio del nostro ultimo articolo:

Come controllare le prestazioni delle tue Twitter Card?

Per andare oltre, potresti voler dare un'occhiata al comportamento delle tue Twitter Card. Abbiamo recentemente sviluppato una nuova funzionalità che ti consente di controllare facilmente le prestazioni delle tue Twitter Cards (e Open Graphs tra l'altro). Puoi analizzare la distribuzione e le proprietà delle tue Twitter Card, ottenere approfondimenti e accedere ai dettagli dell'URL. Questo è un ottimo partner per la tua strategia SEO in quanto migliora la diffusione della condivisione sui social, la percentuale di clic e le conversioni.

Inizia la tua prova gratuita