Come aggiungere Twitter Cards al vostro sito web (guida passo passo)
clicksocial

Programmare i post sui social media direttamente da WordPress con ClickSocial

Iniziare la prova gratuita angolo-destro
Casa Blog Come aggiungere Twitter Cards al vostro sito web (guida passo passo)

Come aggiungere Twitter Cards al vostro sito web (guida passo passo)

aggiungere schede Twitter al vostro sito web

Se state lavorando per far crescere la vostra attività, il vostro blog o la vostra presenza online, probabilmente state utilizzando i social media e Twitter è una parte di questi.

Come marketer digitale, so che far notare i propri contenuti su piattaforme come Twitter è un obiettivo costante.

Quando condividete un link al vostro sito web su Twitter, volete che risalti e catturi l'attenzione degli utenti. È qui che entrano in gioco le Twitter Cards. Trasformano i normali link dei tweet in ricche anteprime, spesso con immagini, titoli e descrizioni.

Se volete rendere i link del vostro sito web su Twitter più efficaci e visivamente accattivanti, siete nel posto giusto.

In questa guida passo passo, vi mostrerò esattamente come aggiungere le Twitter Card al vostro sito web. Condividerò il semplice processo che ho utilizzato per configurare le Twitter Card su WordPress, in modo che possiate far sì che ogni link al sito web che condividete su Twitter lavori di più per voi.

In questo articolo

Perché usare le Twitter Card per il vostro sito web

Se volete raggiungere molte persone nuove per il vostro marchio, Twitter può essere un luogo fantastico.

Dopotutto, in base alle nostre ricerche sulle statistiche di social media marketing, Twitter ha oltre 330 milioni di utenti, quindi è una piattaforma di social media enorme con tonnellate di potenziali clienti.

Ma iniziare con Twitter può essere difficile, soprattutto se il vostro marchio non ha già un grande seguito sui social media.

Un modo semplice ed efficace per farlo è aggiungere delle schede Twitter al vostro sito web. In questo modo, i visitatori del sito possono facilmente controllare i vostri tweet e seguirvi.

Ecco alcuni altri modi in cui potete iniziare a usare le Twitter card per il vostro sito web:

  • Inserendo tweet pertinenti, potete catturare l'attenzione delle persone e mantenerle impegnate sul vostro sito web.
  • Potete pubblicare tweet con le ultime notizie e annunci sul vostro marchio e informare facilmente i vostri visitatori.
  • La visualizzazione della vostra timeline di Twitter mostra anche alle persone che state postando attivamente su Twitter, il che significa che è probabile che vi contattino lì. Questo aiuta anche a ottenere più retweet.
  • Se volete aumentare le vendite, potete utilizzare le Twitter Card per inserire le recensioni dei vostri prodotti e convincere più persone ad acquistare.
esempio di feed di recensioni su Twitter

E questo è solo l'inizio. Le Twitter Card possono essere un modo fantastico per iniziare a fare social media marketing, coinvolgere i vostri follower e far crescere la vostra attività.

Scopriamo il modo più semplice per iniziare a visualizzare i contenuti di Twitter sul vostro sito web.

Come aggiungere Twitter Cards al vostro sito web (in modo semplice)

Se volete mostrare le schede di Twitter ai visitatori del vostro sito web, il modo migliore è utilizzare un plugin per WordPress.

In questo modo, potete incorporare tutti i contenuti di Twitter che volete, senza bisogno di alcuna codifica.

Il miglior plugin per visualizzare i tweet sul vostro sito web è Twitter Feed Pro.

twitter feed pro homepage

Utilizzando questo plugin, è possibile aggiungere schede Twitter al proprio sito web con facilità e iniziare a coinvolgere i visitatori in pochissimo tempo.

Twitter Feed Pro è il miglior plugin di feed Twitter per WordPress. È stato progettato per semplificare la visualizzazione dei contenuti Twitter e per mantenere i visitatori del sito web interessati alla vostra presenza sui social media, lavorando di pari passo con i vostri sforzi per migliorare la vostra strategia Twitter, come l'utilizzo delle Twitter Cards.

Bastano pochi semplici clic per creare, personalizzare e incorporare un feed di schede Twitter sul vostro sito web.

Così come l'impostazione delle Twitter Card è semplice, anche l'avvio di Twitter Feed Pro è facile e veloce. Non sono necessari codici complicati.

Inoltre, avete a disposizione tonnellate di opzioni per quanto riguarda il tipo di contenuti Twitter che volete mostrare.

È possibile mostrare i tweet delle timeline degli utenti, incorporare gli hashtag Twitter scelti, mostrare i risultati delle ricerche su Twitter e molto altro ancora.

