Selettore di lingua nel tuo sito: dove metterlo e come farlo bene

Quando il tuo sito web parla più lingue, c'è un elemento dell'interfaccia che sembra un dettaglio minore ma che ha un impatto diretto sulle vendite e sul SEO: il selettore di lingua. È il punto di accesso che permette a ogni visitatore di scegliere la sua lingua, e se non si trova dove se lo aspetta o funziona male, una parte del tuo traffico internazionale semplicemente se ne va senza comprare.

In questa guida ti spieghiamo dove posizionarlo, come progettarlo perché funzioni, quali errori evitare e come collegarlo al tuo SEO affinché anche Google ne tragga vantaggio.

Riassunto veloce

• Il selettore di lingua riduce il rimbalzo internazionale e genera fiducia negli utenti che non parlano la tua lingua principale.
• Le due posizioni che funzionano sono: in alto a destra (header) e nel footer.
• Usa il nome della lingua in testo ("Español", "English"), non solo bandiere.
• Al cambio di lingua, l'utente deve andare alla stessa pagina nella nuova lingua, non alla home.
• Il selettore deve appoggiarsi su URL per lingua + hreflang affinché Google capisca anche le tue versioni.

Perché il selettore importa più di quanto sembra

Il selettore di lingua è il primo punto di attrito tra un visitatore internazionale e il tuo sito web. Se lo trovano facile, restano. Se non lo trovano, o se funziona male, se ne vanno. E nell'e-commerce o in qualsiasi sito in cui la conversione dipende dalla fiducia, la percezione che "questo sito è per me" fa una differenza reale.

Un selettore ben posizionato:

• Riduce il rimbalzo dei visitatori internazionali. Se qualcuno dalla Francia arriva al tuo sito in spagnolo e non trova rapidamente come cambiarlo, se ne andrà. Un selettore visibile risolve quel momento di incertezza in secondi.
• Genera fiducia. Vedere che la tua lingua è disponibile è un segnale che il sito web è pensato per te. Questo riduce l'attrito psicologico prima di comprare.
• Aiuta il SEO. Un selettore con link reali a URL per lingua — non solo un cambio tramite JavaScript — permette a Google di scoprire e rastrerrare le tue altre versioni di lingua attraverso quei link.

Dove posizionarlo: le due posizioni che funzionano

Ci sono convenzioni UX che gli utenti hanno interiorizzato. Infrangerle confonde. Seguirle facilita la navigazione senza che nessuno debba pensarci.

In alto a destra (header)

È il posto dove la gente si aspetta di trovarlo. Un'icona di globo 🌐 o il codice della lingua attuale (IT, EN, FR…) che, al clic, apre il menu con le altre opzioni. Il vantaggio di posizionarlo nell'header è che è visibile in tutte le pagine e non compete con gli elementi principali di navigazione.

Lo stile consigliato: il codice della lingua attuale in maiuscole o il nome della lingua, con una freccia o chevron per indicare che è un menu a tendina. Semplice, riconoscibile e discreto.

Nel footer

Molti scorrono fino al footer cercando opzioni che non hanno trovato sopra: informativa sulla privacy, termini, lingua, paese. Ripetere il selettore nel footer è una rete di sicurezza che non dà fastidio a nessuno e che può essere decisiva per l'utente che è già arrivato in fondo alla pagina senza trovare quello che cercava.

La raccomandazione è usare entrambe le posizioni insieme. Il costo dell'implementazione è praticamente zero e copre tutti i profili di utente.

Gli errori che commette quasi tutti

Solo bandiere, senza testo

Le bandiere rappresentano paesi, non lingue. Lo spagnolo non è solo della Spagna, l'inglese non è solo del Regno Unito e il francese non è solo della Francia. Usare solo la bandiera della Spagna per lo spagnolo è tecnicamente scorretto e può risultare fastidioso per un utente messicano, argentino o colombiano.

Usa il nome della lingua in quella stessa lingua ("Español", "English", "Français", "Deutsch"). Se vuoi aggiungere una bandiera come supporto visivo, fallo pure, ma assicurati che il testo sia sempre presente. Così è inequivocabile per tutti.

Nasconderlo in un menu profondo

Se occorrono tre clic per cambiare lingua, non funziona. Il selettore deve essere al primo livello di navigazione, visibile senza interazioni precedenti, oppure raggiungibile con un solo clic. Nasconderlo in un menu di impostazioni o nel footer senza che sia visibile è praticamente come non averlo.

Reindirizzare sempre alla home quando si cambia lingua

Questo è uno degli errori più frustranti dal punto di vista dell'utente. Immagina di stare leggendo un articolo del blog di un'azienda, trovi il selettore di lingua e lo cambi — e improvvisamente ti ritrovi sulla homepage del sito in un'altra lingua, senza traccia dell'articolo che stavi leggendo.

Il selettore deve portare l'utente a la stessa pagina che stava visualizzando, ma nella nuova lingua. Se era su /fr/produit/sneakers, al passare all'inglese deve andare a /en/product/sneakers. Se la versione equivalente non esiste in quella lingua, la seconda opzione è la homepage di quella lingua. Mai la homepage predefinita senza altro.

