Come abilitare le schede dei siti Web di Twitter per aumentare il traffico sui social

Pubblicato: 2015-10-26

Quasi tutti i tweet con un link hanno lo stesso aspetto.

"Titolo + link + tramite @handle + #hashtag."

E quel collegamento? È completamente non ottimizzato. Noioso. Fai clic sul tweet e non succede nulla. Tutto ciò che l'utente sa sul collegamento è ciò che la persona che condivide sceglie di includere. Ciò non ti dà molto controllo su come le persone scoprono il tuo sito web.

Non so voi, ma io sono un po' maniaco del controllo. E non mi piace il suono di quello.

Voglio che gli utenti di Twitter sappiano cosa aspettarsi quando fanno clic su un collegamento al mio sito; essere entusiasta di viverlo. E come possono farlo quando non sanno nulla?

Per fortuna, Twitter ha bisogno di mantenere felici siti web e marchi. Quindi hanno creato una risposta a questa domanda: le Twitter card.

Le schede Twitter sono un modo semplice per aggiungere contenuti multimediali ai tweet. Gli esempi includono foto, video e gif che sono supportati ed espansi nella tua sequenza temporale.

Ecco un esempio di scheda immagine:

Come diventare un Power Searcher: utilizzando i motori di ricerca personalizzati di Chrome https://t.co/1vS5WkCj8X
—Bretagna Berger? (@thatbber) 21 ottobre 2015

E per i proprietari di siti Web, c'è la scheda del sito Web di Twitter. Attira il contenuto dal collegamento condiviso e include il tuo handle di Twitter. Ecco come appare:

Danny Meyer si sta sbarazzando delle mance in tutti i 13 ristoranti del suo Union Square Hospitality Group http://t.co/hCgRnOIZI0
— Il New York Times (@nytimes) 18 ottobre 2015

Tipi di carte

Esistono due tipi di schede Twitter che ti aiuteranno a indirizzare più traffico al tuo sito Web: la scheda riepilogativa e la scheda riepilogativa con un'immagine grande.

Una scheda riepilogativa è ciò che viene mostrato nell'esempio del New York Times sopra. Include il titolo della pagina, la descrizione e la miniatura e include il tuo handle di Twitter con un pulsante per seguire rapidamente.
Una scheda riepilogativa con un'immagine grande è più visiva. Invece di mostrare diverse informazioni sulla pagina, estrae una grande miniatura dalla pagina e nient'altro.

Qualunque cosa tu decida di utilizzare, i tuoi contenuti occuperanno più spazio nella sequenza temporale.

Due vantaggi principali delle schede sito web

Ti aiuterà a guadagnare follower. Se vai con la normale scheda riepilogativa, chiunque condivida i tuoi contenuti promuove il tuo handle. Indipendentemente dal fatto che lo includano nel testo del loro tweet o meno.
Otterrai percentuali di clic più elevate. Non è un segreto che a tutti noi piacciano i contenuti multimediali e accattivanti. I collegamenti semplici sono vecchi e noiosi. Dare agli utenti "qualcos'altro" nel tweet può aiutarli a convincerli del suo valore, fino a quando non chiedono a gran voce di vedere il tuo sito.

Come abilitare le schede dei siti Web di Twitter in WordPress

Esistono due modi per abilitare le schede dei siti Web di Twitter: tramite un plug-in o aggiungendo tu stesso il codice.

Utilizzo del plugin SEO di WordPress

Un bel po' di plugin possono ottenere le schede Twitter sul tuo sito, ma uno in particolare scommetto che lo hai già: WordPress SEO.

Ecco come configurarlo:

Nella dashboard di WordPress, vai alla sezione Social delle impostazioni SEO di WordPress.
In Account, inserisci il tuo nome Twitter (non includere la "@") nel campo appropriato.

twitter-carte-handle

Vai alla scheda Twitter.

twitter-cards-riepilogo

Seleziona la casella per abilitare i metadati della scheda Twitter.
Seleziona il tipo di carta da utilizzare: la normale scheda del sito Web o la scheda immagine grande.
Salvare le modifiche.

Non è facile? Amico, quel plugin è fantastico per così tante ragioni.