La parte migliore? Le schede di Twitter si abbineranno automaticamente al design del vostro sito web grazie al plugin. In questo modo, i contenuti di Twitter si adatteranno perfettamente al vostro branding.

Una cosa che apprezzo molto di Twitter Feed Pro è il suo personalizzatore di feed visivo.

Permette di personalizzare facilmente l'aspetto del feed di Twitter e i contenuti visualizzati, dandovi il controllo sull'integrazione di Twitter nel vostro sito web, proprio come controllate l'aspetto dei vostri link con le Twitter Cards.

In pochi clic è possibile impostare il layout, la combinazione di colori, il design dei pulsanti, lo stile dell'intestazione e molto altro ancora.

Inoltre, questo plugin viene fornito con un team di esperti di WordPress sempre pronti ad aiutarvi.

Come potete vedere, Twitter Feed Pro è davvero il miglior plugin per aiutarvi a incorporare i contenuti di Twitter sul vostro sito web.

Infatti, alcuni dei più grandi marchi del mondo utilizzano Smash Balloon per incorporare i feed dei social media nei loro siti web.

Siete pronti ad aggiungere schede Twitter al vostro sito web? Acquistate qui la vostra copia di Twitter Feed Pro.

A questo punto, vediamo come utilizzare il plugin per aggiungere le schede di Twitter al vostro sito web.

Passo 1: Scaricare il plugin Twitter Feed Pro

Per iniziare, prendete la vostra copia del plugin Twitter Feed Pro e scaricatelo sul vostro computer.

Dopodiché, è sufficiente installare e attivare il plugin sul proprio sito web.

Se volete un aiuto, date un'occhiata a questo tutorial su come installare un plugin di WordPress passo dopo passo.

Una volta installato e attivato il plugin, si può passare alla fase 2 qui sotto.

Fase 2: Creare un nuovo feed di Twitter

Ora che il plugin è pronto, è possibile utilizzarlo per creare un nuovo feed di Twitter sul proprio sito web.

Utilizzando questo feed, è possibile mostrare tonnellate di schede Twitter in una sola volta.

Dall'area della dashboard, navigare nel menu Twitter Feed " Tutti i feed per iniziare.

Ora create un nuovo feed facendo clic sul pulsante Aggiungi nuovo .

aggiungere un nuovo feed twitter personalizzato

Dopodiché, è possibile scegliere il tipo di contenuto di Twitter che si desidera mostrare sui biglietti. Ecco le opzioni tra cui scegliere:

  • Timeline utente: Incorporare una timeline di Twitter sul vostro sito web
  • Hashtag: Mostra i post di Twitter con un hashtag scelto
  • Home Timeline: Visualizza i tweet dalla tua homepage
  • Ricerca: Scegliere un termine di ricerca e incorporare i tweet con quel termine
  • Menzioni: Mostra i tweet che hanno un tag sul tuo profilo
  • Elenchi: Visualizzare i contenuti di un elenco pubblico di Twitter
opzioni del tipo di feed twitter

Selezionate l'opzione che preferite da questo elenco e poi fate clic sul pulsante Avanti .

Per questo esempio, utilizzeremo un tipo di feed della timeline dell'utente.

selezionare il tipo di feed twitterr

Come potete vedere, con questo plugin potete creare un feed di Twitter in pochi clic,

Nella fase 3, è possibile collegare questo feed a Twitter, in modo da visualizzare le schede Twitter sul sito web.

Passo 3: collegare l'account Twitter

Per incorporare le schede di Twitter, è possibile collegare questo nuovo feed al proprio account Twitter.

A tal fine, fare clic sul pulsante Connetti per iniziare.

collegare l'account twitter a wordpress

Il plugin aprirà quindi Twitter in modo da poter completare la connessione dell'account. A tal fine, è sufficiente dare accesso in sola lettura al plugin.

In questo modo, il vostro account Twitter sarà completamente al sicuro, poiché il plugin può solo visualizzare le informazioni di Twitter e non sarà in grado di apportare alcuna modifica.

Per collegare il vostro account Twitter, cliccate su Autorizza app qui.

autorizzare l'accesso in sola lettura a twitter.jpg

Ora che avete collegato il vostro account Twitter, è il momento di aggiungere la fonte.

La fonte può essere il profilo Twitter, l'hashtag, l'elenco, il termine di ricerca e il contenuto Twitter personalizzato che si desidera visualizzare sul sito web.

Qui abbiamo aggiunto il profilo Twitter di @starbucks come fonte. In questo modo verranno visualizzate le schede Twitter del profilo dell'utente.

