Come aggiungere un selettore di lingua WordPress al tuo sito web multilingue

Pubblicato: 2023-04-03


Trasformare il tuo sito Web WordPress multilingue può essere un ottimo modo per raggiungere un nuovo pubblico. È anche uno dei migliori metodi per assicurarti di presentare sempre i tuoi contenuti, offerte o servizi in una lingua che corrisponda alle preferenze del lettore. C'è solo un problema con questo - o piuttosto una sfida - come aggiungere effettivamente un modulo di cambio lingua al tuo sito Web WordPress?

Questo è ciò che siamo qui per mostrarvi oggi. Quella che segue è una rapida guida per principianti ai selettori di lingua dei siti web. Spiegheremo cos'è un selettore di lingua, cosa fa effettivamente, quali sono i principali tipi di selettore di lingua e come aggiungerne uno al tuo sito Web WordPress.

Che cos'è un selettore di lingua del sito web?

In parole povere, un selettore di lingua del sito Web è un elemento come un menu a discesa, un collegamento o un pulsante, in genere in un angolo della struttura della pagina.

Ad esempio, può essere qualcosa del genere:

Un esempio di un selettore di lingua del sito Web di Duolingo

Lo switcher consente al lettore di cambiare la lingua del contenuto del sito in una che gli si addica meglio. Questo può essere incredibilmente utile se il tuo sito si rivolge a un pubblico in una manciata di paesi e desideri fornire loro più opzioni rispetto al solo inglese.

Un selettore di lingua può aiutare a promuovere la fidelizzazione del marchio, mostrare che comprendi le esigenze del tuo pubblico e può fornire soluzioni su misura per loro.

Tipi di selettori di lingua del sito web

C'è una manciata di tipi di cambio di lingua che puoi usare sul tuo sito web. Primo dei quali hai già visto nell'esempio sopra. ️ Quella demo dal sito Web di Duolingo è un buon esempio di un selettore di lingua "icona più testo" .

Probabilmente, è il miglior tipo di cambio di lingua che puoi usare poiché presenta le bandiere dei paesi insieme al nome della lingua per iscritto per rendere la selezione altamente scansionabile e super chiara per i lettori.

Una semplificazione di questa idea è quella di visualizzare solo il testo , semplicemente il nome della lingua da solo. Tali selettori di lingua si trovano solitamente nei menu di navigazione o nei menu a discesa. Questo perché di solito non c'è molto spazio per le icone nei menu affollati dei siti, inoltre potrebbero sopraffare il resto del menu.

Ecco un esempio di un selettore di lingua solo testo:

Il selettore di lingua di IBM

Il prossimo tipo di cambio di lingua è il cambio di lingua del sito Web a pagina intera . L'idea alla base è di non far passare il lettore fino a quando non decide e sceglie una lingua specifica.

Una restrizione del genere è spesso necessaria su siti che sono obbligati per legge a limitare alcuni dei loro servizi o limitarli a determinate aree. Questo tipo di selettore di lingua controlla non solo la lingua del contenuto stesso, ma anche l'intera localizzazione del sito.

Ecco un esempio di un selettore di lingua come questo:

Il selettore di lingua di Adobe

Vantaggi di rendere il tuo sito multilingue

Prima di poter aggiungere un selettore di lingua al tuo sito web, dovrai rendere quel sito multilingue. L'intero “renderlo multilingue” significa che stai semplicemente aggiungendo altre versioni linguistiche al tuo sito e riempiendole con traduzioni di contenuti.

Così va: prima il sito web multilingue e poi i selettori di lingua.

I vantaggi di rendere il tuo sito multilingue vanno ben oltre il semplice fatto che puoi quindi inserire un selettore di lingua su di esso. Ecco alcuni dei principali:

Raggiungi un pubblico più ampio

Uno studio di Statista rivela che solo il 25% degli utenti di Internet è di madrelingua inglese, mentre oltre il 50% di tutti i contenuti web è in inglese. Questo divario crea molte opportunità per le aziende che decidono di offrire versioni in lingue diverse dei loro siti. A partire da gennaio 2023, ci sono 5,16 miliardi di utenti Internet in tutto il mondo, quindi il mercato dei contenuti non in inglese è a dir poco enorme.

Mentre ci sono prodotti e servizi che possono essere offerti solo in determinate aree, gli esseri umani generalmente hanno esigenze simili quando si tratta di consumo di contenuti in tutto il mondo. Avere un sito Web multilingue può quindi aiutarti a raggiungere mercati nuovi e potenzialmente redditizi in paesi non di lingua inglese.

Inoltre, anche nei paesi in cui l'inglese è la lingua madre, come gli Stati Uniti, troverai comunità considerevoli che parlano lingue come spagnolo, francese, cinese mandarino e altro ancora. Un sito Web multilingue può quindi espandere la tua attività a persone di tutte le lingue, sia a livello nazionale che internazionale.

Migliore SEO multilingue

