Guida per principianti su come aggiungere Twitter Cards in WordPress

Ti sei mai chiesto perché alcuni tweet ottengono molti più clic di altri, anche quando il contenuto è simile? Il segreto spesso risiede nel modo in cui il contenuto appare quando viene condiviso. I tweet di testo semplice vengono ignorati, ma i tweet con anteprime accattivanti catturano l'attenzione e generano clic.

Qui a WPBeginner, utilizziamo le Twitter Card per controllare l'aspetto dei nostri tweet e aumentare l'engagement. Vediamo un notevole aumento del nostro traffico sui social media e dei tassi di engagement.

La parte migliore? Aggiungere le Twitter Card al tuo sito WordPress non richiede alcuna competenza di codifica o esperienza tecnica. Ti mostreremo diversi metodi per impostarle, dalle semplici soluzioni con plugin all'implementazione manuale, in modo che tu possa scegliere ciò che funziona meglio per il tuo livello di competenza.

Perché usare le Twitter Card in WordPress?

Le Twitter Card ti permettono di aggiungere un titolo, un riassunto, un'immagine e un file video o audio al tuo tweet. In questo modo, è più probabile che tu ottenga più clic e retweet.

Puoi vedere un esempio dal vivo andando sulla nostra pagina WPBeginner su X.

Il più grande vantaggio di avere le Twitter Card è che aumentano il numero di persone che seguono i tuoi account X attraverso l'attribuzione dei contenuti. Spesso le persone ritwittano i tuoi link senza darti il giusto credito.

Ad esempio, supponiamo che @syedbalkhi ritwitti un post da @wpbeginner senza attribuzione, e altre persone ritwittino @syedbalkhi. Allora gli utenti che visualizzano quei retweet sono più propensi a seguire @syedbalkhi piuttosto che @wpbeginner.

Spesso i curatori di contenuti fanno questo per mantenere brevi le lunghezze dei tweet e garantire i retweet dei propri tweet.

Con le Twitter Card, questo problema è risolto perché ottieni credito al tuo sito web WordPress da ogni tweet che menziona il tuo articolo.

Ora che conosci i vantaggi delle Twitter Card, diamo un'occhiata a come implementarle in WordPress. Tratteremo due metodi e ti mostreremo come testare e convalidare le tue Twitter Card:

1. Utilizzo del plugin AIOSEO per aggiungere Twitter Card (Consigliato)
2. Aggiungere Twitter Card in WordPress (Metodo con codice)
3. Testare e convalidare le tue Twitter Card
4. Domande frequenti
5. Guide esperte sull'uso di Twitter con WordPress

Metodo 1: Utilizzo del plugin AIOSEO per aggiungere Twitter Card (Consigliato)

Il modo più semplice per aggiungere Twitter Card al tuo sito web è utilizzare il plugin All in One SEO (AIOSEO) per WordPress. È il miglior plugin SEO per WordPress ed è utilizzato da oltre 3 milioni di siti web.

Innanzitutto, dovrai installare e attivare il plugin AIOSEO. Per maggiori dettagli, segui il nostro tutorial passo passo su come installare un plugin WordPress.

Puoi utilizzare la versione gratuita di AIOSEO in quanto offre una funzionalità per configurare le Twitter Card sul tuo sito web WordPress.

Dopo che il plugin è attivo, vai nell'area di amministrazione di WordPress e naviga su All in One SEO » Social Networks. Quindi fai clic sulla scheda 'X (Twitter)' e assicurati che l'opzione 'Enable X Card' sia abilitata.

Una volta abilitate le Twitter Card, puoi modificarne l'aspetto utilizzando diverse impostazioni.

AIOSEO ti consente di selezionare il Tipo di Card Predefinito per i tuoi contenuti. Il plugin imposterà 'Riepilogo' come tipo di card predefinito, che mostra il titolo, il riepilogo e l'immagine in miniatura per i tuoi contenuti.

Tuttavia, puoi cambiarlo in 'Riepilogo con immagine grande' dal menu a discesa e Twitter mostrerà il tuo tweet con un'immagine grande.

Successivamente, devi selezionare la Sorgente Immagine Post Predefinita. È l'immagine che desideri visualizzare sulle tue Twitter Card.

Ci sono diverse opzioni tra cui scegliere utilizzando il menu a discesa. Ad esempio, puoi caricare o selezionare un'immagine predefinita che apparirà nella Card X (Twitter) o selezionare l'immagine in evidenza, l'immagine allegata, la prima immagine nel contenuto e altro ancora.