Dopo aver inserito la sorgente nel popup, fare clic sul pulsante Avanti .

incorporare la timeline dell'utente del feed di Twitter

A questo punto si può passare alla fase 4 e personalizzare l'aspetto delle schede di Twitter sul proprio sito web.

Passo 4: personalizzare il feed di Twitter

Per iniziare, potete scegliere di importare un design predefinito per le vostre schede Twitter. Ecco le 6 opzioni tra cui potete scegliere:

  • Predefinito
  • Schede di muratura
  • Carosello semplice
  • Carte semplici
  • Carosello di vetrine
  • Ultimo Tweet
  • Widget

Dopo aver selezionato il modello, fare clic su Avanti per continuare.

scegliere un modello di alimentazione

Dopo aver fatto ciò, Twitter Feed Pro vi invierà all'editor del feed live. Da qui è possibile modificare il layout, i colori, il design dei pulsanti, la lightbox, il design dell'intestazione e altro ancora per le schede di Twitter.

Verso destra, si trova un'anteprima dal vivo che mostra l'aspetto delle schede Twitter per il vostro sito web.

editor di feed live twitter

Per iniziare la personalizzazione, è possibile modificare il layout delle schede di Twitter sul proprio sito web.

A tale scopo, fare clic sull'opzione Layout di alimentazione.

opzione di layout del feed twitter

Successivamente, è possibile scegliere tra 3 layout per le schede di Twitter: Elenco, Masonry e Carosello.

Vediamo di seguito quali sono:

scegliere un layout di feed twitter

Utilizzando il layout a elenco, è possibile mostrare le schede di Twitter in un'unica colonna, proprio come il layout del sito ufficiale di Twitter.

In questo modo, ogni scheda di Twitter è chiaramente visibile sul vostro sito web.

elenco layout feed twitter

Poi c'è il layout masonry , che può mostrare le schede di Twitter in più colonne.

È un ottimo modo per mostrare tonnellate di schede Twitter in una sola volta.

esempio di feed twitter in muratura wordpress

Potete anche scegliere il layout a carosello e incorporare una presentazione di schede Twitter sul vostro sito web.

Questo layout può aiutarvi a rendere il vostro sito web ancora più interattivo.

esempio di feed twitter orizzontale

Dopo aver selezionato il layout del feed di Twitter, fate clic sul pulsante Salva in alto.

Quindi, potete continuare a impostare il design del vostro feed di Twitter facendo clic sul pulsante Personalizza in alto.

torna alle opzioni di personalizzazione di twitter

Ora è possibile utilizzare l'editor di live feed per modificare i colori del feed di Twitter.

Per iniziare, fare clic sull'opzione Schema di colore a sinistra.

opzione schema colori twitter feed pro

Per cambiare i colori, è sufficiente scegliere tra 4 diversi schemi di colore:

  • Ereditare dal tema: Copia i colori del tema di WordPress
  • Luce: Uno sfondo chiaro con il colore scuro dei caratteri
  • Scuro: sfondo scuro su un colore chiaro del carattere
  • Personalizzato: Scegliere manualmente tutti i colori

Una volta selezionata la combinazione di colori, fare clic sul pulsante Salva.

scegliere la combinazione di colori di twitter

È quindi possibile utilizzare le restanti opzioni di personalizzazione e modificare l'intestazione, il design dei pulsanti, le dimensioni del feed e molto altro ancora in pochi clic.

Infine, fate clic sul pulsante Salva per confermare il nuovo design del vostro feed di Twitter.

A questo punto potete passare alla fase finale e iniziare a incorporare le schede di Twitter nel vostro sito web.

Fase 5: incorporare le schede di Twitter nel sito web

Ora che avete personalizzato l'aspetto delle schede di Twitter, è il momento di incorporarle nel vostro sito WordPress.

Con questo plugin è possibile farlo in due modi:

  • Incorporare le schede di Twitter in una pagina di WordPress
  • Incorporare le schede di Twitter nella barra laterale o nel piè di pagina di WordPress

Vediamo di seguito entrambi i metodi.

Incorporare le Twitter Cards in una pagina WordPress

Utilizzando l'editor di live feed, è possibile incorporare facilmente le proprie schede Twitter in pochi clic, senza bisogno di codifica.

Per iniziare, fare clic sul pulsante Embed in alto.

incorporare il feed di twitter

Una volta fatto ciò, verrà visualizzata una finestra a comparsa in cui è possibile scegliere la posizione delle schede di Twitter.

Fare clic su Aggiungi a una pagina per continuare.

