Compatibilità:
WebSite X5 Evo e Pro dalla v.2025.2
Quando si realizza un sito web in più lingue, è importante tenere conto non solo delle traduzioni, ma anche delle caratteristiche specifiche di ciascuna lingua. Alcune, come l’italiano o l’inglese, si scrivono e si leggono da sinistra verso destra: questo è il cosiddetto formato LTR (Left-To-Right).
Altre lingue, invece, come l’arabo, l’ebraico, l'urdu o il persiano, seguono una direzione opposta: si scrivono e si leggono cioè da destra verso sinistra, e vengono definite RTL (Right-To-Left).
Per garantire una buona leggibilità e un’esperienza utente coerente, anche il layout del sito - e non solo il testo - deve seguire questa direzione. Con WebSite X5 puoi creare siti che supportano pienamente il formato RTL, adattando sia i contenuti sia la struttura della pagina.
In questa guida vedremo come procedere passo dopo passo per impostare correttamente un progetto sviluppato in una lingua RTL.
Come impostare il senso di scrittura di un progetto
Ipotizziamo di dover creare un nuovo sito in una lingua RTL, per esempio l'arabo. Per impostare il senso di scrittura devi procedere in questo modo:
- Avvia WebSite X5 e apri un nuovo progetto, scegliendo il template che preferisci.
- Al Passo 1 - Impostazioni, clicca su Impostazioni generali e inserisci le informazioni richieste come, per esempio, il Titolo del Sito o l'Icona da associare.
- Se WebSite X5 è già installato in arabo, questo verrà automaticamente ripreso come lingua del contenuti. In qualsiasi caso puoi sfruttare l'opzione Lingua dei contenuti per specificare che il tuo sito sarà in lingua araba.
- Per l'opzione Direzione di scrittura lascia la voce Automatico in base alla lingua proposta di default: in questo modo, dato che la lingua dei contenuti è l'arabo, viene automaticamente impostata la modalità RTL.
Se, invece di creare un nuovo sito, il tuo obiettivo è modificare un sito già esistente per adattarlo a una lingua RTL, la procedura è analoga ma ha alcune peculiarità. Per esempio, potresti aver creato una copia del progetto in inglese (lingua LTR) e volerla usare per creare una versione in arabo (lingua RTL).
- Avvia WebSite X5 e apri il progetto su cui vuoi lavorare: nel nostro esempio la copia dell'originale.
- Al Passo 1 - Impostazioni generali, clicca su Impostazioni generali e verifica la correttezza delle informazioni richieste: Titolo e Descrizione del sito devono essere localizzate.
- Imposta l'arabo come Lingua dei contenuti e per l'opzione Direzione di scrittura lascia la voce Automatico in base alla lingua proposta di default: così facendo, viene automaticamente impostata la modalità RTL.
- Il passaggio da una lingua LTR (l'inglese del progetto originale) a una lingua RTL (l'arabo) fa sì che venga visualizzata una finestra di dialogo che chiede come devono essere gestiti i contenuti.
Puoi scegliere di cliccare su:
- Specchia automaticamente tutti i contenuti: in questo caso il programma, non solo cambierà il senso di scrittura dei testi, ma modificherà automaticamente anche la disposizione dei contenuti all'interno della pagina che, di fatto, risulteranno specchiati rispetto a un ipotetico asse verticale posto a metà della pagina stessa. Seleziona questa opzione se i contenuti sono ancora disposti come nel progetto originale, ovvero in base a un design LTR pensato per una lettura da sinistra a destra.
- Lascia i contenuti inalterati: in questo caso, il programma cambia il senso di scrittura dei testi ma non modifica la disposizione dei contenuti che rimangono nella loro posizione originale all'interno della pagina. Seleziona questa opzione se hai già modificato manualmente la disposizione dei contenuti per adattarli a un design RTL.
- Confermata la tua scelta, richiama l'Anteprima in locale. Come vedi, ora il senso di lettura dei testi va da destra a sinistra e, nel caso tu abbia richiesto che i contenuti vengano specchiati, anche questi hanno una collocazione adeguata: per esempio, il logo prima posizionato a sinistra nell'header, ora è a destra; le voci del menu di navigazione sono ordinate in senso inverso; le etichette delle form sono posizionate a destra dei campi; se c'era un testo con un'immagine allineata a destra, ora l'immagine è a sinistra e il testo a destra.
#tip - Quando i contenuti vengono specchiati, il programma aggiorna automaticamente la disposizione degli Oggetti nella Griglia del Passo 3. In questo modo c'é sempre piena corrispondenza tra ciò che si vede nell'ambiente di lavoro, nell'Anteprima locale e nel Browser online, dopo che il sito sarà stato pubblicato.
Come procedere nella realizzazione del sito
Impostata la lingua dei contenuti e la direzione di scrittura, puoi procedere nella creazione del sito sfruttando tutte le funzioni che WebSite X5 ti mette a disposizione.
Se, come abbiamo ipotizzato prima, stai realizzando un sito nuovo, dovrai procedere con passaggi fondamentali come la personalizzazione del template, l'organizzazione della mappa, l'inserimento dei contenuti nelle diverse pagine e, infine, la pubblicazione online del sito finito. Partendo da zero, sarai libero di posizionare fin da subito i contenuti secondo un design RTL.
Se, invece, sei partito da un sito LTR (nel nostro esempio, in inglese) per crearne una copia da localizzare in una lingua RTL (sempre nell'esempio, in arabo), allora hai già tutti i contenuti inseriti e specchiati ma devi procedere con le localizzazioni. Anche in questo caso dovrai lavorare su template, mappa e pagine per sostituire i contenuti con quelli in lingua araba e fare gli aggiustamenti che si rendono necessari.
#tip - Se il tuo obiettivo è realizzare un sito multi-lingua e dare la possibilità all'utente di scegliere in quale lingua consultare le tue pagine (per esempio, in inglese o in arabo), vedi anche: Come si crea un sito consultabile in lingue diverse?
Consigli per la realizzazione di siti RTL
Come avrai capito, per realizzare una pagina web in formato RTL non basta semplicemente selezionare tutto il testo e applicare un allineamento a destra: sarebbe una soluzione solo visiva e parziale.
Per fortuna, WebSite X5 si occupa automaticamente delle impostazioni tecniche necessarie e, con pochi passaggi, ti consente di predisporre un sito perfettamente adatto alla lettura da destra verso sinistra.
Ecco alcuni suggerimenti pratici per migliorare ulteriormente il risultato finale e offrire un’esperienza utente ottimale a chi parla una lingua RTL:
- Scegli font appropriati
Non tutti i font supportano tutte le lingue. Quando un font non è in grado di visualizzare un determinato carattere, al suo posto compare un simbolo a forma di quadratino bianco, noto come “tofu”. Per evitare questo problema, è consigliabile utilizzare un font multilingua progettato per gestire anche alfabeti RTL.
Tra i più affidabili c'è Google Noto, una famiglia di caratteri gratuita e senza restrizioni di licenza, che supporta oltre 800 lingue.
- Considera le differenze culturali
Alcuni simboli o riferimenti che risultano comuni in contesti occidentali possono non essere compresi o addirittura risultare inappropriati in altre culture. Valuta l’utilizzo di alternative visive e linguistiche che siano più neutre e inclusive.
Per esempio, nella cultura araba il maiale è considerato un animale impuro: al posto dell’icona di un salvadanaio, potrebbe essere più adatta un'immagine di un barattolo pieno di monete per rappresentare il concetto di risparmio.
- Valuta strumenti di traduzione automatica e l’intelligenza artificiale
Se non hai a disposizione un traduttore professionista, puoi considerare l’utilizzo di strumenti automatici come Google Translate oppure affidarti a soluzioni basate sull’intelligenza artificiale, in grado di offrire traduzioni più naturali e contestualizzate.
In entrambi i casi, è fondamentale rivedere manualmente i testi, soprattutto per verificare che siano corretti dal punto di vista culturale e adeguati al tono del sito.
- Testa accuratamente il sito
Prima di pubblicare il sito online, utilizza l’anteprima locale per controllare che testi e layout siano correttamente adattati alla lettura da destra a sinistra. Coinvolgere un madrelingua nella fase di revisione può fare la differenza in termini di qualità e credibilità del sito.
Nota tecnica
Quando imposti un progetto in modalità RTL, WebSite X5 applica automaticamente la direzione di lettura “da destra verso sinistra” al codice HTML delle pagine.
Questo avviene tramite l’attributo dir="rtl", che viene inserito negli elementi più opportuni della pagina e che serve a indicare al browser come deve essere visualizzato il contenuto.
Inoltre, il layout grafico viene adattato con stili CSS dedicati, in modo che:
- i testi siano allineati correttamente a destra;
- gli elementi della pagina (come menu, immagini, pulsanti) seguano un flusso coerente con la direzione RTL;
- i margini degli elementi della pagina siano coerenti con la nuova impaginazione;
- eventuali animazioni o effetti di transizione si muovano nel verso giusto.
Tutto questo avviene in modo automatico: tu devi solo ricordarti di selezionare la giusta direzione del testo quando configuri il progetto.