Come impostare un cambio di lingua su Kirby CMS

di Aorinka Anendya
29 luglio 2024

Blog > Guida > Come impostare un cambio di lingua su Kirby CMS

L'impostazione di un cambio di lingua in Kirby CMS è una funzionalità importante per consentire ai visitatori provenienti dall'estero di interagire più facilmente con il tuo sito. La capacità di passare facilmente da una lingua all'altra è diventata un requisito essenziale per molte piattaforme online.

Impostando un cambio di lingua in Kirby CMS, puoi aumentare in modo significativo l'accessibilità del tuo sito per i visitatori internazionali, migliorare potenzialmente le prestazioni dei motori di ricerca e aumentare la fiducia globale nel tuo marchio. Anche se inizialmente il processo può sembrare scoraggiante, questa guida ti guiderà attraverso i passaggi per implementare questa funzionalità in modo efficiente sul tuo sito web Kirby CMS , garantendo un'esperienza multilingue fluida e facile da usare.

Importanza di impostare un cambio di lingua su Kirby CMS

L'implementazione del cambio 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 impostare un cambio di lingua sul tuo sito web Kirby CMS.

Miglioramento dell'esperienza utente: un cambio di lingua consente ai visitatori di accedere ai contenuti nella loro lingua preferita, migliorando significativamente la loro comprensione e il coinvolgimento con il sito web.
Ridurre la frequenza di rimbalzo: i visitatori che non riescono a trovare contenuti nella loro lingua probabilmente se ne andranno rapidamente. L'offerta di più opzioni linguistiche incoraggia gli utenti a esplorare ulteriormente il sito.
Aumento dei tassi di conversione: quando gli utenti riescono a comprendere i dettagli del prodotto, le politiche e i processi di acquisto nella loro lingua madre, sono più propensi ad acquistare o a intraprendere le azioni desiderate.
Rafforzare il SEO multilingue: i motori di ricerca tengono conto dell’esperienza dell’utente nel classificare i siti web. Un intuitivo cambio di lingua può migliorare le tue SEO multilingue facilitando un facile accesso ai contenuti in varie lingue.

Rompere le barriere linguistiche

Dì addio alle barriere linguistiche e dai il benvenuto a una crescita illimitata! Prova oggi stesso il nostro servizio di traduzione automatica.

Inizia subito a tradurre

Come impostare un cambio di lingua su Kirby CMS

Ora che abbiamo esplorato l'importanza di implementare un cambio di lingua su un sito web Kirby CMS multilingue, approfondiamo gli aspetti pratici della sua configurazione. Sebbene molti servizi di traduzione di siti Web offrano questa funzionalità, trovarne uno che offra un cambio 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 funzionalità flessibile per il cambio di lingua. Un servizio che si distingue nel soddisfare questi requisiti è il sito di traduzione automatica Linguise . Il loro cambio di lingua è noto per la sua facilità di personalizzazione e l'interfaccia intuitiva, che lo rendono una scelta eccellente per l'integrazione con Kirby CMS.

Incorporando perfettamente Linguise nel tuo Kirby CMS, puoi aggiungere facilmente un commutatore di lingua alla tua applicazione multilingue. Le funzionalità avanzate e l'interfaccia intuitiva di Linguise semplificano la configurazione e la manutenzione di un commutatore di lingua sul tuo sito web Kirby CMS.

Seguiamo i passaggi per installare Linguise su un sito Web Kirby CMS multilingue e configurare il cambio di lingua.

Passaggio 1: registra il tuo account Linguise

Inizia preparando il tuo sito web Kirby CMS per la traduzione, che richiede l'accesso al pannello di amministrazione di Kirby CMS. Quindi, crea un account Linguise gratuito e aggiungi il dominio del tuo sito web. Puoi usufruire della prova gratuita di 30 giorni prima di selezionare un piano di abbonamento.