aggiungere a una pagina

Successivamente, verrà visualizzato un elenco di tutte le pagine di WordPress presenti sul sito. Ora potete selezionare la pagina in cui volete incorporare le schede di Twitter.

Dopo aver fatto ciò, fare clic su Aggiungi per continuare.

aggiungere il feed di Twitter a una nuova pagina

Twitter Feed Pro aprirà la pagina nell'editor di WordPress. Qui è possibile aggiungere un nuovo blocco di contenuti facendo clic sull'icona più (+).

aggiungere un nuovo blocco di contenuto

Scrivete "twitter feed" nella barra di ricerca in alto per cercare il blocco di contenuti giusto.

Quindi, fare clic sul blocco Twitter Feed dalle opzioni sottostanti.

incorporare il feed di twitter nel vostro sito wordpress

Infine, fate clic sul pulsante Aggiorna e le schede di Twitter saranno attive sul vostro sito web.

Per vedere come appare, basta aprire il proprio sito web e verificare di persona.

esempio di feed twitter sul sito web

Vediamo ora un altro modo per aggiungere schede Twitter al vostro sito web utilizzando Twitter Feed Pro.

Incorporare i feed di Twitter nella barra laterale o nel piè di pagina di WordPress

Con questo metodo, è possibile incorporare le schede di Twitter nella barra laterale o nel piè di pagina di WordPress come widget di Twitter.

È possibile utilizzare l'editor di live feed anche per questo.

Per prima cosa, andate nel menu Twitter Feed " Tutti i feed dall'area della dashboard di WordPress.

Verrà visualizzato un elenco di tutti i feed di Twitter presenti sul sito. Ora fate clic sul feed di Twitter che volete incorporare.

aprire tutti i feed pagina feed di twitter

In questo modo si aprirà nuovamente l'editor del live feed. Basta fare clic sul pulsante Incorpora per iniziare a incorporare le schede di Twitter.

pulsante per incorporare il feed di Twitter

Nel popup, fare clic su Aggiungi a un widget per continuare.

Questo vi invierà alla pagina dei widget di WordPress, dove potrete aggiungere il vostro widget di Twitter.

aggiungere il feed di Twitter al widget

Da qui è possibile scegliere tra la barra laterale e il piè di pagina per le schede di Twitter.

Volete mostrare le schede di Twitter nella barra laterale del vostro sito web?

È sufficiente fare clic sul pannello Sidebar .

aprire il pannello della barra laterale

Oppure si può scegliere di visualizzare le schede di Twitter nel piè di pagina.

A tale scopo, fare clic su un pannello Piè di pagina.

aprire il pannello del piè di pagina

Ora è possibile aggiungere un nuovo widget facendo clic sull'icona più (+) in basso.

Quindi, selezionare il widget Twitter Feed dalle opzioni.

aggiungere un widget per il feed di Twitter a wordpress

Infine, è possibile fare clic su Aggiorna per salvare le modifiche.

In questo modo, avete aggiunto le schede di Twitter alle aree pronte per i widget del vostro sito web. Potete dare un'occhiata aprendo il vostro sito web.

incorporare il widget del feed di Twitter sul sito web

In definitiva, Twitter Feed Pro è il miglior plugin se volete aggiungere contenuti Twitter al vostro sito web con facilità.

Vediamo ora come incorporare le schede di Twitter senza utilizzare un plugin.

Aggiungete manualmente le schede Twitter per il vostro sito web

È anche possibile aggiungere schede Twitter al proprio sito web in modo manuale, senza utilizzare alcun plugin.

Di conseguenza, la scelta di questo metodo può richiedere molto più tempo. Dopo tutto, dovrete generare manualmente il codice embed di Twitter e aggiungerlo al vostro sito web.

Inoltre, non avrete a disposizione opzioni di personalizzazione, quindi le vostre schede Twitter potrebbero non corrispondere al vostro branding.

Se volete cambiare l'aspetto delle schede di Twitter, dovrete modificare il codice da soli o affidarvi a uno sviluppatore.

Inoltre, non avrete a disposizione un team di supporto come nel caso di Twitter Feed Pro. Se l'aggiunta del codice embed al vostro sito causa errori, non potrete chiedere aiuto a un team di supporto.

A questo punto, iniziamo a vedere come aggiungere manualmente le schede di Twitter per il vostro sito.

Passo 1: Visitare Twitter Pubblicare

twitter pubblica la homepage

Per iniziare, aprite publish.twitter.com sul vostro browser per accedere al sito web di Twitter Publish.