Usando Jetpack

Publicize by Jetpack avrà le schede dei siti Web di Twitter (senza un'immagine grande) abilitate per impostazione predefinita. Devi solo fare domanda tramite il validatore di Twitter. Per gli utenti Jetpack, non c'è davvero modo che sia più facile.

Tuttavia, se non utilizzi già WordPress SEO o Jetpack, sicuramente non vorrai installarli solo per questa funzione (grave eccessivo). Quindi ci sono anche plugin solo per le schede Twitter.

Utilizzo delle schede Twitter JM

JM Twitter Cards è un plug-in autonomo che ti offre un controllo avanzato sulle schede della tua pagina. Hai più opzioni tra cui scegliere oltre alle due schede del sito Web e puoi personalizzare le informazioni per ogni post o pagina direttamente dall'editor.

Dopo aver scaricato il plug-in, ti consigliamo di abilitare le impostazioni a livello di sito per impostare i valori predefiniti per quando non hai personalizzato le informazioni.

Per iniziare:

Compila i tuoi handle di Twitter (puoi includere handle separati per la pubblicazione e l'autore del post) e il tipo di scheda nelle impostazioni generali.

twitter-cards-jm

Nella scheda Immagini, seleziona un'immagine di riserva per il plug-in da utilizzare se non riesce a trovarne un'altra nella pagina.

twitter-cards-immagine

Questo è tutto ciò di cui hai veramente bisogno, ma puoi immergerti nelle impostazioni più avanzate se ti senti di fantasia.

Aggiunta di HTML da soli

In alternativa, puoi aggiungere tu stesso i meta tag al tuo sito. Ecco un esempio di cosa aggiungeresti a <head>:

&amp;amp;lt;meta name=&amp;amp;quot;twitter:card&amp;amp;quot; content=&amp;amp;quot;summary_large_image&amp;amp;quot;&amp;amp;gt;

&amp;amp;lt;meta name=&amp;amp;quot;twitter:site&amp;amp;quot; content=&amp;amp;quot;@nytimes&amp;amp;quot;&amp;amp;gt;

&amp;amp;lt;meta name=&amp;amp;quot;twitter:creator&amp;amp;quot; content=&amp;amp;quot;@SarahMaslinNir&amp;amp;quot;&amp;amp;gt;

&amp;amp;lt;meta name=&amp;amp;quot;twitter:title&amp;amp;quot; content=&amp;amp;quot;Parade of Fans for Houston’s Funeral&amp;amp;quot;&amp;amp;gt;

&amp;amp;lt;meta name=&amp;amp;quot;twitter:description&amp;amp;quot; content=&amp;amp;quot;NEWARK - The guest list and parade of limousines with celebrities emerging from them seemed more suited to a red carpet event in Hollywood or New York than than a gritty stretch of Sussex Avenue near the former site of the James M. Baxter Terrace public housing project here.&amp;amp;quot;&amp;amp;gt;

&amp;amp;lt;meta name=&amp;amp;quot;twitter:image&amp;amp;quot; content=&amp;amp;quot;http://graphics8.nytimes.com/images/2012/02/19/us/19whitney-span/19whitney-span-articleLarge.jpg&amp;amp;quot;&amp;amp;gt;

Sarebbe per una scheda del sito Web con un'immagine di grandi dimensioni. Puoi trovare ulteriori informazioni sulla personalizzazione dei meta tag qui per le schede immagine di grandi dimensioni e qui per le schede del sito Web.

Per la maggior parte dei metodi, l'applicazione utilizzando il validatore non è più necessaria. Ma se desideri usarlo per ottenere anteprime e ricontrollare i valori, puoi farlo qui.

Fai in modo che Twitter funzioni per te

Modifiche come queste richiedono cinque minuti per essere implementate. Per sempre. E in cambio? Il tuo sito è molto più ottimizzato per i social media. E quando altre persone possono indirizzare il traffico al tuo sito così come puoi, la tua attenzione può spostarsi altrove.

Non fermarti qui; incorpora le schede Twitter sul tuo blog. Ti farà scoppiare i contenuti! Scopri come qui.