Passaggio 2: aggiungi il dominio del tuo sito web Kirby CMS

configurato il tuo Linguise Fai clic su "Aggiungi dominio" e fornisci i seguenti dettagli:

Account
URL
Piattaforma (Kirby CMS)
Lingua di default
Lingue di traduzione
Traduci gli URL
Traduzione di contenuti dinamici

Passaggio 3: carica e collega lo script Linguise

Scarica lo script di traduzione Linguise e caricalo nella cartella principale della tua installazione Kirby CMS.

Decomprimi lo script e assicurati che la cartella denominata " linguise " rimanga al livello principale 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 è attivo, puoi abilitarlo tramite il tuo provider di hosting.

Per configurare gli URL in base alla lingua, aggiungi il seguente codice al tuo file ".htaccess" subito dopo la riga "RewriteEngine on" nel file predefinito Kirby CMS ".htaccess".

				
					<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>

Passaggio 5: attiva e personalizza il cambio lingua

Per visualizzare il selettore di lingua con flag e URL alternativi per scopi SEO, il collegamento JavaScript Linguise deve essere caricato su tutte le pagine Kirby CMS.

Ottieni il collegamento allo script dalle impostazioni del dominio sulla dashboard Linguise e copialo.

Il modo più semplice per caricare questo script in Kirby CMS è aggiungerlo all'header.php o sezione. Ecco come farlo:

Accedi alla cartella principale del tuo sito web.
Passare a sito > snippet > header.php.
Modifica il file header.php per includere il collegamento allo script nella sezione dell'intestazione.

Il selettore della lingua verrà inizialmente visualizzato nel formato predefinito. Ma puoi personalizzare il cambio di lingua utilizzando la Linguise accedendo a Impostazioni > Visualizzazione dei flag di 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: configurare il display principale

Per iniziare a configurare il selettore di lingua, vai su Impostazioni > Visualizzazione dei flag di lingua nella dashboard Linguise .

In questa sezione è possibile regolare varie impostazioni. Le impostazioni principali del display consentono di personalizzare elementi come.

Stile icona bandiera: scegli tra visualizzazione affiancata, menu a discesa o 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 del display, personalizzare il design delle bandiere visualizzate.

Visualizzazione del nome della lingua: scegli di visualizzare il nome della lingua in base al Paese o alla lingua stessa, ad esempio "Francese" o "Français".
Tipo di bandiera inglese: è utile per le lingue con più varianti, come l'inglese americano o britannico, ed è applicabile anche a spagnolo, taiwanese, tedesco e portoghese.
Stile bandiera: seleziona la forma dell'icona della bandiera, rotonda o rettangolare.

Passaggio 8: imposta il colore e la dimensione

Dopo aver configurato il design delle bandiere, personalizza il colore e le dimensioni delle bandiere. Ecco alcune impostazioni che puoi modificare.

Raggio bordo 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 lingua popup: imposta il colore per il testo del titolo in lingua nell'area popup o a discesa.
Dimensioni bandiera: regola la dimensione delle icone delle bandiere.
Colore al passaggio del mouse sul nome della lingua: specifica il colore del testo che viene visualizzato quando l'utente passa il mouse sul nome della lingua.
Colore al passaggio del mouse sulla lingua popup: definisce il colore del testo che appare quando l'utente passa il mouse sul titolo della lingua nell'area popup o a discesa.

Passaggio 9: Configura box-shadow

Infine, regola le impostazioni dell'ombra della casella di bandiera. La prima opzione ti consente di aggiungere un effetto ombra a ciascuna icona di bandiera visualizzata sul tuo sito web. La seconda opzione controlla l'effetto ombra quando gli utenti passano il mouse sopra le bandiere della lingua.

Dopo aver apportato le modifiche necessarie, fare clic sul pulsante Salva per applicare le modifiche. Quindi, controlla il sito web Kirby CMS per assicurarti che la configurazione sia stata implementata con successo. Questo ti mostrerà come apparirà il cambio di lingua.

