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 web multilingue Drupal .
Il selettore di lingua è un pulsante di cambio lingua utilizzato per passare a un'altra lingua durante la visita di 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.
Quindi come si configura un selettore di lingua per Drupal e quali sono i vantaggi per un sito web? Continuare a leggere la spiegazione di seguito.
Perché creare un selettore di lingua è importante per i siti web multilingue Drupal ?
Sviluppare un selettore di lingua facile da usare è fondamentale per il successo di un sito web multilingue. Di seguito sono riportati i motivi per cui creare un selettore di lingua configurato per Drupal siti multilingue è vantaggioso.
- Miglioramento dell'esperienza utente: Un selettore di lingua facile da usare facilita transizioni fluide tra le lingue, semplificando la navigazione e la comprensione dei contenuti. Ciò contribuisce a migliorare l'esperienza utente complessiva, riducendo la frustrazione e aumentando l'engagement.
- Navigazione intuitiva: Gli utenti dovrebbero individuare e utilizzare facilmente lo scambiatore di lingua. Uno scambiatore progettato in modo intuitivo, con una chiara collocazione e icone o etichette facilmente riconoscibili, incoraggia gli utenti a passare da una lingua all'altra con facilità.
- Riduzione della frequenza di rimbalzo: Un selettore di lingua facile da usare aiuta a ridurre 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 si convertano.
- Comunicazione chiara: Una comunicazione efficace con gli utenti è vitale per i cambiatori di lingua. Etichette o simboli chiari e concisi aiutano a trasmettere le opzioni di lingua disponibili, riducendo la confusione e garantendo che gli utenti possano fare scelte 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ò avere un impatto positivo 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 regolata in base alle esigenze di ciò che l'utente desidera progettare.
Tuttavia, a volte non tutti i servizi di traduzione forniscono una funzione di cambio lingua facile da personalizzare e utilizzare. Pertanto, è importante cercare un servizio di traduzione automatica che fornisca e sia compatibile con molti CMS, uno dei quali è Linguise.
traduzione automatica Linguise integrata con Drupal.
Quindi, come configurare il selettore di lingua per il sito web Drupal . Basta continuare a leggere la spiegazione qui sotto.
Passaggio 1: Registra un account Linguise
Il processo iniziale per iscriversi prevede la creazione di un account gratuito con Linguise e sfruttare la loro prova gratuita di un mese. Per iscriversi a un account Linguise, basta fornire l'indirizzo email per creare un nome utente e una password.
Durante il periodo di prova, che dura un mese intero, avrai accesso a una gamma di funzionalità complete e convincenti offerte da Linguise. Una volta concluso il periodo di prova, sarai indirizzato alla dashboard di Linguise .
Passo 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 che necessita di traduzione. È necessario completare diversi campi, tra cui.
- Account
- URL
- Piattaforme/CMS
- Lingua
- Lingua di traduzione
- Traduci 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 traduzione automatica in Drupal o visualizza il video istruzionale fornito di seguito.
Passaggio 3: Attiva il selettore di lingua
Dopo il completamento di tutte le configurazioni, l'azione successiva consiste nell'inserire le impostazioni di cambio lingua e presentare una bandiera per migliorare la comodità dell'utente durante le transizioni linguistiche. Per fare ciò, copia il codice fornito nella Linguise dashboard navigando su Linguise dashboard > Impostazioni > copia negli appunti.
Per aggiungere contenuto all'intestazione della pagina, puoi utilizzare un Drupal chiamato Add to Head. Naviga semplicemente verso Configurazione > Sviluppo > Aggiungi profilo.
Infine, assicurarsi di convalidare o verificare la posizione dello script.
Il selettore di lingua verrà inizialmente visualizzato in una posizione fluttuante nell'angolo superiore destro del tuo sito web. Hai la flessibilità di personalizzare in base alle tue preferenze.
Passo 4: Configura visualizzazione principale
Inoltre, hai la possibilità di personalizzare lo scambiatore di lingua accedendo alla Linguise dashboard e spostandoti nella sezione Impostazioni. All'interno di quest'area, procedi alle impostazioni di Visualizzazione delle bandiere delle lingue. Qualsiasi modifica apportata in questo segmento verrà automaticamente riflessa nello scambiatore di lingua sul tuo sito web.
Nella configurazione iniziale, regoleremo la visualizzazione principale, concentrandoci su vari componenti.
La considerazione iniziale è la configurazione della forma di visualizzazione dell'elenco delle lingue, che fornisce tre opzioni tra cui scegliere, affiancate, a discesa o a comparsa. Sul lato sinistro, c'è un'anteprima di visualizzazione per ogni forma.
Il primo modulo, presentato di seguito, è il layout affiancato.
Il modulo successivo assume la forma di un menu a discesa, come illustrato di seguito.
Infine, c'è il modulo popup.
Procedendo, il passaggio successivo prevede la configurazione della posizione, dove è possibile determinare il posizionamento del selettore di lingua. Ci sono diverse opzioni di posizione tra cui scegliere, quindi assicurarsi di optare per una posizione facilmente visibile ai visitatori.
Infine, decidere sulla preferenza di combinazione, se bandiera + nome della lingua, bandiera + nome breve o solo la bandiera.
Passaggio 5: Impostare il design delle bandiere
Successivamente, sotto la sezione di visualizzazione principale, si troveranno le configurazioni di design per la bandiera. L'immagine 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, come “Tedesco” o “Deutsch.”
- Tipo di bandiera inglese: Questa opzione è applicabile alle lingue con più varianti, come “Inglese USA” o “Inglese Britannico” (simile 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: Impostare il colore e la dimensione della bandiera
Dopo aver configurato il design della bandiera, l'azione successiva consiste nell'adattare i colori, le dimensioni e vari altri elementi. Nell'interfaccia seguente, sono disponibili numerose impostazioni personalizzabili, tra cui:
- Raggio dell'angolo della bandiera: Personalizzazione del raggio dell'angolo in pixel quando si utilizza un rettangolo.
- Colore del nome della lingua: Selezionare il colore del testo predefinito per il nome della lingua.
- Colore della lingua nel popup: Il colore del titolo della lingua nelle aree di popup o a discesa.
- Dimensioni della bandiera: Modifica la dimensione della bandiera.
- Colore del nome della lingua al passaggio del mouse: Il colore del testo quando si passa il mouse sopra i nomi delle lingue.
- Colore hover della lingua popup: Il colore del testo quando si passa il mouse sopra il titolo della lingua nel popup o nel menu a discesa.
Passo 7: Imposta l'ombra del flag
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 cliccare su Salva per preservare le impostazioni di personalizzazione per il selettore di lingua.
Una volta configurato il selettore di lingua per Drupal, ecco i risultati che puoi aspettarti dal selettore di lingua.
Come creare un selettore di lingua facile da usare per il tuo sito web Drupal ?
Dopo il processo di creazione di un selettore di lingua per Drupal, ora è essenziale capire come creare un selettore di lingua facile da usare per migliorare vari benefici per il tuo sito web.
- Icone o bandiere riconoscibili: Utilizza icone o bandiere di lingue ben note per rappresentare lingue diverse. Assicurati che l'icona o la bandiera scelta sia visivamente prominente e universalmente riconosciuta per chiarezza.
- Posizionamento strategico: Posiziona lo strumento di cambio lingua in modo prominente sul tuo sito web, idealmente in modo coerente su tutte le pagine come intestazioni, piè di pagina o menu di navigazione. Assicurati la visibilità e l'accessibilità dello strumento di traduzione.
- Etichetta della lingua sulle bandiere: Etichetta chiaramente ogni opzione di lingua nella sua rispettiva lingua. Ad esempio, usa “Italiano” per l'italiano, “Español” per lo spagnolo, “Deutsch” per il tedesco, ecc. Ciò aiuta gli utenti a identificare e selezionare la propria lingua preferita con facilità.
- Design innovativo: Utilizza un design innovativo per lo strumento di traduzione, utilizzando simboli o testo familiari per indicare le scelte di lingua. Ad esempio, utilizza “EN” per l'inglese e “DE” per il tedesco. Assicurati che lo strumento di cambio lingua si distingua utilizzando colori distinti o evidenziazioni.
- Cambio facile da usare:
- Design reattivo: Assicurati che lo strumento di cambio lingua sia reattivo e funzioni in modo fluido su vari dispositivi e dimensioni dello schermo. Testa la sua funzionalità su desktop, smartphone e tablet per garantire un'esperienza fluida per tutti gli utenti.
Configura il selettore di lingua per il 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ò portare numerosi vantaggi e, successivamente, garantire l'ottimizzazione in base ai punti sopra menzionati.
Ottimizzando opportunamente il selettore di lingua, ha il potenziale per migliorare l'esperienza utente complessiva.
Ora? Vai avanti e registra un Linguise account, iscrivi il tuo sito web Drupal e ottimizza il selettore di lingua per offrire un'esperienza utente migliorata.
