Come aggiungere le Twitter Card in WordPress

Le Twitter Card sono immagini e descrizioni che appaiono su Twitter quando qualcuno condivide i tuoi contenuti.

Ti aiuta a controllare come appariranno i tuoi Tweet su Twitter, a ottenere credito includendo automaticamente il tuo nome nel Tweet e ad aumentare il coinvolgimento degli utenti.

Perché usare le Twitter Card in WordPress?

Le Twitter Card ti consentono di aggiungere un titolo, un riepilogo, un’immagine e un file video o audio al tuo Tweet. In questo modo, è più probabile che tu ottenga più clic e retweet.

Il più grande vantaggio di avere le Twitter Card è che aumenta il numero di persone che seguono i tuoi account Twitter attraverso l’attribuzione dei contenuti. Spesso le persone twittano i tuoi link senza darti il ​​giusto credito.

Ad esempio, @tizio retweetta un post di @caio senza attribuzione e altre persone retweetano @tizio. Quindi è più probabile che gli utenti che visualizzano quei retweet seguano @tizio rispetto a @caio.

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

Con le Twitter Card, questo problema viene risolto perché ricevi credito sul tuo sito da ogni Tweet che menziona il tuo articolo.

Ora che conosci i vantaggi delle Twitter Card, diamo un’occhiata a come implementarle in WordPress.

Metodo 1: utilizzare il plug-in AIOSEO per aggiungere Twitter Card

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

Innanzitutto, dovrai installare e attivare il plugin AIOSEO. Se non sai come fare, consulta il nostro tutorial su come installare un plugin per WordPress.

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

Dopo che il plug-in è attivo, vai alla tua area di amministrazione di WordPress e vai a All in One SEO » Social Network. Quindi fai clic sulla scheda “Twitter” e assicurati che l’opzione “Abilita Twitter Card” sia abilitata.

Dopo aver abilitato le Twitter Card, puoi modificarne l’aspetto utilizzando impostazioni diverse.

AIOSEO ti consente di selezionare il tipo di card predefinito per i tuoi contenuti. Il plug-in imposterà “Riepilogo” come tipo di scheda 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, è necessario selezionare l’origine dell’immagine post predefinita (Default Post Image Source). È l’immagine che vuoi visualizzare nelle tue Twitter Card.

Ci sono diverse opzioni tra cui scegliere utilizzando il menu a discesa. Per esempio, è possibile caricare o selezionare un’immagine di default che apparirà nella scheda di Twitter o selezionare l’immagine in primo piano, immagine allegata, prima immagine nel contenuto, etc.

Quindi, aggiungi un’immagine Twitter predefinita del post, che verrà utilizzata come backup nel caso in cui il tuo contenuto non abbia un’immagine.

Ad esempio, se la fonte dell’immagine del tuo post è un’immagine in primo piano ma nel post manca un’immagine in primo piano, Twitter utilizzerà invece l’immagine predefinita.

A parte questo, AIOSEO offre più opzioni per mostrare dati aggiuntivi come l’autore del post e il tempo necessario per leggere un articolo.

C’è anche un’opzione per impostare il termine predefinito Image Source, ma avrai bisogno di AIOSEO Pro o di una licenza superiore per utilizzare questa funzione.

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 in una Twitter Card.

In questa sezione è possibile modificare il tipo di scheda e aggiungere un’immagine della pagina iniziale. È simile ai passaggi che abbiamo mostrato in precedenza, ma l’unica differenza è che queste impostazioni sono per la tua home page.

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

Fatto ciò, fai clic sul pulsante “Salva modifiche“.

Oltre a  questo, AIOSEO ti consente anche di modificare le impostazioni della Twitter Card per singoli post e pagine.

Per farlo, modifica qualsiasi post o pagina del blog, quindi scorri verso il basso fino alle Impostazioni AIOSEO nell’editor dei contenuti. Ora fai clic sulla scheda “Social” e seleziona “Twitter“.

Il plugin mostrerà un’anteprima della Twitter Card del tuo post e ti darà la possibilità di utilizzare i dati dalla scheda Facebook. Ti consente anche di modificare il titolo e la descrizione di Twitter.

Puoi scrivere un nuovo titolo e una descrizione o utilizzare smart tag. Ad esempio, se utilizzi il tag “+ Post Title” sotto il titolo Twitter, AIOSEO utilizzerà automaticamente il titolo del tuo post nella Twitter Card.

Successivamente, scorri verso il basso e seleziona l’origine dell’immagine (Image Source) per la tua Twitter Card. Utilizza il menu a discesa per selezionare l’immagine che desideri visualizzare per il tuo post, ad esempio un’immagine in primo piano, 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 lo imposterà su “Riepilogo (Summary)” ma puoi cambiarlo in “Riepilogo con immagine grande“.

Successivamente, aggiorna o pubblica il tuo post sul blog. Ora hai aggiunto con successo le Twitter Card al tuo sito Web WordPress.

Metodo 2: aggiungere scheda Twitter in WordPress tramite codice

Questo metodo richiede l’aggiunta di codice ai file del tema o del tema child. Apri semplicemente il file header.php e aggiungi questo codice appena prima del </head>tag.

<?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; ?>" />
<?
  }
}
?>

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

Testa e convalida le tue Twitter Card

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

Vai semplicemente 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 di anteprima della scheda.

Twitter ti mostrerà un’anteprima della tua carta Twitter.

Nota: in precedenza dovevi richiedere la partecipazione alle Twitter Card. Tuttavia, Twitter ha implementato un sistema che autorizza automaticamente i domini quando li provi con il validatore o semplicemente condividi un URL su Twitter.

E’ tutto. Speriamo che questo tutorial ti abbia aiutato a capire come aggiungere le Twitter Card in WordPress. Potresti anche voler vedere la nostra guida su come pubblicare automaticamente su Facebook da WordPress.