Una volta completato il processo di configurazione, puoi vedere il cambio di lingua in azione sul tuo sito web multilingue Kirby CMS.

Tradurremo quindi automaticamente il sito web Kirby CMS in altre lingue, come il francese.

4 suggerimenti per ottimizzare il cambio lingua su Kirby CMS

Ecco quattro suggerimenti essenziali per aiutarti a perfezionare il cambio di lingua e renderlo più efficace per il tuo pubblico globale.

#1 Utilizza un'icona con la bandiera della lingua chiaramente identificabile

Incorporare simboli linguistici o bandiere facilmente riconoscibili nel commutatore di lingua è fondamentale per una rapida identificazione della lingua. Questo approccio consente ai visitatori di individuare e selezionare rapidamente la lingua preferita, creando un'esperienza utente intuitiva. La chiave è scegliere indicatori universalmente compresi per evitare interpretazioni errate.

Quando implementi le icone delle bandiere, assicurati che siano di alta qualità e facilmente distinguibili, anche di dimensioni più piccole. Prendi in considerazione l'utilizzo di una combinazione di flag e codici linguistici per fornire segnali sia visivi che testuali ai tuoi utenti.

Esempio:

Immagina un blog di viaggio basato su Kirby che copra destinazioni in tutto il mondo. Il cambio di lingua del sito potrebbe utilizzare un'icona a forma di globo insieme a piccole icone di bandiera e codici di lingua a due lettere.

🌎 🇺🇸 IT | 🇪🇸 ES | 🇫🇷FR | 🇩🇪 DE | 🇯🇵JP

Questa configurazione consente agli utenti di identificare rapidamente la propria lingua, sia che riconoscano la bandiera o il codice della lingua, migliorando l'esperienza utente complessiva.

#2 Visualizza i nomi delle lingue accanto alle bandiere

Sebbene le bandiere forniscano un rapido riferimento visivo, abbinarle ai nomi nativi delle lingue offre ulteriore chiarezza. Questa strategia aiuta a prevenire la confusione, soprattutto per le lingue parlate in più paesi con bandiere diverse.

Includendo i nomi effettivi delle lingue, elimini l'ambiguità e garantisci 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:

Prendi in considerazione una piattaforma educativa basata su Kirby che offre corsi in più lingue. Il loro cambio di lingua potrebbe assomigliare a questo.

🇺🇸 Inglese | 🇪🇸 Español | 🇫🇷 Français | 🇩🇪Tedesco | 🇯🇵 日本語

Questo design consente agli utenti di vedere sia la bandiera che il nome della lingua nella sua scrittura nativa, rendendolo immediatamente riconoscibile per chi parla quella lingua. È particolarmente utile per lingue come lo spagnolo o l'inglese parlate in più paesi con bandiere diverse.

#3 Posiziona attentamente il pulsante di cambio lingua

Il posizionamento del commutatore di lingua è fondamentale per la sua efficacia. Dovrebbe essere ben visibile e facilmente accessibile sul tuo sito web. Le posizioni comuni ed efficaci includono l'intestazione, il piè di pagina 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 nel posizionamento aiuta gli utenti a trovare rapidamente le opzioni linguistiche, indipendentemente dalla loro posizione attuale all'interno del tuo sito web.

Esempio:

Ad esempio, un sito Web portfolio basato su Kirby per uno studio di architettura multinazionale. Potrebbero implementare il cambio di lingua come segue.

Posizionamento dell'intestazione: il selettore della lingua si trova nell'angolo in alto a destra dell'intestazione, accanto all'icona di ricerca.
Navigazione fissa: mentre gli utenti scorrono, l'intestazione rimane fissa in alto, garantendo che il cambio di lingua sia sempre accessibile.
Ottimizzazione mobile: sui dispositivi mobili, il cambio lingua è incluso nel menu hamburger per un facile accesso senza ingombrare il piccolo schermo.

