Il selettore di lingua è uno degli elementi di un sito web multilingue a cui è importante prestare attenzione quando si costruisce un sito multilingue, uno dei quali è un sito Drupal multilingue.
Il selettore di lingua è un pulsante di cambio lingua che viene utilizzato per passare a un'altra lingua durante la visita a un sito web. Rendere il selettore di lingua facile da usare per i visitatori è importante perché può migliorare l'esperienza utente e ottimizzare la SEO.
Ma come si configura un selettore di lingua per Drupal e quali sono i vantaggi per un sito web? Continua a leggere la spiegazione qui sotto.
Perché creare un selettore di lingua è importante per i siti web multilingue Drupal ?
Sviluppare un selettore di lingua intuitivo è fondamentale per il successo di un sito web multilingue. Di seguito sono riportate le ragioni per cui creare un selettore di lingua configurato per Drupal siti multilingue è vantaggioso.
- Esperienza utente migliorata: Un selettore di lingua intuitivo facilita le transizioni senza interruzioni tra le lingue, semplificando la navigazione e la comprensione dei contenuti. Ciò contribuisce a un'esperienza utente complessivamente migliore, riducendo la frustrazione e aumentando il coinvolgimento.
- Navigazione intuitiva: Gli utenti dovrebbero poter individuare e utilizzare facilmente il selettore di lingua. Un selettore progettato in modo intuitivo, con un posizionamento chiaro e icone o etichette facilmente riconoscibili, incoraggia gli utenti a passare da una lingua all'altra senza sforzo.
- Riduzione della frequenza di rimbalzo: Un selettore di lingua intuitivo aiuta a diminuire la frequenza di rimbalzo. Quando i visitatori possono trovare e selezionare rapidamente la loro lingua preferita, è più probabile che rimangano sul sito, esplorino i contenuti e potenzialmente convertano.
- Comunicazione chiara: Una comunicazione efficace con gli utenti è fondamentale per i selettori di lingua. Etichette o simboli chiari e concisi aiutano a comunicare le opzioni linguistiche disponibili, riducendo la confusione e assicurando che gli utenti possano fare scelte ben informate.
- Ottimizzazione SEO: I motori di ricerca tengono conto dell'esperienza utente quando classificano i siti web. Un selettore di lingua ben implementato e facile da usare può influire positivamente sulla SEO multilingue, migliorando la visibilità e l'accessibilità del tuo sito per gli utenti che cercano in più lingue.
Come configurare il selettore di lingua per Drupal?
La funzione di cambio lingua è solitamente fornita dal servizio di traduzione del sito web. Questa funzione può essere adattata in base alle esigenze di ciò che l'utente desidera progettare.
Tuttavia, a volte non tutti i servizi di traduzione offrono una funzione di cambio lingua facile da personalizzare e da usare. Pertanto, è importante cercare un servizio di traduzione automatica che sia disponibile e compatibile con molti CMS, uno dei quali è Linguise.
Linguise traduzione automatica offre una funzionalità di cambio lingua flessibile e facilmente personalizzabile ed è integrata con Drupal.
Poi, come configurare il selettore di lingua per il sito Drupal . Continua a leggere la spiegazione di seguito.
Passaggio 1: registrare un account Linguise
Il processo iniziale di registrazione prevede la creazione di un account gratuito con Linguise e l'approfittare della loro prova gratuita di un mese. Per registrarti a un account Linguise , è sufficiente fornire il tuo indirizzo email per creare un nome utente e una password.
Durante il periodo di prova, che dura un mese intero, avrai accesso a una serie di funzionalità complete e interessanti offerte da Linguise. Una volta concluso il periodo di prova, verrai indirizzato alla dashboard di Linguise .
Passaggio 2: Aggiungi il dominio del sito web Drupal
All'interno della dashboard di Linguise , ti sarà richiesto di aggiungere il dominio del tuo sito Drupal da tradurre. Diversi campi devono essere compilati, tra cui.
- Account
- URL
- Piattaforme/CMS
- Lingua
- lingua di traduzione
- Traduci gli URL
Procedi abilitando la chiave API e configurando l'URL della lingua. Per una guida completa sull'aggiunta di un dominio del sito web, consulta le istruzioni nella guida per installare Linguise la traduzione automatica in Drupal oppure guarda il video tutorial fornito di seguito.
Passaggio 3: Attiva il selettore di lingua
Dopo aver completato tutte le configurazioni, l'azione successiva consiste nell'accedere alle impostazioni del selettore di lingua e nel mostrare una bandiera per migliorare la comodità dell'utente durante il cambio di lingua. Per fare ciò, copia il codice fornito nella Linguise dashboard navigando su Linguise dashboard > Impostazioni > copia negli appunti.
Per aggiungere contenuti all'intestazione della pagina, puoi utilizzare un Drupal modulo chiamato Add to Head. Basta navigare su Configurazione > Sviluppo > Aggiungi profilo.
Infine, assicurati di convalidare o verificare la posizione dello script.
Il selettore di lingua verrà inizialmente visualizzato in una posizione flottante nell'angolo in alto a destra del tuo sito web. Hai la flessibilità di personalizzarlo in base alle tue preferenze.
Passaggio 4: Configura il display principale
Inoltre, hai la possibilità di personalizzare il selettore di lingua accedendo alla dashboard di Linguise e spostandoti nella sezione Impostazioni . All'interno di quest'area, procedi alle impostazioni Visualizzazione delle bandiere delle lingue . Qualsiasi modifica apportata in questa sezione sarà automaticamente riflessa nel selettore di lingua del tuo sito web.
Nella configurazione iniziale, regoleremo il display principale, concentrandoci sui vari componenti.
La prima considerazione riguarda la configurazione del formato di visualizzazione dell'elenco delle lingue, che offre tre opzioni tra cui scegliere: affiancato, menu a tendina o popup. Sul lato sinistro è presente un'anteprima per ciascun formato.
Il primo modulo, presentato di seguito, è il layout affiancato.
Il modulo successivo assume la forma di un menu a tendina, come illustrato di seguito.
Infine, c'è il modulo a comparsa.
Proseguendo, il passaggio successivo prevede la configurazione della posizione, dove puoi determinare il posizionamento del selettore di lingua. Ci sono diverse opzioni di posizione tra cui scegliere, quindi assicurati di optare per una posizione facilmente visibile ai visitatori.
Infine, decidi la preferenza di combinazione: bandiera + nome della lingua, bandiera + nome abbreviato o solo la bandiera.
Passaggio 5: Imposta il design delle bandiere
Successivamente, sotto la sezione di visualizzazione principale, troverai le configurazioni di design per la bandiera. L'immagine qui sotto illustra alcune delle opzioni di impostazione disponibili.
- Visualizzazione del nome della lingua: Hai la possibilità di visualizzare il nome in base al paese o alla lingua, ad esempio “Tedesco” o “Deutsch”.
- Italiano: Tipo di bandiera inglese: questa opzione è applicabile alle lingue con più varianti, come "inglese USA" o "inglese britannico" (similmente a spagnolo, taiwanese, tedesco e portoghese).
- Stile della bandiera: Questa impostazione consente di definire la forma dell'icona della bandiera, se deve essere rotonda o quadrata (rettangolare).
Passaggio 6: Imposta il colore e le dimensioni della bandiera
Dopo aver impostato il design della bandiera, l'azione successiva consiste nell'regolare i colori, le dimensioni e vari altri elementi. Nell'interfaccia seguente sono disponibili numerose impostazioni personalizzabili, tra cui:
- Raggio del bordo della bandiera: Personalizza il raggio del bordo in pixel quando utilizzi un rettangolo.
- Colore nome lingua: Selezione del colore predefinito del testo per il nome della lingua.
- Colore lingua del popup: Il colore del titolo della lingua nelle aree popup o a discesa.
- Dimensione bandiera: Modifica la dimensione della bandiera.
- Colore del nome della lingua al passaggio del mouse: Il colore del testo quando si passa il mouse sui nomi delle lingue.
- Colore del titolo della lingua al passaggio del mouse: Il colore del testo quando si passa il mouse sul titolo della lingua nel popup o nel menu a tendina.
Passaggio 7: Imposta l'ombra della bandiera
Durante l'ultima fase, hai la possibilità di configurare le impostazioni dell'ombra per la bandiera. L'impostazione iniziale ti consente di specificare un'ombra per ogni bandiera visualizzata sul tuo sito web, mentre l'impostazione successiva riguarda l'effetto ombra quando si passa il mouse sulla bandiera della lingua.
Assicurati di fare clic su Salva per conservare le impostazioni di personalizzazione del selettore di lingua.
Una volta configurato il selettore di lingua per Drupal, ecco i risultati che puoi aspettarti.
Come creare un selettore di lingua intuitivo per il tuo sito web Drupal ?
Dopo il processo di creazione di un selettore di lingua per Drupal, ora è essenziale capire come realizzare un selettore di lingua intuitivo per ottenere vari vantaggi per il tuo sito web.
- Icone o bandiere riconoscibili: Utilizza icone o bandiere di lingue ben note per rappresentare le diverse lingue. Assicurati che l'icona o la bandiera scelta sia visivamente prominente e universalmente riconosciuta per garantire chiarezza.
- Posizionamento strategico: Posiziona lo strumento di cambio lingua in modo ben visibile sul tuo sito web, idealmente in modo coerente su tutte le pagine come intestazioni, piè di pagina o menu di navigazione. Assicura la visibilità e la facile accessibilità dello strumento di traduzione.
- Etichetta della lingua sulle bandiere: Etichetta chiaramente ogni opzione di lingua nella rispettiva lingua. Ad esempio, usa “English” per l'inglese, “Español” per lo spagnolo, “Deutsch” per il tedesco, ecc. Questo aiuta gli utenti a identificare e selezionare senza sforzo la lingua preferita.
- Design innovativo: Adotta un design innovativo per lo strumento di traduzione, utilizzando simboli o testi familiari per indicare le scelte linguistiche. Ad esempio, usa “EN” per l'inglese e “DE” per il tedesco. Assicurati che lo strumento di cambio lingua si distingua utilizzando colori distinti o evidenziazioni.
- Cambio intuitivo: Semplifica il processo per gli utenti che desiderano passare a un'altra lingua se la lingua predefinita non corrisponde alle loro preferenze. Evita l'uso di menu a tendina, elenchi di bandiere/icone o pulsanti di attivazione/disattivazione per la selezione della lingua.
- Design responsive: Assicurati che lo strumento di cambio lingua sia responsive e funzioni senza problemi su vari dispositivi e dimensioni dello schermo. Testa la sua funzionalità su desktop, smartphone e tablet per garantire un'esperienza fluida a tutti gli utenti.
Configura il selettore di lingua per un sito web multilingue Drupal utilizzando Linguise!
A questo punto, hai acquisito informazioni sulle configurazioni del selettore di lingua per Drupal. Creare un selettore di lingua può apportare numerosi vantaggi e, di conseguenza, garantire l'ottimizzazione in base ai punti sopra menzionati.
Ottimizzando adeguatamente il selettore di lingua, si ha il potenziale per migliorare l'esperienza utente complessiva.
E adesso? Vai avanti e registra un account Linguise , iscrivi il tuo sito web Drupal e ottimizza il selettore di lingua per offrire un'esperienza utente migliorata.