Non tutti i proprietari di siti web lo sanno, ma esiste qualcosa chiamato SEO multilingue. Per darti il ​​riassunto “in poche parole”, Google sostanzialmente presenta diversi risultati di ricerca in base alla lingua impostata nel sistema e nel browser dell'utente.

Inoltre, è interessante notare che classificare determinati termini in inglese è molto più difficile che classificarli in spagnolo o tedesco. Una volta aggiunto il fatto che potresti davvero avere una buona ragione per raggiungere quel pubblico internazionale, allora immergerti nella SEO multilingue è un'ottima idea.

In termini semplici, vuoi che i tuoi contenuti vengano trovati indipendentemente dalla lingua in cui l'utente inserisce la frase in Google.

Rendere il tuo sito multilingue e assicurarti che i contenuti siano tutti ben ottimizzati e scansionabili da Google è un ottimo investimento.

Riduci la frequenza di rimbalzo e aumenta le conversioni

CSA Research ha intervistato oltre 8.700 consumatori online in 29 paesi e ha scoperto che il 76% di loro preferisce acquistare prodotti con informazioni nella propria lingua.

Cosa significa in pratica? Per una volta, significa che ci sono molte persone che lasceranno immediatamente il tuo sito se non riescono a trovare la loro versione nella lingua preferita. O meglio, andranno a un concorrente che ha quella versione linguistica.

Allo stesso modo, rendere il tuo sito multilingue ti dà un vantaggio rispetto ai concorrenti che non hanno fatto questa mossa.

Best practice quando si utilizza un selettore di lingua del sito web

Con il "perché" fuori mano, elenchiamo ora alcune cose da tenere a mente quando si progetta il selettore di lingua per il tuo sito:

Posiziona il selettore di lingua in un punto visibile

Lo standard per il posizionamento del selettore di lingua è solitamente da qualche parte nell'angolo in alto a destra, accanto al menu principale del sito o nel piè di pagina. Un esempio da Nozione:

Il selettore di lingua di Notion

Oppure, in alternativa, molti siti optano per la visualizzazione di un selettore di lingua che galleggia da qualche parte vicino all'angolo in basso a destra e rimane sempre visibile. Come questo:

Commutatore mobile in azione

Indipendentemente dal posizionamento specifico che scegli, l'obiettivo principale è renderlo il più facile da trovare possibile. Se qualcuno non capisce la lingua in cui si trova il sito, il selettore di lingua è letteralmente la prima cosa che cercherà.

Evita di utilizzare le bandiere dei paesi da sole come selettore di lingua

I flag sono ottimi come identificatori di lingua nei casi più elementari. Tuttavia, escludono anche grandi gruppi di utenti.

Prima di tutto, le bandiere da sole non sono una soluzione accessibile. Ciò significa che una persona ipovedente potrebbe non distinguere tra bandiere dall'aspetto simile o non vederle affatto.

In secondo luogo, alcuni paesi potrebbero ospitare due o più lingue, quindi non è immediatamente chiaro a quale si riferisca il selettore di lingua.

Ad esempio, lo United Language Group sottolinea che sebbene l'India utilizzi l'hindi e l'inglese come lingue ufficiali, il paese ospita 448 lingue uniche. L'uso di una bandiera indiana nel selettore di lingua può quindi creare confusione per i nativi indiani in quanto non possono sapere quale lingua rappresenta la bandiera.

Usare una bandiera più il nome della lingua è una soluzione molto migliore. È accessibile e chiaro a tutti.

Bandiere e nomi

Sperimenta con il cambio di lingua automatico

A seconda del tipo di sito che gestisci e del tipo di contenuto che offri, potrebbe essere una buona idea impostare l'attivazione automatica dell'operazione di cambio lingua.

Il modo in cui funziona è che il tuo software di cambio lingua può rilevare l'impostazione della lingua del browser Web del visitatore più le impostazioni della sua posizione tramite i cookie, quindi adattare automaticamente il contenuto del sito in base a quello.

Ciò consente al tuo pubblico di vivere un'esperienza senza interruzioni senza dover interrompere le proprie attività cercando un cambio di lingua manuale. Idealmente, i visitatori del tuo sito non dovrebbero svolgere alcun lavoro aggiuntivo per ottenere le informazioni di cui hanno bisogno.

Allo stesso tempo, i tuoi visitatori non perdono la possibilità di tornare indietro o modificare le impostazioni della lingua in un secondo momento.

Come aggiungere un selettore di lingua a un sito Web WordPress

Se il tuo sito funziona su WordPress, aggiungere un selettore di lingua ad esso - e renderlo effettivamente multilingue sotto il cofano - è molto semplice.

Per farlo funzionare, avrai bisogno del plugin gratuito TranslatePress. È uno dei plugin di traduzione e localizzazione più popolari per WordPress.

Puoi installarlo direttamente dalla dashboard di WordPress. Basta andare su Plugin → Aggiungi nuovo e cercare "TranslatePress". Quindi, fai clic su Installa e attiva .

Come installare TranslatePress