Successivamente, aggiungi un'Immagine X Post Predefinita, che verrà utilizzata come backup nel caso in cui il tuo contenuto non abbia un'immagine.

Ad esempio, se la sorgente dell'immagine del tuo post è un'immagine in evidenza, ma al post manca un'immagine in evidenza, allora X utilizzerà l'immagine predefinita al suo posto.

Oltre a ciò, AIOSEO offre più opzioni per mostrare dati aggiuntivi come l'autore del post e il tempo necessario per leggere un articolo.

Esiste anche un'opzione per impostare la Sorgente Immagine Termine Predefinita, ma avrai bisogno di AIOSEO Pro o una licenza superiore per utilizzare questa funzionalità.

Ora, se scorri verso il basso, vedrai le impostazioni della home page per Twitter. Il plugin mostrerà un'anteprima di come apparirà la tua home page su una Scheda Twitter.

In questa sezione, puoi cambiare il Tipo di Scheda e aggiungere un'Immagine della Home Page.

Questo è simile ai passaggi che abbiamo mostrato in precedenza, ma la differenza è che queste impostazioni sono per la tua home page.

Successivamente, inserisci un Titolo e una Descrizione della Home Page che appariranno sulla Scheda Twitter.

Una volta fatto, fai clic sul pulsante 'Salva Modifiche'.

Oltre a ciò, AIOSEO ti consente anche di modificare le impostazioni delle Schede X (Twitter) per singoli post e pagine.

Per farlo, modifica qualsiasi post del blog o pagina e quindi scorri verso il basso fino alle Impostazioni AIOSEO nell'editor di contenuti. Ora fai clic sulla scheda 'Social' e seleziona 'X (Twitter)'.

Il plugin mostrerà un'anteprima della Scheda X del tuo post e ti darà la possibilità di utilizzare i dati dalla scheda Facebook. Ti consente inoltre di modificare il titolo e la descrizione di X.

Puoi scrivere un nuovo titolo e descrizione o utilizzare smart tag. Ad esempio, se utilizzi il tag '+ Titolo Post' sopra il campo Titolo Twitter, allora AIOSEO utilizzerà automaticamente il titolo del tuo post nella Scheda Twitter.

Dopodiché, scorri verso il basso e seleziona la Sorgente Immagine per la tua Twitter Card. Usa il menu a discesa per selezionare l'immagine che desideri visualizzare per il tuo post, come un'immagine in evidenza, un'immagine allegata, la prima immagine nel contenuto, e così via.

Infine, puoi selezionare il Tipo di Twitter Card dal menu a discesa. Per impostazione predefinita, AIOSEO la imposterà su 'Summary', ma puoi cambiarla in 'Summary with Large Image'.

Successivamente, aggiorna o pubblica il tuo post del blog. Hai ora aggiunto con successo le Twitter Card al tuo sito web WordPress.

Metodo 2: Aggiungere Twitter Card in WordPress (Metodo Codice)

Questo metodo richiede l'aggiunta di codice ai file del tuo tema o child theme. Apri semplicemente il file header.php o usa il plugin gratuito WPCode per aggiungere questo codice personalizzato appena prima del tag </head>:

<?php
#twitter cards hack
if(is_single() || is_page()) {
  $twitter_url    = get_permalink();
 $twitter_title  = get_the_title();
 $twitter_desc   = get_the_excerpt();
   $twitter_thumbs = wp_get_attachment_image_src( get_post_thumbnail_id($post->ID), full );
    $twitter_thumb  = $twitter_thumbs[0];
      if(!$twitter_thumb) {
      $twitter_thumb = 'http://www.gravatar.com/avatar/8eb9ee80d39f13cbbad56da88ef3a6ee?rating=PG&size=75';
    }
  $twitter_name   = str_replace('@', '', get_the_author_meta('twitter'));
?>
<meta name="twitter:card" value="summary" />
<meta name="twitter:url" value="<?php echo $twitter_url; ?>" />
<meta name="twitter:title" value="<?php echo $twitter_title; ?>" />
<meta name="twitter:description" value="<?php echo $twitter_desc; ?>" />
<meta name="twitter:image" value="<?php echo $twitter_thumb; ?>" />
<meta name="twitter:site" value="@libdemvoice" />
<?
  if($twitter_name) {
?>
<meta name="twitter:creator" value="@<?php echo $twitter_name; ?>" />
<?
  }
}
?>

Puoi cambiare il valore di  ‘twitter:card’ alla Riga 14 in ‘summary_large_image’ se desideri visualizzare una card di riepilogo con un'immagine grande.