Rilevamento automatico della lingua e impossibilità di cambiarla

Il rilevamento automatico della lingua tramite geolocalizzazione o le impostazioni del browser può migliorare l'esperienza. Ma deve sempre esserci un modo visibile per cambiarla manualmente. Ci sono utenti che hanno il browser in inglese ma preferiscono vedere i contenuti in spagnolo, oppure che stanno viaggiando e desiderano i contenuti nella loro lingua nonostante il loro IP indichi un altro paese. Il controllo finale deve sempre rimanere nelle mani dell'utente.

Il dettaglio SEO che la maggior parte ignora

Ecco la parte che pochi implementano correttamente: affinché Google comprenda le tue versioni multilingue attraverso il selettore, i link del menu devono puntare a URL reali che Google possa rastreware.

Se il cambio di lingua avviene solo tramite JavaScript senza modificare l'URL — ovvero, se tuweb.com/producto mostra il contenuto in spagnolo o in francese a seconda di un cookie o di un parametro — Google non può rastreware le versioni diverse. Per Google, è un'unica URL con un unico contenuto.

La struttura corretta è che ogni lingua abbia la propria URL reale:

• tuweb.com/es/producto — versione in spagnolo
• tuweb.com/fr/produit — versione in francese
• tuweb.com/en/product — versione in inglese

E che il selettore di lingua sia collegato a queste URL reali. Così, quando Google rastrea il tuo sito e trova il selettore nell'intestazione, può scoprire le altre versioni linguistiche seguendo quei link, oltre che tramite l'hreflang.

Se desideri capire come funziona l'hreflang e perché è critico per l'SEO internazionale, lo spieghiamo passo dopo passo in hreflang spiegato facile.

Un selettore di lingua che utilizza solo JavaScript per modificare il contenuto — senza cambiare l'URL — non aiuta l'SEO. Google non vede le versioni linguistiche; vede solo un'URL. Per posizionarsi in altre lingue hai bisogno di URL reali.

Accessibilità: quello che molti dimenticano

Il selettore di lingua deve essere accessibile anche per gli utenti che utilizzano lettori di schermo:

• Il pulsante o link principale deve avere un testo descrittivo: "Seleziona lingua" o "Change language", non solo un'icona a forma di globo senza testo alternativo.
• Il menu a discesa deve essere navigabile da tastiera.
• I nomi delle lingue devono essere scritti nella lingua di destinazione, non in quella di origine. "English" si scrive "English", non "Inglese". In questo modo gli screen reader li pronunciano correttamente per l'utente della lingua corrispondente.

Come aggiungerlo senza toccare il codice

La parte positiva è che se utilizzi uno strumento di traduzione come LantisLantis, il selettore di lingua si aggiunge automaticamente all'installazione dello snippet nel tuo sito. Non hai bisogno di progettarlo, programmarlo o collegarlo agli URL per lingua: appare già configurato, collegato alle versioni corrette di ogni pagina e con l'hreflang generato.

Funziona su Framer, Webflow, Shopify e su qualsiasi piattaforma. Puoi regolarne la posizione, lo stile e quali lingue mostra dal pannello di Lantis, senza toccare il codice.

Per i siti che già dispongono di un selettore personalizzato o che desiderano un controllo più fine sullo stile, Lantis espone anche l'API dei linguaggi in modo che il team di sviluppo possa collegare il proprio selettore.

Domande frequenti

Devo mostrare il selettore anche se ho solo due lingue?

Sì, sempre. Anche con due lingue, il selettore è necessario affinché l'utente possa cambiare manualmente se il rilevamento automatico non è accurato, e affinché Google possa scoprire la seconda versione tramite il link.

Il selettore di lingua può influire sulla velocità del sito?

Se implementato correttamente, non dovrebbe. Un selettore di lingua è fondamentalmente un menu con link, uno degli elementi più leggeri che un sito web possa avere. L'impatto sulla velocità dipende dallo strumento di traduzione sottostante, non dal selettore in sé.

È meglio mostrare il selettore con il nome della lingua attuale o con quella di destinazione?

Esistono entrambe le convenzioni. La più comune —e la più intuitiva— è mostrare la lingua attuale e, aprendo il menu a tendina, le lingue disponibili con il loro nome nella propria lingua. L'importante è che i nomi siano sempre nella lingua di destinazione ("Français", non "Francese"), affinché un utente francese lo riconosca anche se non capisce la lingua del sito.

Conclusione

Il selettore di lingua è un elemento piccolo con un impatto sproporzionato sull'esperienza dell'utente internazionale e sull'SEO. Posizionarlo correttamente (intestazione + footer), progettarlo in modo appropriato (nomi di lingue, non solo bandiere) e collegarlo a URL reali per lingua è quello che trasforma un dettaglio tecnico in un vantaggio commerciale.

La buona notizia è che se utilizzi un livello di traduzione come Lantis, tutto questo si configura automaticamente: il selettore appare automaticamente, già collegato agli URL corretti e con l'hreflang generato.

Inizia gratis e attiva il tuo selettore di lingua oggi.