Guida per principianti su come aggiungere Twitter Cards in WordPress

Migliorare il vostro sito WordPress con le Twitter Cards può migliorare significativamente la vostra presenza sui media e l’engagement degli utenti. Le Twitter Cards forniscono immagini e descrizioni che appaiono su X (ex Twitter) quando qualcuno condivide i vostri contenuti.

Su WPBeginner, usiamo questa caratteristica per controllare l’aspetto dei nostri tweet e aumentare l’interazione con gli utenti. L’uso delle Twitter Cards (o X Cards) ci assicura anche di ottenere il credito per i nostri contenuti.

In questo articolo vi mostreremo come aggiungere le Twitter Cards in WordPress, in modo da far risaltare i vostri tweet.

Perché usare le Twitter Card in WordPress?

Le Twitter Card consentono di aggiungere al tweet un titolo, un sommario, un’immagine e un file video o audio. In questo modo, avrete maggiori probabilità di ottenere più clic e retweet.

Potete vedere un esempio dal vivo visitando la nostra pagina WPBeginner su X.

Il più grande vantaggio delle Twitter Card è che aumentano il numero di persone che seguono i vostri account X grazie all’attribuzione dei contenuti. Spesso le persone twittano i vostri link senza darvi il giusto credito.

Ad esempio, se @syedbalkhi ritwitta un post di @wpbeginner senza attribuzione, e altre persone ritwittano @syedbalkhi. Gli utenti che visualizzano questi retweet hanno più probabilità di seguire @syedbalkhi che @wpbeginner.

Spesso i curatori di contenuti lo fanno per mantenere la lunghezza dei tweet e assicurarsi i retweet dei loro stessi tweet.

Con le Twitter Cards, questo problema è risolto perché si ottiene il credito al proprio sito WordPress per ogni tweet che menziona il vostro articolo.

Ora che conoscete i vantaggi delle Twitter Card, vediamo come implementarle in WordPress. Verranno illustrati due metodi e verrà mostrato come testare e convalidare le Twitter Card:

Metodo 1: Usare il plugin AIOSEO per aggiungere schede Twitter (consigliato)

Il modo più semplice per aggiungere le Twitter Card al vostro 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.

Per prima cosa, è necessario installare e attivare il plugin AIOSEO. Per maggiori dettagli, seguite il nostro tutorial passo-passo su come installare un plugin di WordPress.

È possibile utilizzare la versione gratuita di AIOSEO, che offre una funzione per impostare le Twitter Card sul proprio sito WordPress.

Dopo l’attivazione del plugin, accedere all’area di amministrazione di WordPress e navigare in All in One SEO ” Reti sociali. Poi fate clic sulla scheda “X (Twitter)” e assicuratevi che l’opzione “Abilita X Card” sia abilitata.

Una volta attivate le Twitter Card, è possibile modificarne l’aspetto utilizzando diverse impostazioni.

AIOSEO consente di selezionare il tipo di scheda predefinito per i contenuti. Il plugin imposta “Sommario” come tipo di scheda predefinita, che mostra il titolo, il sommario e l’immagine di anteprima del contenuto.

Tuttavia, è possibile modificarla in “Riepilogo con immagine grande” dal menu a discesa e Twitter mostrerà il tweet con un’immagine grande.

Successivamente, è necessario selezionare l’Origine immagine post predefinita. Si tratta dell’immagine che si desidera visualizzare nelle Twitter Cards.

Il menu a discesa offre diverse opzioni tra cui scegliere. Ad esempio, è possibile caricare o selezionare un’immagine predefinita che apparirà nella X (Twitter) Card o selezionare l’immagine in evidenza, l’immagine allegata, la prima immagine del contenuto e altro ancora.

Successivamente, aggiungere un’immagine predefinita per la pubblica, che verrà utilizzata come backup nel caso in cui il contenuto non abbia un’immagine.

Ad esempio, se la fonte dell’immagine del post è un’immagine in evidenza, ma la pubblicazione manca di un’immagine in evidenza, X utilizzerà l’immagine predefinita.

Inoltre, 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 l’origine predefinita dell’immagine del termine, ma per utilizzare questa funzione è necessario disporre di AIOSEO Pro o di una licenza superiore.

Ora, se si scorre verso il basso, si vedranno le impostazioni della home page di Twitter. Il plugin mostrerà un’anteprima dell’aspetto della vostra home page su una Twitter Card.