Se non sai come lavorare con PHP o incontri problemi con il Metodo 2, allora usa il Metodo 1.

Testare e convalidare le tue Twitter Card

Prima che i link dal tuo sito WordPress inizino a mostrare le Twitter Card, devi prima verificarli nel validatore di Twitter card.

Semplicemente vai alla pagina Card Validator sul sito web degli sviluppatori di Twitter. Inserisci l'URL di qualsiasi post dal tuo sito WordPress e fai clic sul pulsante 'Preview card'.

Il validatore di card non mostra più un'anteprima del tweet, ma mostra un registro del fatto che la Twitter card sia stata caricata con successo o meno.

Domande frequenti

Abbiamo trattato le basi per aggiungere Twitter Cards al tuo sito WordPress, ma potresti ancora avere alcune domande. Di seguito sono riportate le domande più comuni che riceviamo riguardo a Twitter Cards e alla loro implementazione.

1. Le Twitter Cards funzionano automaticamente una volta aggiunte al mio sito WordPress?

Le Twitter Cards dovrebbero funzionare automaticamente una volta implementati correttamente i meta tag sul tuo sito. Tuttavia, potrebbe volerci del tempo prima che Twitter riconosca e inizi a visualizzare le tue card. Puoi accelerare il processo utilizzando lo strumento Card Validator di Twitter per testare i tuoi URL e richiedere a Twitter di scansionare il tuo sito.

2. Qual è la differenza tra le Twitter Cards di tipo "Summary" e "Summary with Large Image"?

La differenza principale riguarda le dimensioni e il layout dell'immagine. Le schede di riepilogo visualizzano una piccola immagine in miniatura sul lato sinistro del tweet, mentre le schede di riepilogo con immagine grande mostrano un'immagine grande e prominente sopra il testo. Le schede con immagine grande tendono a ottenere un maggiore coinvolgimento ma occupano più spazio nella timeline.

3. Posso utilizzare diversi tipi di Twitter Card per pagine diverse del mio sito?

Sì, puoi assolutamente utilizzare diversi tipi di Twitter Card per pagine diverse. La maggior parte dei plugin SEO come All in One SEO (AIOSEO) ti consente di impostare specifiche impostazioni di Twitter Card per singoli post e pagine. Questo ti offre la flessibilità di scegliere il tipo di scheda migliore per ogni contenuto.

4. Perché le mie Twitter Card non vengono visualizzate quando condivido i miei contenuti?

Ci sono diversi motivi per cui le Twitter Card potrebbero non apparire: i meta tag non sono implementati correttamente, Twitter non ha ancora scansionato il tuo sito, ci sono errori nel markup della tua scheda o le tue immagini non soddisfano i requisiti di Twitter. Utilizza il Card Validator di Twitter per risolvere i problemi e identificare eventuali criticità.

5. Devo approvare le mie Twitter Card con Twitter prima di utilizzarle?

No, Twitter non richiede più l'approvazione per le Twitter Card. Finché le tue schede sono implementate correttamente e seguono le linee guida di Twitter, dovrebbero essere visualizzate automaticamente quando i tuoi contenuti vengono condivisi.

6. Quali dimensioni di immagine funzionano meglio per le Twitter Card?

Per le schede di riepilogo, utilizza immagini di almeno 144×144 pixel (il formato quadrato funziona bene). Per le schede di riepilogo con immagine grande, utilizza immagini di almeno 300×157 pixel con un rapporto d'aspetto di 1.91:1. La dimensione massima del file per le immagini è 5 MB e Twitter supporta i formati JPG, PNG, WebP e GIF.

Guide esperte sull'uso di Twitter con WordPress

Speriamo che questo articolo ti abbia aiutato ad aggiungere le Twitter Card a WordPress. Potresti anche voler consultare altre guide relative all'utilizzo di X (Twitter) con WordPress.

• Come inviare automaticamente tweet quando pubblichi un nuovo post in WordPress
• Come aggiungere pulsanti di condivisione e retweet di Twitter in WordPress
• Come incorporare tweet reali nei post del blog di WordPress
• Come correggere le immagini di Twitter Card non funzionanti in WordPress
• Come visualizzare Twitter e Facebook dell'autore nella pagina del profilo
• Migliori plugin Twitter per WordPress (confronto)
• Come visualizzare i tweet recenti in WordPress (passo dopo passo)
• Come aggiungere i tuoi feed dei social media a WordPress (passo dopo passo)

Se ti è piaciuto questo articolo, iscriviti al nostro canale YouTube per tutorial video su WordPress. Puoi anche trovarci su Twitter e Facebook.