Impostare un selettore di lingua in Kirby CMS è una caratteristica importante per rendere più facile per i visitatori stranieri interagire ancora con il tuo sito. La capacità di passare facilmente da una lingua all'altra è diventata un requisito essenziale per molte piattaforme online.
Configurando un selettore di lingua in Kirby CMS, puoi aumentare significativamente l'accessibilità del tuo sito per i visitatori internazionali, potenzialmente migliorare le prestazioni dei motori di ricerca e aumentare la fiducia globale nel tuo marchio. Sebbene il processo possa sembrare inizialmente scoraggiante, questa guida ti guiderà attraverso i passaggi per implementare questa funzione in modo efficiente sul tuo sito web Kirby CMS, garantendo un'esperienza multilingue fluida e facile da usare.
Importanza della configurazione di un selettore di lingua su Kirby CMS
Implementare un selettore di lingua su Kirby CMS è più di una semplice funzionalità – è una decisione strategica che può avere un impatto significativo sulle prestazioni e sulla portata del tuo sito web. Esploriamo i motivi principali per cui configurare un selettore di lingua sul tuo sito web Kirby CMS.
- Migliorare l'esperienza utente: Un selettore di lingua consente ai visitatori di accedere ai contenuti nella loro lingua preferita, migliorando significativamente la loro comprensione e il loro coinvolgimento con il sito web.
- Ridurre le percentuali di rimbalzo: I visitatori che non riescono a trovare contenuti nella loro lingua probabilmente se ne andranno rapidamente. Offrire opzioni linguistiche multiple incoraggia gli utenti a esplorare ulteriormente il sito.
- Aumentare i tassi di conversione: Quando gli utenti possono comprendere i dettagli del prodotto, le politiche e i processi di acquisto nella loro lingua madre, sono più propensi ad acquistare o intraprendere azioni desiderate.
- Rafforzare la SEO multilingue: I motori di ricerca tengono conto dell'esperienza utente quando classificano i siti web. Un selettore di lingua intuitivo può migliorare le tue prestazioni SEO multilingue facilitando l'accesso ai contenuti in varie lingue.
Come impostare un selettore di lingua su Kirby CMS
Ora che abbiamo esplorato l'importanza di implementare un selettore di lingua su un sito web multilingue Kirby CMS, approfondiamo gli aspetti pratici della sua configurazione. Sebbene molti servizi di traduzione del sito web offrano questa funzione, trovare uno che fornisca un selettore di lingua altamente personalizzabile e facile da usare può essere difficile.
È fondamentale selezionare un servizio di traduzione automatica che non solo funzioni bene con vari framework, ma offra anche una funzione di selezione lingua flessibile. Un servizio che si distingue per soddisfare questi requisiti è Linguise sito web di traduzione automatica. Il loro selettore di lingua è noto per la facilità di personalizzazione e l'interfaccia user-friendly, rendendolo una scelta eccellente per l'integrazione con Kirby CMS.
Incorporando perfettamente Linguise nel tuo Kirby CMS, puoi aggiungere senza sforzo un selettore di lingua alla tua applicazione multilingue. Le funzionalità avanzate e l'interfaccia intuitiva di Linguisesemplificano la configurazione e la manutenzione di un selettore di lingua sul tuo sito web Kirby CMS.
Seguiamo i passaggi per installare Linguise su un sito web multilingue Kirby CMS e configurare il selettore di lingua.
Passo 1: Registra il tuo account Linguise
Inizia preparando il tuo sito web Kirby CMS per la traduzione, che richiede l'accesso alla dashboard di amministrazione di Kirby CMS. Quindi, crea un account Linguise gratuito e aggiungi il dominio del tuo sito web. Puoi approfittare della prova gratuita di 30 giorni prima di selezionare un piano di abbonamento.
Passo 2: Aggiungi il dominio del tuo sito web Kirby CMS
Una volta configurato il tuo account Linguise, vai al cruscotto e aggiungi il dominio del tuo sito web Kirby CMS. Clicca “Aggiungi dominio” e fornisci i seguenti dettagli:
- Account
- URL
- Piattaforma (Kirby CMS)
- Lingua predefinita
- Lingue di traduzione
- Traduci URL
- Traduzione dei contenuti dinamici
Passaggio 3: Carica e collega lo script Linguise
Scarica lo script di traduzione Linguise e caricalo nella cartella radice della tua installazione Kirby CMS.
Decomprimi lo script e assicurati che la cartella denominata “linguise” rimanga al livello radice del tuo sito web.
Successivamente, copia la chiave API Linguise nel file `Configuration.php` sul tuo server. Apri il file, sostituisci `REPLACE_BY_YOUR_TOKEN` con la tua chiave API e salva le modifiche.
Passaggio 4: Configura la riscrittura degli URL per Kirby CMS
Kirby CMS ha la riscrittura degli URL abilitata per impostazione predefinita. Se non è attiva, puoi abilitarla tramite il tuo provider di hosting.
Per configurare gli URL per lingua, aggiungere il seguente codice al file `.htaccess` subito dopo la riga `RewriteEngine on` nel file `.htaccess` predefinito di Kirby CMS.
<IfModule mod_rewrite.c>
RewriteEngine On
RewriteRule ^(af|sq|am|ar|hy|az|eu|be|bn|bs|bg|ca|ceb|ny|zh-cn|zh-tw|co|hr|cs|da|nl|en|eo|et|tl|fi|fr|fy|gl|ka|de|el|gu|ht|ha|haw|iw|hi|hmn|hu|is|ig|id|ga|it|ja|jw|kn|kk|km|ko|ku|ky|lo|la|lv|lt|lb|mk|mg|ms|ml|mt|mi|mr|mn|my|ne|no|ps|fa|pl|pt|pa|ro|ru|sm|gd|sr|st|sn|sd|si|sk|sl|so|es|su|sw|sv|tg|ta|te|th|tr|uk|ur|uz|vi|cy|xh|yi|yo|zu|zz-zz)(?:$|/)(.*)$ linguise/linguise.php?linguise_language=$1&original_url=$2 [L,QSA]
</IfModule>
Passo 5: Attiva e personalizza il selettore di lingua
Per visualizzare il selettore di lingua con bandiere e URL alternativi per scopi SEO, il link JavaScript Linguise deve essere caricato su tutte le pagine di Kirby CMS.
Ottieni il link dello script dalle impostazioni del dominio sulla dashboard di Linguise e copialo.
Il modo più semplice per caricare questo script in Kirby CMS è aggiungerlo all'header.php o alla sezione <head> del tuo sito web. Ecco come fare:
- Accedi alla cartella principale del tuo sito web.
- Passare a sito > frammenti > header.php.
- Modifica il file header.php per includere il link dello script nella sezione header.
Il selettore di lingua verrà inizialmente visualizzato nel suo formato predefinito. Ma puoi personalizzare il selettore di lingua utilizzando la Linguise dashboard navigando su Impostazioni > Visualizzazione bandiere lingua. Questa sezione offre varie opzioni di personalizzazione, comprese le impostazioni di visualizzazione principali, i nomi delle lingue e gli elementi di design.
Passaggio 6: Configura la visualizzazione principale
Per iniziare a configurare il selettore di lingua, vai su Impostazioni > Visualizzazione bandiere lingua nella dashboard Linguise .
In questa sezione, puoi regolare varie impostazioni. Le impostazioni di visualizzazione principali ti consentono di personalizzare elementi come.
- Stile icona bandiera: Scegli tra una visualizzazione affiancata, un menu a discesa o un popup.
- Posizione: Determina la posizione del selettore di lingua sul tuo sito web. Scegli una posizione facilmente accessibile ai visitatori.
Passaggio 7: Imposta il design della bandiera
Dopo aver configurato le impostazioni principali di visualizzazione, personalizza il design delle bandiere visualizzate.
- Visualizzazione nome lingua: Scegli di visualizzare il nome della lingua in base al paese o alla lingua stessa, come “Francese” o “Français.”
- Tipo di bandiera inglese: Questo è utile per le lingue con multiple variazioni, come l'inglese americano o britannico, e si applica anche allo spagnolo, taiwanese, tedesco e portoghese.
- Stile bandiera: Seleziona la forma dell'icona della bandiera, rotonda o rettangolare.
Passo 8: Imposta il colore e la dimensione
Dopo aver configurato il design della bandiera, personalizza il colore e la dimensione delle bandiere. Ecco alcune impostazioni che puoi regolare.
- Raggio del bordo della bandiera: Regola il raggio del bordo per le bandiere rettangolari, misurato in pixel.
- Colore nome lingua: Scegli il colore del testo predefinito per visualizzare il nome della lingua.
- Colore del linguaggio popup: Imposta il colore per il testo del titolo della lingua nell'area di popup o a discesa.
- Dimensioni bandiera: Regola le dimensioni delle icone delle bandiere.
- Colore al passaggio del nome della lingua: Specifica il colore del testo che appare quando l'utente passa sopra il nome della lingua.
- Colore del testo al passaggio del mouse: Definisci il colore del testo che appare quando l'utente passa sopra il titolo della lingua nella finestra popup o nell'area a discesa.
Passo 9: Configura l'ombra della scatola
Infine, regola le impostazioni dell'ombra della bandiera. La prima opzione ti consente di aggiungere un effetto ombra a ciascuna icona della bandiera visualizzata sul tuo sito web. La seconda opzione controlla l'effetto ombra quando gli utenti passano sopra le bandiere della lingua.
Dopo aver apportato le modifiche necessarie, clicca sul pulsante Salva per applicare le modifiche. Quindi, controlla il tuo sito web Kirby CMS per assicurarti che la configurazione sia stata implementata con successo. Ciò ti mostrerà come apparirà il selettore di lingua.
Una volta completato il processo di configurazione, puoi vedere il selettore di lingua in azione sul tuo sito web CMS Kirby multilingue.
Poi tradurremo automaticamente il sito web CMS Kirby in altre lingue, come il francese.
4 consigli per ottimizzare il selettore di lingua su Kirby CMS
Ecco quattro consigli essenziali per aiutarti a perfezionare il tuo selettore di lingua e renderlo più efficace per il tuo pubblico globale.
#1 Utilizza un'icona di bandiera linguistica chiaramente identificabile
Incorporare simboli o bandiere linguistiche facilmente riconoscibili nel selettore di lingua è fondamentale per una rapida identificazione della lingua. Questo approccio consente ai visitatori di individuare e selezionare rapidamente la propria lingua preferita, creando un'esperienza utente intuitiva. La chiave è scegliere indicatori universalmente compresi per evitare qualsiasi interpretazione errata.
Quando si implementano le icone delle bandiere, assicurarsi che siano di alta qualità e facilmente distinguibili, anche a dimensioni ridotte. Considerare l'utilizzo di una combinazione di bandiere e codici linguistici per fornire sia indizi visivi che testuali per gli utenti.
Esempio:
Immagina un blog di viaggio basato su Kirby che copre destinazioni in tutto il mondo. Il selettore di lingua del sito potrebbe utilizzare un'icona del globo insieme a piccole icone di bandiere e codici lingua a due lettere.
🌎 🇺🇸 EN | 🇪🇸 ES | 🇫🇷 FR | 🇩🇪 DE | 🇯🇵 JP
Questa configurazione consente agli utenti di identificare rapidamente la propria lingua, sia che riconoscano la bandiera che il codice lingua, migliorando l'esperienza utente complessiva.
#2 Visualizza i nomi delle lingue accanto alle bandiere
Mentre le bandiere forniscono un rapido riferimento visivo, abbinarle ai nomi nativi delle lingue offre ulteriore chiarezza. Questa strategia aiuta a prevenire confusione, specialmente per le lingue parlate in più paesi con bandiere diverse.
Includendo i nomi effettivi delle lingue, si elimina l'ambiguità e si assicura che i visitatori possano identificare con precisione la loro lingua preferita. Questo approccio dimostra anche rispetto per la diversità culturale e promuove l'inclusività.
Esempio:
Considera una piattaforma educativa basata su Kirby che offre corsi in più lingue. Il loro selettore di lingua potrebbe apparire così.
🇺🇸 English | 🇪🇸 Español | 🇫🇷 Français | 🇩🇪 Deutsch | 🇯🇵 日本語
Questo design consente agli utenti di vedere sia la bandiera che il nome della lingua nella sua scrittura nativa, rendendolo immediatamente riconoscibile per i parlanti di quella lingua. È particolarmente utile per lingue come lo spagnolo o l'inglese che sono parlate in più paesi con bandiere diverse.
#3 Posiziona il pulsante del selettore di lingua con attenzione
La posizione del selettore di lingua è fondamentale per la sua efficacia. Dovrebbe essere prominente e facilmente accessibile sul tuo sito web. Posizioni comuni e efficaci includono l'header, il footer o il menu di navigazione principale.
Assicurati che il selettore di lingua sia visibile e facilmente raggiungibile da qualsiasi pagina del tuo sito. Questa coerenza nella posizione aiuta gli utenti a trovare rapidamente le opzioni di lingua, indipendentemente dalla loro posizione attuale all'interno del tuo sito web.
Esempio:
Ad esempio, un sito web di portfolio basato su Kirby per uno studio di architettura multinazionale. Potrebbero implementare il loro selettore di lingua come segue.
- Posizionamento nell'header: Il selettore di lingua si trova nell'angolo in alto a destra dell'header, accanto all'icona di ricerca.
- Navigazione fissa: Mentre gli utenti scorrono, l'intestazione rimane fissa in alto, garantendo che il selettore di lingua sia sempre accessibile.
- Ottimizzazione per dispositivi mobili: Su dispositivi mobili, il selettore di lingua è incluso nel menu hamburger per un accesso facile senza ingombrare lo schermo piccolo.
Questa collocazione strategica assicura che gli utenti possano facilmente cambiare lingua in qualsiasi momento, sia che stiano visualizzando gallerie di progetti, leggendo della storia dell'azienda o controllando le informazioni di contatto.
#4 Mantieni la coerenza del selettore di lingua in tutte le pagine
È essenziale mantenere l'aspetto e la funzionalità del selettore di lingua uniformi in tutto il sito web. Gli utenti dovrebbero essere in grado di cambiare lingua senza sforzo, indipendentemente dalla pagina corrente o dal contenuto che stanno visualizzando.
Questa coerenza fornisce un'esperienza utente fluida e rafforza l'accessibilità delle opzioni di lingua, costruendo fiducia e sicurezza nel tuo sito web multilingue.
Esempio:
Considera un sito di e-commerce alimentato da Kirby che vende prodotti a livello globale. Ecco come potrebbero implementare una strategia coerente di cambio lingua.
- Design uniforme: Il selettore di lingua appare come un menu a discesa etichettato “Lingua” nell'angolo in alto a destra di ogni pagina, comprese le liste dei prodotti, le pagine dei prodotti individuali e le pagine di checkout.
- Conservazione dei contenuti: Quando gli utenti cambiano lingua, rimangono nella stessa pagina, ma il contenuto viene visualizzato nella lingua appena selezionata. Ad esempio, se un utente visualizza la descrizione di un vaso artigianale in inglese e passa al francese, vedrà gli stessi dettagli del prodotto in francese.
- Struttura URL: La struttura dell'URL cambia in modo coerente quando si cambia lingua.
Inglese: www.yourmarket.com/products/blue-ceramic-vase
Francese: www.yourmarket.com/fr/produits/vase-ceramique-bleu
Questa esperienza coerente su tutte le pagine assicura che gli utenti possano navigare e fare acquisti con fiducia nella loro lingua preferita, aumentando potenzialmente la probabilità di completare un acquisto e di tornare sul sito in futuro.
Configura un selettore di lingua sul tuo sito Kirby con Linguise!
Configurare un selettore di lingua su Kirby CMS è un passo cruciale per creare un sito web veramente globale e facile da usare. Implementando questa funzione, si aprono le porte digitali a un pubblico internazionale diversificato, potenzialmente aumentando l'engagement, riducendo le percentuali di rimbalzo e migliorando le prestazioni complessive del sito.
Per semplificare questo processo e garantire risultati ottimali, considera l'utilizzo di Linguise per il tuo sito web Kirby CMS. Linguise offre un interruttore di lingua potente e personalizzabile che si integra perfettamente con Kirby CMS, permettendoti di implementare e ottimizzare facilmente la tua strategia multilingue. Creiamo un account Linguise, integriamolo con il tuo sito web Kirby CMS e personalizziamo l'interruttore di lingua per migliorare ulteriormente l'esperienza utente.