In questa sezione è possibile modificare il tipo di scheda e aggiungere l’immagine della pagina iniziale.

La procedura è simile a quella illustrata in precedenza, ma la differenza è che queste impostazioni riguardano la pagina iniziale.

Quindi, inserire un titolo e una descrizione della home page che appariranno sulla Twitter Card.

A questo punto, fare clic sul pulsante “Salva modifiche”.

A lato, AIOSEO consente anche di modificare le impostazioni della scheda X (Twitter) per singole pagine e post.

Per farlo, modificate una qualsiasi pagina o post del blog e scendete fino alle impostazioni di AIOSEO nell’editor dei contenuti. Fare clic sulla scheda “Social” e selezionare “X (Twitter)”.

Il plugin mostra l’anteprima della scheda X della pubblica e offre l’opzione di utilizzare i dati della scheda di Facebook. Consente inoltre di modificare il titolo e la descrizione della X Card.

È possibile scrivere un nuovo titolo e una nuova descrizione o utilizzare i tag intelligenti. Ad esempio, se si utilizza il tag “+ Titolo del post” sopra il campo del titolo di Twitter, AIOSEO utilizzerà automaticamente il titolo del post nella Twitter Card.

Quindi, scorrere verso il basso e selezionare la fonte dell’immagine per la Twitter Card. Utilizzate il menu a discesa per selezionare l’immagine che desiderate visualizzare per il vostro post, ad esempio un’immagine in primo piano, un’immagine allegata, la prima immagine nel contenuto e così via.

Infine, è possibile selezionare il tipo di scheda Twitter dal menu a discesa. Per impostazione predefinita, AIOSEO la imposterà su “Sommario”, ma è possibile modificarla in “Sommario con immagine grande”.

Quindi, aggiornate o pubblicate il vostro post sul blog. Ora avete aggiunto con successo le Twitter Cards al vostro sito WordPress.

Metodo 2: Aggiunta di Twitter Cards in WordPress (metodo del codice)

Questo metodo richiede l’aggiunta di codice ai file del tema o del tema figlio. È sufficiente aprire il file header.php o utilizzare il plugin gratuito WPCode per aggiungere questo codice personalizzato subito 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; ?>" />
<?
  }
}
?>

È possibile modificare il valore ‘twitter:card’ sulla riga 14 in ‘summary_large_image’ se si desidera visualizzare una scheda di riepilogo con un’immagine grande.

Se non si sa come lavorare con PHP o si incontrano problemi con il metodo 2, utilizzare il metodo 1.

Testate e convalidate le vostre Twitter Card

Prima che i link dal vostro sito WordPress inizino a mostrare le Twitter Card, dovete prima verificarle nel validatore di Twitter Card.

Basta andare alla pagina del Card Validator sul sito web degli sviluppatori di Twitter. Inserite l’URL di un qualsiasi post del vostro sito WordPress e fate clic sul pulsante “Preview card”.

Il validatore di schede non visualizza più un’anteprima del tweet, ma mostra un registro che indica se la scheda di Twitter è stata caricata correttamente o meno.

Guide di esperti sull’utilizzo di Twitter con WordPress

Ora che sapete come aggiungere le schede di Twitter a WordPress, potreste voler vedere altre guide relative all’utilizzo di Twitter con WordPress.

• Come twittare automaticamente quando si pubblica un nuovo post in WordPress
• Come aggiungere il pulsante di condivisione e retweet di Twitter in WordPress
• Come incorporare i tweet reali nei post del blog WordPress
• Come risolvere le immagini rotte delle schede di Twitter in WordPress
• Come visualizzare Twitter e Facebook dell’autore nella pagina del profilo
• I migliori plugin Twitter per WordPress (a confronto)
• Come visualizzare i tweet recenti in WordPress (passo dopo passo)
• Come aggiungere i feed dei social media a WordPress (passo dopo passo)

Speriamo che questo articolo vi abbia aiutato ad aggiungere schede Twitter a WordPress. Potreste anche voler consultare la nostra guida su come creare una landing page con WordPress e la nostra scelta di esperti dei plugin WordPress indispensabili per far crescere il vostro sito web.

Se questo articolo vi è piaciuto, iscrivetevi al nostro canale YouTube per le esercitazioni video su WordPress. Potete trovarci anche su Twitter e Facebook.