Qui è possibile utilizzare il generatore di schede di Twitter per creare un codice HTML per i contenuti di Twitter.

Passo 2: Scegliere il tipo di incorporazione

Se si scorre verso il basso, si possono trovare 3 diverse opzioni di incorporazione:

  • Twitter incorporato: Aggiungete una singola scheda Twitter al vostro sito
  • Timeline incorporata: Mostra le schede di Twitter da una timeline specifica
  • Pulsanti Twitter: Incorporare i pulsanti di Twitter
twitter pubblica le opzioni del sito web

Per il nostro esempio, sceglieremo l'opzione timeline incorporata.

Passo 3: incollare l'URL di Twitter

Successivamente, verrà visualizzato un popup del generatore di schede di Twitter. È sufficiente inserire l'URL della timeline di Twitter che si desidera incorporare.

aggiungere l'url della timeline di Twitter

Dopo aver incollato l'URL della timeline di Twitter nel popup, fare clic sul pulsante Anteprima per continuare.

Passo 4: Copiare il codice HTML

Infine, è possibile visualizzare il codice HTML delle schede Twitter. È anche possibile vedere un'anteprima dell'aspetto delle schede Twitter sul vostro sito web.

Per continuare, fare clic sul pulsante Copia codice .

copiare il codice per incorporare il feed di Twitter

Infine, è possibile utilizzare questo codice per incorporare le schede di Twitter nel passaggio successivo.

Passo 5: Aggiungere il codice HTML a WordPress

Ora è possibile incollare il codice HTML di incorporamento nella pagina o nel post di WordPress.

Per utilizzare una pagina di WordPress, fare clic sul menu Pagine " Aggiungi nuovo dalla dashboard.

aggiungere una nuova pagina wordpress

In alternativa, è possibile aprire il menu Messaggi " Aggiungi nuovo dalla dashboard per utilizzare il post di WordPress.

Per questo esempio, sceglieremo una pagina di WordPress.

aggiungere un nuovo post wordpress

Ora aggiungete un blocco di contenuto alla pagina o al post facendo clic sull'icona più (+).

aggiungere un nuovo blocco wordpress

Infine, cercate la barra di ricerca in alto e scrivete "html personalizzato" .

Quindi, selezionare il blocco HTML personalizzato dalle opzioni sottostanti.

aggiungere un widget html personalizzato al sito wordpress

Ora è possibile incollare il codice embed di Twitter copiato nel blocco HTML.

In questo modo le schede di Twitter verranno incorporate nel vostro sito web.

incorporare manualmente il widget di twitter.jpg

Infine, fare clic su Pubblica per salvare le modifiche e le schede di Twitter saranno online.

Basta aprire il vostro sito web per vedere come appaiono le schede di Twitter.

esempio di incorporazione manuale del widget di twitter

Ma se si vuole incorporare solo una singola scheda di Twitter, è un po' più facile.

Per prima cosa, copiate l 'URL di Twitter e poi tornate al vostro sito WordPress. Dopodiché, incollate semplicemente l'URL nel vostro post o nella vostra pagina.

incorporare la scheda di Twitter nel proprio sito web

Come prima, cliccate su Pubblica per confermare le modifiche e la vostra nuova scheda Twitter sarà online.

Ed ecco fatto!

Come potete vedere, è facilissimo aggiungere schede Twitter al vostro sito web utilizzando un plugin per WordPress. Con Twitter Feed Pro, potete iniziare a visualizzare i contenuti di Twitter in pochi semplici clic, anche se siete dei principianti di WordPress.

In questo modo potrete far crescere il vostro seguito sui social media, coinvolgere i visitatori del vostro sito web e incrementare le vostre vendite.

Se volete iniziare a sfruttare al meglio Twitter per il vostro marchio, date un'occhiata alla nostra lista dei migliori modi per guadagnare su Twitter.

Avete un sito web Elementor? Ecco come incorporare un feed di Twitter nel vostro sito Elementor.

Se questo tutorial vi ha aiutato, seguiteci su Facebook e Twitter per altri consigli utili sul social media marketing.

avatar dell'autore
Sajjan Sharma Scrittore senior
Sajjan scrive di WordPress, social media marketing e aziende online da oltre 10 anni. I suoi interessi professionali si estendono all'influencer marketing, alla content curation e alle strategie di marketing digitale.

Aggiungi un commento

Siamo lieti che abbia scelto di lasciare un commento. Tenete presente che tutti i commenti sono moderati in base alla nostra politica sulla privacy e che tutti i link sono nofollow. NON utilizzare parole chiave nel campo del nome. Avremo una conversazione personale e significativa.