TranslatePress ti consente di fare molto di più che aggiungere semplicemente un modulo di cambio lingua al tuo sito. Infatti, puoi usarlo per aggiungere traduzioni complete dei contenuti del tuo sito web in centinaia di lingue supportate, ottimizzare per la SEO multilingue e abilitare anche traduzioni automatiche basate su strumenti come Google Translate o DeepL.

Ma concentriamoci solo sulla capacità di cambiare lingua del plugin. Ecco come configurarlo:

Scegli le tue lingue

Per prima cosa, dovrai selezionare le lingue in cui desideri visualizzare i contenuti del tuo sito. Nella versione gratuita di TranslatePress, puoi scegliere una lingua aggiuntiva. Per impostarlo, vai su Impostazioni → TranslatePress e utilizza la sezione contrassegnata nell'immagine:

Aggiunta di lingue a TranslatePress

Fare clic su Salva modifiche al termine.

Scegli il tuo selettore di lingua

TranslatePress ti consente di scegliere tra tre tipi disponibili di selettori di lingua. In realtà, puoi usarli tutti e tre contemporaneamente.

Troverai questi selettori di lingua in Impostazioni → TranslatePress , in fondo alla pagina:

Opzioni di commutazione disponibili

Ecco cosa sono:

  • Shortcode : questo tipo di selettore di lingua è il più versatile poiché puoi includerlo in qualsiasi post, pagina o widget. Maggiori informazioni su come farlo di seguito.
  • Voce di menu : abbastanza semplice, questa opzione ti consente di aggiungere un collegamento per cambiare lingua nei menu del tuo sito.
  • Selezione della lingua mobile : questo è il tipo di cambio di lingua più divertente e personalizzabile. È un blocco che galleggerà accanto al contenuto del tuo sito e rimarrà sempre visibile.

Per ciascuno di questi selettori, puoi scegliere come desideri che vengano visualizzati. Le opzioni sono:

Più opzioni di commutazione

La cosa bella è che non devi scegliere un'impostazione in tutto il sito, ma puoi invece scegliere di avere un tipo di switcher attivo come collegamento al menu e un altro all'interno di un blocco mobile. Dipende tutto da te!

Come utilizzare lo shortcode del selettore di lingua

Come abbiamo detto sopra, il selettore di lingua shortcode è il più versatile poiché puoi metterlo praticamente ovunque tu voglia.

Ad esempio, puoi andare al pannello Widget del tuo sito, selezionare un'area widget e aggiungere un blocco shortcode . Così:

Aggiunta di uno switcher tramite shortcode

Successivamente, inserisci [language-switcher] in quel blocco shortcode e salva le impostazioni.

Fatto ciò, vedrai il selettore di lingua in azione nell'area specifica del widget a cui l'hai aggiunto.

Se hai familiarità con le interfacce di WordPress e come funzionano i menu del sito, allora ti sentirai a casa con l'aggiunta di un selettore di lingua a quei menu.

Basta andare su Aspetto → Menu , selezionare il menu con cui si desidera lavorare, quindi aggiungere il selettore di lingua selezionando le opzioni dall'elenco:

Selettore di lingua di WordPress in un menu

Aggiungendo la lingua corrente come voce al tuo menu, e quindi le lingue extra come voci secondarie, il tuo front-end mostrerà un commutatore sotto forma di un menu a discesa, in questo modo:

Selettore di lingua a discesa

In alternativa, puoi scegliere di visualizzare la lingua opposta a quella mostrata sul sito se non desideri un menu a discesa. Funziona solo per i siti web bilingue, dove ci sono solo 2 opzioni tra cui scegliere. Per fare ciò, aggiungi la voce Opposite Language al tuo menu (senza voci secondarie) e i tuoi visitatori potranno cambiare lingua con un solo clic.

Fai clic su Salva menu quando hai finito.

Come aggiungere un selettore di lingua mobile

Quest'ultimo tipo di selettore di lingua è in realtà il più facile da aggiungere... questo perché l'hai già fatto durante la regolazione delle opzioni principali in Impostazioni → TranslatePress . Questa era l'opzione:

Selettore di lingua di WordPress mobile

Puoi utilizzare i menu a discesa qui per selezionare dove desideri che appaia il selettore di lingua di WordPress e come vuoi che appaia. Potrai vedere lo switcher in azione sul front-end del tuo sito, su ogni pagina del tuo sito web.

Qual è il prossimo?

Questo è tutto quando si tratta di aggiungere un selettore di lingua di base al tuo sito Web WordPress, ma in realtà puoi andare molto oltre!

Per una volta, ricordi quando abbiamo detto che puoi cambiare automaticamente la lingua in modo che corrisponda alle impostazioni di sistema del tuo visitatore? Puoi farlo con i componenti aggiuntivi di TranslatePress (questo in particolare).

Se sei interessato a cos'altro puoi fare per rendere il tuo sito multilingue, faccelo sapere nei commenti.

questo articolo è stato utile?

No