Il cambio 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 cambio lingua è un pulsante di cambio lingua utilizzato per passare a un'altra lingua quando si visita un sito web. Rendere il cambio di lingua accessibile ai visitatori è importante perché può migliorare l'esperienza dell'utente e ottimizzare il SEO.
Quindi, come si imposta un cambio di lingua per Drupal e quali sono i vantaggi per un sito Web? Continua a leggere la spiegazione qui sotto.
Perché creare un commutatore di lingua è importante per i siti Web Drupal multilingue?
Lo sviluppo di un cambio di lingua intuitivo è fondamentale per il successo di un sito Web multilingue. Di seguito sono riportati i motivi per cui è vantaggioso creare un cambio di lingua di configurazione per Drupal .
- Esperienza utente migliorata: un commutatore di lingua intuitivo facilita le transizioni senza interruzioni tra le lingue, semplificando la navigazione e la comprensione dei contenuti. Ciò contribuisce a migliorare l’esperienza utente complessiva, riducendo la frustrazione e aumentando il coinvolgimento.
- Navigazione intuitiva: gli utenti dovrebbero individuare e utilizzare facilmente il cambio di lingua. Uno switcher dal design intuitivo, caratterizzato da 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 cambio di lingua intuitivo aiuta a ridurre la frequenza di rimbalzo. Quando i visitatori riescono a trovare e selezionare rapidamente la lingua preferita, è più probabile che rimangano sul sito, esplorino i contenuti e potenzialmente effettuino conversioni.
- Comunicazione chiara: una comunicazione efficace con gli utenti è vitale per chi cambia lingua. Etichette o simboli chiari e concisi aiutano a trasmettere le opzioni linguistiche disponibili, riducendo al minimo la confusione e garantendo che gli utenti possano fare scelte ben informate.
- Ottimizzazione SEO: i motori di ricerca tengono conto dell’esperienza dell’utente quando classificano i siti web. Un cambio 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 effettuano ricerche in più lingue.
Come impostare il cambio di lingua per Drupal ?
La funzionalità di cambio lingua è solitamente fornita dal servizio di traduzione del sito web. Questa funzionalità 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 funzionalità di cambio lingua facile da personalizzare e facile da usare. Pertanto è importante cercare un servizio di traduzione automatica che preveda e sia compatibile con molti CMS, uno dei quali è Linguise .
La traduzione automatica Linguise fornisce una funzionalità di cambio lingua flessibile e facilmente personalizzabile ed è integrata con Drupal .
Quindi, come impostare il cambio di lingua per il sito Web Drupal . Continua a leggere la spiegazione di seguito.
Passaggio 1: registra l'account Linguise
Il processo iniziale di registrazione prevede la creazione di un account gratuito con Linguise e l'utilizzo della prova gratuita di un mese. Per registrarti per un account Linguise , fornisci semplicemente 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 gamma di funzionalità complete e interessanti offerte da Linguise . Una volta concluso il periodo di prova, verrai indirizzato alla dashboard Linguise .
Passaggio 2: aggiungi il sito web del dominio Drupal
All'interno della Linguise , ti verrà richiesto di aggiungere il dominio del tuo Drupal che necessita di traduzione. È necessario compilare diversi campi, incluso.
- 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 del dominio di un sito web, consulta le istruzioni nella guida per installare Linguise in Drupal o guarda il video didattico fornito di seguito.
Passaggio 3: attiva il cambio lingua
Dopo il completamento di tutte le configurazioni, l'azione successiva prevede l'immissione delle impostazioni del cambio di lingua e la presentazione di un contrassegno per migliorare la comodità dell'utente durante le transizioni linguistiche. Per fare ciò, copia il codice fornito nella Linguise accedendo alla Linguise > Impostazioni > copia negli appunti.
Per aggiungere contenuto all'intestazione della pagina, puoi utilizzare un Drupal denominato Aggiungi all'intestazione. Basta andare 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 mobile nell'angolo in alto a destra del tuo sito web. Hai la flessibilità di personalizzare in base alle tue preferenze.
Passaggio 4: impostazione del display principale
Inoltre, hai la possibilità di personalizzare il cambio di lingua accedendo alla Linguise e passando alla Impostazioni . All'interno di quest'area, procedere alle di visualizzazione dei flag della lingua . Qualsiasi modifica implementata in questo segmento si rifletterà automaticamente nel selettore di lingua sul tuo sito web.
Nella configurazione iniziale, regoleremo il display principale, concentrandoci su vari componenti.
La considerazione iniziale è la configurazione del modulo di visualizzazione dell'elenco delle lingue, fornendo tre opzioni tra cui scegliere, affiancate, a discesa o popup. Sul lato sinistro è presente un'anteprima per ciascun modulo.
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 popup.
Andando avanti, il passaggio successivo prevede la configurazione della posizione, in cui è possibile determinare il posizionamento del selettore di lingua. Esistono diverse opzioni di posizione tra cui scegliere, quindi assicurati di optare per una posizione che sia facilmente visibile ai visitatori.
Infine, decidi la preferenza della combinazione, se bandiera + nome della lingua, bandiera + nome breve o solo bandiera.
Passaggio 5: imposta il design delle bandiere
Successivamente, sotto la sezione di visualizzazione principale, troverai le configurazioni di progettazione per la bandiera. L'immagine seguente illustra alcune delle opzioni di impostazione disponibili.
- Visualizzazione del nome della lingua: puoi scegliere di visualizzare il nome in base al paese o alla lingua, ad esempio "Tedesco" o "Deutsch".
- Tipo di bandiera inglese: questa opzione è applicabile a lingue con più varianti, come "inglese USA" o "inglese britannico" (simile a spagnolo, taiwanese, tedesco e portoghese).
- Stile 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 la dimensione della bandiera
Dopo aver impostato il design della bandiera, l'azione successiva prevede la regolazione dei colori, delle dimensioni e di vari altri elementi. Nella seguente interfaccia sono disponibili numerose impostazioni personalizzabili, tra cui:
- Flag border-radius: personalizzazione del raggio del bordo in pixel quando si utilizza un rettangolo.
- Colore nome lingua: selezione del colore del testo predefinito per il nome della lingua.
- Colore lingua popup: il colore del titolo della lingua nelle aree popup o a discesa.
- Dimensione bandiera: modifica della dimensione della bandiera.
- Colore al passaggio del mouse sul nome della lingua: il colore del testo quando si passa il mouse sui nomi delle lingue.
- Colore al passaggio del mouse sulla lingua popup: il colore del testo quando si passa il mouse sul titolo della lingua nel popup o nel menu a discesa.
Passaggio 7: imposta l'ombra del riquadro 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 passi il mouse sopra la bandiera della lingua.
Assicurati di fare clic su Salva per preservare le impostazioni di personalizzazione per il cambio di lingua.
Dopo aver configurato il cambio di lingua per Drupal , ecco i risultati che puoi aspettarti dal cambio di lingua.
Come creare un cambio di lingua intuitivo per il tuo sito Web Drupal ?
Dopo il processo di creazione di un cambio di lingua per Drupal , ora è essenziale capire come creare un cambio di lingua intuitivo per migliorare i vari vantaggi per il tuo sito web.
- Icone o bandiere riconoscibili: utilizza icone o bandiere di lingue conosciute per rappresentare lingue diverse. Assicurati che l'icona o la bandiera scelta siano visivamente prominenti e universalmente riconosciute per 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. Garantire visibilità e facile accessibilità allo strumento di traduzione.
- Etichetta della lingua sulle bandiere: etichetta chiaramente ciascuna opzione di lingua nella rispettiva lingua. Ad esempio, utilizza "English" per l'inglese, "Español" per lo spagnolo, "Deutsch" per il tedesco, ecc. Ciò aiuta gli utenti a identificare e selezionare facilmente la lingua preferita.
- Design innovativo: adotta un design innovativo per lo strumento di traduzione, utilizzando simboli o testo familiari per indicare le scelte linguistiche. Ad esempio, utilizzare "EN" per l'inglese e "DE" per il tedesco. Assicurati che lo strumento di cambio lingua risalti utilizzando colori o evidenziazioni distinti.
- Cambio intuitivo: semplifica il processo per consentire agli utenti di passare a un'altra lingua se la lingua predefinita non è in linea con le loro preferenze. Evitare l'uso di menu a discesa, elenchi di contrassegni/icone o pulsanti di attivazione/disattivazione per la selezione della lingua.
- Design reattivo: assicurati che lo strumento di cambio lingua sia reattivo e funzioni perfettamente su vari dispositivi e dimensioni dello schermo. Testane le funzionalità su desktop, smartphone e tablet per garantire un'esperienza fluida a tutti gli utenti.
Configura il cambio lingua per il sito web multilingue Drupal utilizzando Linguise !
A questo punto, hai acquisito informazioni sulle configurazioni del cambio di lingua per Drupal . Creare un commutatore di lingua può portare numerosi vantaggi e, di conseguenza, garantire un'ottimizzazione in base ai punti sopra menzionati.
Ottimizzando opportunamente il cambio di lingua, ha il potenziale per migliorare l'esperienza utente complessiva.
Ora? Vai avanti e registra un account Linguise , iscrivi il tuo Drupal e ottimizza il cambio di lingua per offrire un'esperienza utente migliore.