In questo post
In questo post
Come proprietario di un sito WordPress, è molto facile concentrare tutti gli sforzi di localizzazione dei contenuti solo sulla traduzione del sito. Ma un'altra importante funzionalità UI/UX del tuo sito multilingue che richiede molta attenzione è il pulsante della lingua.
Un pulsante di cambio lingua ben ottimizzato rende molto facile per i visitatori del tuo sito visualizzare i tuoi contenuti nella loro lingua preferita. Questo può essere fondamentale per ottenere il massimo ritorno sull'investimento (ROI) nella localizzazione della tua attività.
Ma il pulsante per la lingua ideale non solo aiuta i tuoi clienti a interagire con la tua azienda nella loro lingua madre. Migliora anche in modo significativo l'esperienza utente (UX) del tuo sito. Questo, a sua volta, aumenterà le tue vendite, le conversioni, la notorietà del marchio e l'engagement.
Quando si progetta un pulsante della lingua, ci sono domande importanti a cui devi rispondere. Alcune di queste includono:
- Qual è il miglior tipo di selettore di lingua per il tuo sito web?
- Dove dovresti posizionare il tuo pulsante della lingua?
- Dovresti usare nomi completi della lingua, abbreviazioni e/o icone di bandiera?
Questo post è una guida completa su tutto ciò che devi sapere sui pulsanti delle lingue sul tuo sito multilingue. Troverai risposte a tutte le domande elencate sopra. Condivideremo anche alcuni suggerimenti potenti per l'uso selettori di lingua al loro massimo potenziale.
Perché i pulsanti della lingua del sito Web sono importanti
Quando si tratta di UX progettazione nello sviluppo di siti web, ogni singolo dettaglio conta. L'obiettivo numero 1 è avere un sito web facile da navigare. Vuoi che i visitatori del sito interagiscano con il tuo brand in modo fluido e trovino rapidamente ciò che stanno cercando.
Per i siti web multilingue, avere un pulsante per la lingua è fondamentale. Dopo aver tradotto i contenuti del tuo sito in più lingue, è importante rendere il passaggio tra queste traduzioni il più semplice possibile.
L'intera idea alla base della localizzazione di un sito web è rendere la tua attività più accessibile e pertinente per uno specifico pubblico. Un modo semplice per raggiungere questo obiettivo è impostare selezione automatica della lingua per il tuo sito. Questo approccio utilizza il rilevamento della geolocalizzazione per mostrare al visitatore una versione localizzata del tuo sito.
Ma rilevamento automatico della lingua potrebbe non essere sempre l'ideale. In certi casi, la lingua preferita di un utente potrebbe essere diversa dalla lingua madre della sua località. Ad esempio, un cliente tedesco in Australia potrebbe desiderare di visualizzare i tuoi contenuti nella sua lingua madre. Consentire ai tuoi clienti di selezionare una lingua diversa da quella localizzata di default contribuirà a migliorare la soddisfazione del cliente.
Ecco perché è molto importante inserire il selettore di lingua giusto nel tuo sito. La scelta ideale può dipendere dal tuo settore di attività, dai colori del tuo marchio e dal layout generale del tuo sito.
Quasi ogni marchio internazionale popolare utilizza un pulsante di selezione della lingua sul proprio sito. Può presentarsi sotto forma di pulsante, selettore a discesa o anche semplice link testuale.
Ad esempio, Google aggiunge uno o più collegamenti di testo affinché gli utenti possano visualizzare i risultati di ricerca in lingue pertinenti alla loro posizione.
Similmente, WordPress.org permette ai visitatori del sito di interagire con il servizio in altre lingue.
Entrambi gli esempi qui sopra usano link di testo. Ma altri siti come Microsoft Research aggiungi un pulsante della lingua tipico in fondo alla pagina.
D'altra parte, Facebook include il selettore di lingua nella barra di navigazione a piè di pagina.
C'è ampio margine di flessibilità nella scelta di un sistema selettore di lingua per il proprio sito. Diamo un'occhiata ad alcune delle opzioni più diffuse disponibili.
Diversi tipi di selettori di lingua da considerare
Cerchi il miglior pulsante per cambiare lingua per il tuo sito web? Esiste difficilmente una soluzione universale.
Certo, i pulsanti per la selezione della lingua sono particolarmente popolari in questi giorni. Ma ci sono anche altre opzioni che potresti voler provare. La tua scelta finale dipenderà in gran parte dalla natura del tuo sito e dalle tue preferenze di design.
Ecco alcune soluzioni comuni utilizzate dalle aziende per la selezione della lingua sui loro siti web.
Pulsanti Lingua
Un pulsante lingua è una delle soluzioni più comuni per la selezione della lingua sui siti web. Puoi aggiungerlo al menu di navigazione principale del tuo sito o in qualsiasi altra posizione strategica. Dopo aver fatto clic su questo pulsante, l'utente vedrà un semplice menu a discesa delle lingue disponibili.
È molto semplice strategia per aiutare i visitatori del tuo sito a passare tra diverse localizzazioni versioni del tuo sito. Probabilmente la considerazione più importante in fase di progettazione qui è il numero di lingue che possono essere inserite nel menu a tendina.
Con i pulsanti delle lingue, meno lingue sono visualizzate, meglio è. Più di 4 o 5 lingue spesso risultano troppo affollate. Inoltre, è importante posizionarlo in un luogo in cui l'utente possa trovarlo facilmente. Parleremo più approfonditamente di questi fattori più avanti in questo articolo.
Un pulsante per la lingua potrebbe essere ideale per le aziende che si rivolgono a mercati specifici o a una comunità internazionale in una località specifica. Ad esempio, ha senso per un negozio di e-commerce in Texas includere Spagnolo e inglese traduzioni sul loro sito.
Menu di selezione dedicati
Per la maggior parte dei siti web, aggiungere un semplice pulsante per cambiare lingua in un angolo di una pagina può essere efficace. Questo è particolarmente vero per i siti che non hanno molte traduzioni.
Ma tutto diventa più interessante quando inizi a occuparti di più lingue. In questo caso, potresti voler progettare un menu dedicato alla selezione della lingua. Può essere sotto forma di un menu a tendina unico o anche di una pagina diversa con un elenco di lingue.
Alcuni siti come Microsoft combina la selezione della lingua e la selezione della regione nello stesso menu. In questo modo, i visitatori del sito vedranno solo i prodotti e i servizi disponibili nella loro regione. Anche i contenuti saranno nella loro lingua madre.
In questo caso d'uso, un collegamento testuale viene aggiunto nell'angolo sinistro del footer. Una volta cliccato dall'utente, il sito reindirizzerà l'utente alla pagina del menu dedicata.
Un'altra opzione potrebbe essere quella di aggiungere un menu a tendina in una particolare posizione del sito. Questo menu può includere regioni, paesi, nomi di lingue e icone di bandiere linguistiche. Può essere aggiunto come menu introduttivo quando un utente visita il sito.
Questo menu di selezione include anche una funzione di ricerca per una navigazione ancora più rapida. Come accennato in precedenza, questo approccio è ideale per siti di grandi dimensioni con molte opzioni linguistiche.
Collegamenti testuali
La terza opzione è quella di procedere in modo semplice collegando i collegamenti ipertestuali di diverse versioni del tuo sito in testo normale. Google utilizza questo approccio nel suo motore di ricerca.
Tutto ciò che l'utente deve fare è cliccare sul nome della lingua per vedere la versione tradotta del sito. I collegamenti testuali si adattano generalmente meglio nel footer. Puoi inserire qui più collegamenti testuali con i nomi delle lingue.
Se il tuo sito web ha un sacco di traduzioni, puoi semplicemente aggiungere un link di testo. Quando cliccato, questo link reindirizza i visitatori del sito a una pagina dedicata con ulteriori link di testo a tutte le lingue disponibili.
Per ogni scelta di un selettore di lingua, ci sono certe considerazioni da tenere a mente. Per ottenere il massimo dal pulsante delle lingue del tuo sito, devi prestare attenzione al suo design, alla sua posizione e ad altri fattori importanti.
I semplici consigli che condivideremo di seguito ti aiuteranno a evitare alcuni degli errori più comuni che limitano l'efficacia dei pulsanti linguistici.
6 consigli per ottimizzare il tuo pulsante linguistico
L'idea principale dietro la progettazione dei pulsanti per le lingue è garantire un'esperienza fluida per i tuoi utenti. Vuoi che i tuoi clienti siano in grado di passare da una traduzione del sito all'altra il più facilmente possibile. Implementare correttamente questa funzionalità UI/UX aumenterà significativamente la soddisfazione dei tuoi clienti.
Ecco 6 semplici consigli per aiutarti a raggiungere questo obiettivo.
1. Posiziona il pulsante della lingua dove sia facile da trovare
Senza dubbio, il primo fattore importante che determina l'efficacia del tuo pulsante lingua è la sua posizione. Se i tuoi clienti non riescono a trovarlo, rimarranno bloccati con la versione predefinita del tuo sito. Ciò può comportare una potenziale perdita di entrate. Anche i tuoi sforzi di localizzazione saranno in gran parte vani.
La maggior parte degli utenti del web è generalmente abituata a trovare i pulsanti di selezione della lingua nell'angolo in alto a destra o in basso a destra della pagina. Posizionare il tuo selettore di lingua in una di queste posizioni può offrire ai tuoi utenti un'esperienza più intuitiva e fluida.
Ma non c'è una regola rigida in questo. La posizione ideale dipende anche da altre funzionalità incluse nel tuo sito. Qualunque opzione tu scelga, assicurati di dare priorità alla rilevabilità. Per esperienza, puoi ottenerla facilmente all'interno dell'intestazione o del piè di pagina.
Da una prospettiva scientifica, la tua migliore opzione potrebbe essere l'angolo in basso a destra. Posizionare il pulsante qui significa che cade nell'area terminale del campo visivo dell'utente. In altre parole, è più probabile che gli occhi si soffermino qui. Questo generalmente porterà a un maggiore coinvolgimento con il pulsante della lingua.
2. Personalizza il pulsante Lingua per Integrarlo con il Design del Tuo Sito
Sebbene il pulsante della lingua sia in gran parte una funzionalità UX, è importante progettarlo anche da una prospettiva UI. La priorità qui è garantire che corrisponda al design del tuo sito. Ciò significa che devi prestare attenzione ai colori, ai font e al linguaggio di progettazione generale.
Ci sono plugin di traduzione diversi ci sono che ti aiutano ad aggiungere facilmente pulsanti per le lingue al tuo sito. Potresti essere tentato di utilizzare il design predefinito del pulsante fornito. Ma personalizzando il design predefinito per adattarlo al tuo sito web, puoi aspettarti un maggiore coinvolgimento da parte dei visitatori del tuo sito.
La personalizzazione del design del pulsante potrebbe richiedere la modifica del file CSS del tuo tema o semplicemente la configurazione delle impostazioni del plugin.
Fortunatamente, TranslatePress utilizza automaticamente le caratteristiche di progettazione del tuo sito per generare un pulsante di cambio lingua complementare. In questo modo, non devi preoccuparti di modificare le impostazioni del plugin o scrivere una sola riga di codice CSS personalizzato.
Inoltre, potresti voler integrare un'icona di cambio lingua all'interno del tuo pulsante. L'uso di un'icona globalmente riconosciuta come l'icona del ‘globo’ o delle ‘nuvolette di dialogo’ può migliorare ulteriormente la visibilità del pulsante.
3. Visualizza i nomi delle lingue e le loro iniziali nella lingua originale
Dopo aver fatto clic sul pulsante della lingua, puoi decidere se visualizzare il nome completo della lingua o le iniziali. La scelta di una delle due opzioni non dovrebbe influire significativamente sull'esperienza utente. Ma per sicurezza, potresti voler aggiungere sia il nome completo della lingua che le iniziali.
Tuttavia, cosa più importante, assicurati di elencare le lingue nel loro formato nativo. Ad esempio, vorrai elencare i nomi delle lingue come “English, Français, Italiano, Deutsch, Русский, e Español”. Questo è più efficace che elencarle in una lingua predefinita come l'inglese.
Uno spagnolo o un russo potrebbero non riconoscere immediatamente le parole “spagnolo” e “russo”. Fare ciò può anche aiutarli a fidarsi maggiormente della versione tradotta.
4. Usa icone delle bandiere linguistiche con nomi o iniziali delle lingue sempre
L'altra popolare discussione è se utilizzare o meno le icone delle bandiere per indicare le lingue.
Senza dubbio, le icone delle bandiere aggiungono un grande valore estetico alla selezione della lingua. Ma l'argomento principale contro le icone delle bandiere è che un certo paese può avere più lingue ufficiali. Ad esempio, una bandiera svizzera dovrebbe rappresentare la traduzione francese o tedesca di un sito?
Inoltre, una lingua può avere diverse varianti in diversi paesi. Un buon esempio è l'inglese nel Regno Unito, negli Stati Uniti e in Australia. Quali di queste bandiere dovrebbero essere aggiunte a un sito internazionale?
La verità è che le bandiere non sono mai state create per rappresentare le lingue. Ecco perché le lingue non dovrebbero mai essere rappresentate solo con icone di bandiere linguistiche. Dovresti combinarle con nomi di lingue e/o iniziali.
Il Plugin multilingue TranslatePress risolve questo problema facilmente permettendoti di visualizzare sia bandiere che nomi contemporaneamente.
5. Limita il numero di lingue aggiunte
Quando imposti il pulsante della lingua, assicurati di aggiungere solo le lingue più necessarie. La maggior parte dei plugin di traduzione ti offre la possibilità di aggiungere diverse lingue al tuo sito. Ma è importante aggiungere solo le opzioni pertinenti al tuo pubblico di destinazione.
Lo spazio è sempre una considerazione importante quando si progetta un selettore di lingua. Pertanto, meno lingue ci sono, più facile è pianificare il layout di navigazione. Allo stesso modo, i visitatori del tuo sito non dovranno scorrere tra tante lingue che non sono rilevanti per loro.
6. Implementa il rilevamento automatico della lingua
Infine, anche dopo aver ottimizzato il pulsante della lingua, è altrettanto importante abilitare anche il rilevamento automatico della lingua.
Ti stai chiedendo perché sia ancora necessario? Il reindirizzamento automatico della lingua eviterà ai tuoi clienti lo stress di dover cambiare lingua. Questa è una grande opportunità per offrire un'esperienza locale veramente fluida.
ASOS è un brand che ha sfruttato questo approccio automatizzato per incrementare le vendite negli ultimi anni. Il punto vendita rileva automaticamente la tua posizione e ti offre i contenuti localizzati corrispondenti. Tuttavia, puoi scorrere fino al piè di pagina per modificare le tue preferenze.
Vuoi ottenere gli stessi risultati anche sul tuo sito? Puoi farlo con TranslatePress Add-on di rilevamento automatico della lingua dell'utente.
Ottimizzazione del pulsante della lingua del tuo sito
Uno dei modi più comuni ed efficaci per aiutare i visitatori del tuo sito a passare da una traduzione all'altra del tuo sito è quello di aggiungi un pulsante della lingua. Oltre a fornire ai tuoi clienti contenuti localizzati, un selettore di lingua ben ottimizzato migliora anche l'esperienza utente e i tassi di conversione del tuo sito.
In questo articolo, abbiamo condiviso 6 suggerimenti potenti ed estremamente efficaci per ottenere il massimo dal tuo selettore di lingua. Questi suggerimenti coprono argomenti di attualità come il design dei pulsanti, il posizionamento e l'inclusione delle icone delle bandiere linguistiche.
Abbiamo anche utilizzato queste best practice per i pulsanti linguistici per generare molte interazioni e vendite in passato. Speriamo che ti aiutino a ottenere risultati simili o ancora migliori. Se stai cercando un plugin ideale per implementare facilmente questi suggerimenti, allora TranslatePress è la strada da percorrere.
TranslatePress Multilingue
Speriamo che questo articolo ti abbia aiutato a capire come ottimizzare il pulsante della lingua del tuo sito. Inoltre, facci sapere se hai domande nella sezione commenti qui sotto.
Se hai trovato utile questo post, ti invitiamo a visitare il nostro Canale YouTube, dove carichiamo costantemente brevi tutorial video facili da seguire. Puoi anche seguirci su Facebook e Twitter per essere tra i primi a sapere ogni volta che pubblichiamo.