Questo posizionamento strategico garantisce che gli utenti possano cambiare facilmente lingua in qualsiasi momento, sia che stiano visualizzando gallerie di progetti, leggendo la storia dell'azienda o controllando le informazioni di contatto.

#4 Mantieni la coerenza del cambio di lingua su tutte le pagine

È essenziale mantenere uniformi l'aspetto e la funzionalità del selettore di lingua in tutto il tuo 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 linguistiche, creando fiducia e fiducia nel tuo sito web multilingue.

Esempio:

Considera un sito di e-commerce basato su Kirby che vende prodotti a livello globale. Ecco come potrebbero implementare una strategia coerente di cambio lingua.

Design uniforme: il selettore di lingua viene visualizzato come un menu a discesa denominato "Lingua" nell'angolo in alto a destra di ogni pagina, inclusi elenchi di prodotti, pagine di singoli prodotti e pagine di pagamento.
Conservazione del contenuto: quando gli utenti cambiano lingua, rimangono sulla 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 dell'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 garantisce che gli utenti possano navigare e fare acquisti con sicurezza nella loro lingua preferita, aumentando potenzialmente la loro probabilità di completare un acquisto e tornare sul sito in futuro.

Pronto ad esplorare nuovi mercati? Prova gratuitamente il nostro servizio di traduzione automatica con la nostra prova senza rischi di 1 mese. Nessuna carta di credito necessaria!

Richiedi la tua prova gratuita di 1 mese

Imposta un cambio di lingua sul tuo sito web Kirby con Linguise !

Configurare un cambio di lingua su Kirby CMS è un passo cruciale verso la creazione di un sito web veramente globale e di facile utilizzo. Implementando questa funzionalità, apri le tue porte digitali a un pubblico internazionale diversificato, aumentando potenzialmente il coinvolgimento, riducendo la frequenza di rimbalzo e migliorando le prestazioni complessive del tuo sito.

Per semplificare questo processo e garantire risultati ottimali, prendi in considerazione l'utilizzo Linguise per il tuo sito web Kirby CMS. Linguise offre un commutatore di lingua potente e personalizzabile che si integra perfettamente con Kirby CMS, consentendoti di implementare e perfezionare facilmente la tua strategia multilingue. Creiamo un account Linguise integriamolo con il tuo sito web Kirby CMS e personalizziamo il cambio di lingua per migliorare ulteriormente l'esperienza dell'utente.

Come impostare un cambio di lingua su Kirby CMS

Importanza di impostare un cambio di lingua su Kirby CMS

Come impostare un cambio di lingua su Kirby CMS

Passaggio 1: registra il tuo account Linguise

Passaggio 2: aggiungi il dominio del tuo sito web Kirby CMS

Passaggio 3: carica e collega lo script Linguise

Passaggio 4: configura la riscrittura degli URL per Kirby CMS

Passaggio 5: attiva e personalizza il cambio lingua

Passaggio 6: configurare il display principale

Passaggio 7: imposta il design della bandiera

Passaggio 8: imposta il colore e la dimensione

Passaggio 9: Configura box-shadow

4 suggerimenti per ottimizzare il cambio lingua su Kirby CMS

#1 Utilizza un'icona con la bandiera della lingua chiaramente identificabile

#2 Visualizza i nomi delle lingue accanto alle bandiere

#3 Posiziona attentamente il pulsante di cambio lingua

#4 Mantieni la coerenza del cambio di lingua su tutte le pagine

Imposta un cambio di lingua sul tuo sito web Kirby con Linguise !

Potresti anche essere interessato a leggere

Social media multilingue: le migliori strategie per raggiungere un coinvolgimento globale

Migliori pratiche per la progettazione del selettore della lingua

Come creare un sito web multilingue Elementor su WordPress

Legale

Supporto

Prodotto