Come progettare un sito web per gli utenti cinesi?

Chi cerca questo tema trova quasi sempre lo stesso consiglio: i siti cinesi sono affollati, quindi riempite anche il vostro e aggiungete il rosso. Per lo più nasce da confronti di schermate, e una parte ha più di dieci anni.

I dati dicono qualcosa di più utile e più facile da applicare, anche se partite da un sito in italiano costruito su un template occidentale. Questa guida fa parte del nostro lavoro su come tradurre e localizzare un sito per la Cina.

Gli utenti cinesi vogliono davvero siti affollati?

Non proprio. Accettano la densità, ma la complessità li rallenta comunque. Il test migliore che abbiamo trovato è di Nielsen Norman Group, del 2016.¹

Ha fatto svolgere compiti a 6 utenti cinesi e a 6 stranieri residenti in Cina su siti desktop, dai più semplici a quelli simili a portali.¹ I risultati vanno in due direzioni:

• Gli utenti cinesi vedevano le pagine dense come normali e hanno giudicato alcuni siti minimali poveri di contenuti utili.¹
• Eppure i partecipanti hanno impiegato più tempo sui siti complicati, mostrando più esitazione e ansia.¹
• Molti problemi coincidevano con quelli osservati in Occidente, come un carosello che ha messo in difficoltà gli utenti e una navigazione che li intrappolava in un sottosito.¹

Ecco il confronto con ciò che si ripete di solito.

Fonte	Che cosa dice	Su che cosa si basa
Chinafy, 2023	Siti “busier and more complex”, più affollati e complessi 25	Esempi di marchi e letture citate, nessun test proprio con utenti
FINN Partners, 2012	QQ.com ha 92 link di navigazione 26	Un solo conteggio di link del 2012
China Briefing, 2015	Design occidentale “semplice e lineare”, versione cinese più ricca 36	Confronto tra siti di due marchi, Coca-Cola e Grainger, nessun test con utenti
Sinorbis, 2017	Le pagine usano tutto lo spazio, in piccoli blocchi 27	Confronti tra siti, nessuno studio esterno
Thoughtworks, 2021	Lo spiegano storia, lingua e concorrenza 28	Ipotesi, nelle parole dello stesso autore
Nielsen Norman Group, 2016	Più semplice aiuta, minimale no 1	Compiti osservati, 12 partecipanti

Anche le spiegazioni della densità sono commenti. Nessuno degli articoli citati ha dimostrato una causa, quindi non costruite il design su una teoria sulla cultura cinese.

Che cosa significa “più semplice, non minimalista” su una pagina vera?

Significa più sostanza in ogni pagina, in blocchi chiari, senza nulla di nascosto. Le regole di pagina di Baidu spingono nella stessa direzione, almeno su mobile.

La tabella qui sotto è la nostra lettura delle prove. Le regole di Baidu del 2020 sono scritte per le pagine sulla sua ricerca mobile, non possiamo confermare che applichi ancora questi valori, e le modifiche sono scelte di design, non ricette testate.

Abitudine occidentale	Modifica per le pagine cinesi	Prove
Hero a tutta altezza con slogan	Contenuti reali nella prima schermata	Oltre il 50% dello schermo, Baidu 2020 6. L’elenco Baidu del 2023 segnala una prima schermata ripiegata con contenuto principale sotto il 50% 8
Una riga per servizio	Breve descrizione e link per ciascuno	I siti minimali risultano meno utili 1
Ricerca nascosta dietro un’icona	Casella di ricerca visibile, se ne avete una	Le icone hanno creato difficoltà nel test 1
Carosello a rotazione	Blocchi fissi	Gli utenti hanno avuto difficoltà con un carosello 1
Un’unica pagina lunghissima	Sezioni chiare, nomi di categoria, breadcrumb	Baidu 2019 chiede nomi di categoria e breadcrumb ben visibili, e non dice nulla sulla lunghezza della pagina 29
Testo dentro le immagini	Testo vero	Guida Baidu del 2014, datata 30

Due limiti meritano attenzione:

• Le regole di pagina di Baidu dicono che il contenuto principale dovrebbe stare al centro della prima schermata, e che gli annunci in alto in quella schermata non possono superare il 10% di uno schermo.⁶
• Sinorbis scrive che le pagine cinesi sono di solito “2 full screen lengths or less”, cioè al massimo due schermate.²⁷ È un’osservazione del 2017 senza fonte, quindi non trattatela come un obiettivo.

La nostra guida alla SEO mobile per Baidu elenca tutte le regole.

A sinistra, template occidentale

• Immagine a tutto schermo
• Slogan
• Pulsante

A destra, versione cinese

• Che cosa fa l'azienda
• Per chi
• Link a ogni servizio
• Prova
• Contatto visibile

VS

Per quali schermi progettare?

Per telefono e computer. “Mobile first” vale per la maggior parte del traffico cinese, ma le due principali fonti di dati mostrano perché non può voler dire “solo mobile”.

Fonte	Che cosa misura	Mobile	Desktop
CNNIC, dicembre 2025	Quota di utenti Internet che si collegano così	99,6% 235	32,5% 235
StatCounter, ottobre 2026	Quota del traffico di pagine rilevato	55,87% 3	42,78% 3

Non si contraddicono, perché contano cose diverse. Quasi tutti usano il telefono, mentre una quota ampia di pagine si apre ancora da computer. CNNIC conta inoltre i portatili a parte, al 31,2%, quindi il suo dato desktop sottostima i computer.²³⁵

I vostri acquirenti possono rientrare in entrambi i gruppi. La ricerca B2B di Nielsen Norman Group non indica una ripartizione, quindi guardate i vostri dati di analytics quando ne avrete.

I dati StatCounter di ottobre 2026 forniscono anche un elenco pratico di prove.⁴⁵

Da provare su	Perché
1920x1080	Risoluzione più comune, 11,59% 4
414x896, 390x844	Formati comuni su telefono, 8,14% e 3% 4
360x800	Il più stretto tra i formati principali, 5,31% 4
Chrome, Edge, Safari	50,2%, 16,07%, 15,89% del traffico browser 5
UC, 360 Safe, QQ Browser	5,77%, 4,55%, 4,35% 5

L’elenco principale di StatCounter non nomina il browser integrato di WeChat, quindi non possiamo dire quanto traffico passi di lì. Provatelo comunque, perché chi vi raggiunge tramite WeChat può vedere la pagina proprio lì.

Quali impostazioni tipografiche usare per il testo cinese?

Partite da un corpo di 14px con interlinea di 22px. È il punto d’incontro tra le regole pubblicate da Baidu e Ant Design, un design system pubblicato in cinese e in inglese.

I caratteri cinesi sono complessi, quindi i corpi piccoli penalizzano la leggibilità,²⁶ e le impostazioni copiate da un sito in alfabeto latino possono risultare troppo strette. I valori qui sotto sono quelli pubblicati, ciascuno con il suo contesto.

Impostazione	Valore	Fonte e contesto
Corpo del testo	14px consigliati, minimo 10px	Baidu mobile, 2016 7
Corpo del testo	Almeno 10pt	Baidu, 2020 6
Corpo base e interlinea	14px su 22px	Ant Design, per la lettura su desktop 10
Interlinea	Oltre 1,4 volte il corpo	Baidu, 2020 6
Spazio tra le righe	Da 0,42 a 0,6 volte il corpo	Baidu mobile, 2016 7
Aree di tocco	Oltre 40px di larghezza e altezza	Baidu mobile, 2016 7
Lunghezza della riga	Al massimo 48 caratteri, per la stampa	Bozza W3C 9
Spazio tra caratteri han e latini	Al massimo un quarto di carattere	Bozza W3C 9

I numeri concordano più di quanto ci si aspetterebbe. A 14px, lo spazio indicato da Baidu nel 2016 dà righe di circa 20-22px, e 10pt corrispondono a circa 13,3px in unità CSS, se è questa l’unità che Baidu intende.

Anche il corpo standard per il testo a stampa indicato dal W3C, 10,5pt, equivale esattamente a 14px in unità CSS.⁹ Stampa e schermo sono contesti diversi: prendetela come una coincidenza comoda, non come una regola.

La lunghezza della riga offre un controllo utile. A 14px, 48 caratteri fanno 672px: una colonna di testo più larga è troppo lunga secondo il criterio di stampa del W3C.⁹

Il telefono pone il problema opposto. Uno schermo da 360px con margini di 16px contiene solo circa 23 caratteri a 14px, quindi i paragrafi brevi contano ancora di più.

Un punto di partenza per i template cinesi può essere questo:

:lang(zh-Hans) p {
  font-size: 14px;
  line-height: 22px;
  max-width: 48em;
  text-autospace: normal;
}
:lang(zh-Hans) em {
  font-style: normal;
  font-weight: 700;
}

A che cosa servono le ultime righe?

• text-autospace aggiunge il piccolo spazio tra testo cinese e latino, così nessuno deve digitarlo a mano. MDN indica normal come valore iniziale, quindi questa riga vi protegge solo da un reset altrove nel CSS. È Baseline da novembre 2025, quindi i browser più vecchi la ignoreranno.¹¹
• Il corsivo è disattivato perché il documento del W3C tratta grassetto e punti di enfasi, e non vi abbiamo trovato menzioni del corsivo.⁹ Thoughtworks aggiunge che i font cinesi non hanno stili comparabili.²⁸ È una prova debole, ma il grassetto semplice è la scelta sicura.
• Il grassetto è 700 perché Microsoft elenca per YaHei solo Light, Regular e Bold.¹⁵ Ant Design suggerisce 400 e 500,¹⁰ ma su Windows un 500 può non mostrare alcuna differenza.

Impostate bene lang

Impostate lang="zh-Hans" sulle pagine cinesi.¹³ Lo stesso code point Unicode può assumere glifi diversi secondo le convenzioni regionali,¹² e il W3C dice che i browser possono usare il tag di lingua per scegliere un font adatto.³²

Il W3C spiega che le regole tipografiche seguono le aree geografiche più che le scritture. La punteggiatura continentale sta in basso a sinistra nel suo riquadro, mentre Taiwan e Hong Kong la centrano.⁹

La nostra guida al cinese semplificato o tradizionale affronta questa scelta.

Quali font caricare è una questione a parte. Per il testo cinese usate i font di sistema. La nostra guida a font e contenuti incorporati in Cina spiega perché, con il peso dei file.

Si può usare qualsiasi font cinese?

No. Nessuna delle guide al design che abbiamo letto cita questo rischio, e non riguarda solo le prestazioni. Controllate la licenza di ogni font cinese presente nel logo, nelle immagini o nei file di font serviti dal sito.

Microsoft YaHei è il caso più noto. Microsoft ha ottenuto in licenza i glifi da Beijing Founder, la sua nota di copyright cita Founder anche per parti del font, e rimanda gli sviluppatori web a una licenza separata.¹⁵

Un articolo di Securities Times del 2019 racconta di una startup di Shenzhen che usava YaHei nel branding, nell’account WeChat e sul sito.¹⁶

Secondo l’articolo, Founder ha inviato una lettera di un avvocato e l’azienda ha cancellato i contenuti di marca già pubblicati.¹⁶

Gli esiti variano. Lo stesso articolo riferisce, in base ai dati Tianyancha, che le cause di Founder si sono per lo più chiuse con il ritiro dell’azione da parte di Founder. Cita un professionista del settore legale che considera abbastanza certo il diritto d’autore di Founder sui font, e un avvocato secondo cui Founder dovrebbe indicare i compensi prima dell’uso.¹⁶

Uso	Situazione	Che cosa fare
Source Han Sans in immagini o loghi	SIL OFL 1.1: uso e incorporamento ammessi, vietata la vendita del solo font 31	Verificate che si adatti al vostro uso. Ha versioni per Cina continentale, Taiwan e Hong Kong 14
YaHei o font Founder in immagini, loghi o file serviti	Partite dal presupposto che serva una licenza	Ottenetela, o cambiate font
YaHei citato in uno stack CSS, mostrato dal dispositivo del visitatore	Non risolto da ciò che abbiamo letto	Chiedete a un consulente locale
Font gratuito da un sito di download	Non noto	Prima risalite alla licenza

Verifica gratuita

Il vostro sito è visibile su Baidu?

Inserite il vostro sito. Verifichiamo Baidu, l'accesso dalla Cina e la configurazione del sito, poi vi inviamo il report via email.

Il vostro sitoVerifica il mio sito

Bisogna cambiare i colori?

Di solito no. Non abbiamo trovato alcuno studio che dimostri che un marchio straniero renda di più con rosso e oro, quindi conservate la palette e correggete gli usi specifici.

Chinafy associa il rosso a fortuna e prosperità, l’oro alla ricchezza.²⁵ FINN Partners definisce entrambi i colori di buon auspicio.²⁶ Anche una guida europea alla visualizzazione dei dati lega il rosso a ricchezza e prosperità in Cina.²⁴

Ma sono significati, non prove di un effetto sulle vendite.

Una convenzione invece merita di essere cambiata. Sui dati di mercato cinesi il rosso indica rialzo e il verde ribasso, l’opposto delle dashboard occidentali.²³²⁴

Se la pagina mostra	Controllate
Grafici di borsa o di investimento	Rosso per i guadagni, verde per le perdite
Grafici di crescita con frecce verdi	Chiedete a un madrelingua come vengono percepiti
Messaggi di errore rossi vicino a buone notizie	Teneteli ben separati
I colori del vostro logo	Lasciateli come sono

Molte guide abbondano di superstizioni su numeri e colori. Non abbiamo trovato fonti solide, quindi le abbiamo lasciate fuori. Il vostro revisore madrelingua noterà ciò che stona.

Come presentare contatti e prove nella pagina?

Teneteli visibili, precisi e facili da verificare. Lo studio B2B del 2017 di Nielsen Norman Group ha rilevato che gli acquirenti cercano prove che un’azienda sia reale, e attraverso quelle prove la chiamano a risponderne.¹⁷

È un piccolo studio qualitativo del 2017, con 8 partecipanti, ma sostiene questi punti di design:

• Sede: i partecipanti cercavano un negozio fisico o un distributore locale nelle vicinanze.¹⁷
• Lavori svolti: volevano foto, casi di studio o testimonianze verificabili.¹⁷
• Chat: 5 su 8 hanno usato la chat online, l’hanno preferita alla telefonata e ne hanno conservato il registro come traccia.¹⁷

Se non avete una presenza locale, dite dove siete, in Italia per esempio, e come seguite i clienti cinesi. Non lasciate intendere un ufficio che non avete. La nostra guida a come guadagnare la fiducia degli acquirenti cinesi approfondisce il tema.

Chat e regole di Baidu tirano in direzioni opposte

Agli utenti la chat piace, ma Baidu limita il modo di mostrarla. Le sue regole del 2020 ammettono una sola funzione di consulenza per pagina, mai in alto, e la finestra di chat non può aprirsi da sola.⁶

I pulsanti funzione non possono superare il 10% di uno schermo, e quelli flottanti non possono coprire i contenuti.⁶ L’elenco del 2023 segnala inoltre due o più funzioni ripetute che restano sullo schermo durante lo scorrimento.⁸

Quindi bolla di chat, barra di chiamata fissa e pulsante WeChat insieme sono da ripensare. Sceglietene uno, tenetelo piccolo e verificate che lo strumento di chat si carichi dalla Cina.

Usate i codici QR con cautela

Lo studio con diari del 2016 di Nielsen Norman Group ha trovato i codici QR diffusi in Cina, in buona parte grazie a WeChat, che ha uno scanner integrato dal 2012.¹⁸ Hanno comunque dei limiti:¹⁸

• Occupano più spazio di un link, e troppi codici peggiorano una pagina mobile.
• Non danno indizi su ciò che fanno, quindi aggiungete una riga di testo accanto a ciascuno.
• Un codice mostrato sul telefono è difficile da scansionare con quello stesso telefono, quindi offrite un link o un modo per copiare il vostro ID.

L’ultimo punto è un nostro ragionamento, basato sui problemi visti nello studio con l’estrazione dei codici dalle chat. La nostra guida a WeChat per le aziende straniere tratta l’account vero e proprio.

Correggete i campi dei moduli

La maggior parte dei moduli occidentali richiede piccole modifiche:

Campo	Modifica	Perché
Nome	Un solo campo, oppure “cognome” e “nome”	“First name” confonde chi scrive prima il cognome 20
Cellulare	Accettate 11 cifre, senza prefisso di zona, con o senza +86, e non imponete il +39	Formato standard dei cellulari 21
Limiti di caratteri	Ammettete testo non latino, usate UTF-8	I nomi cinesi richiedono Unicode 20
Login, se c’è	Offrite un codice via telefono prima della password	Molto usato in Cina, secondo uno studio qualitativo del 2018 19

Una stringa può anche cambiare larghezza in traduzione. Il W3C cita un esempio di Flickr che conta ogni carattere cinese come due caratteri inglesi di larghezza.²² Provate quindi pulsanti e menu con il testo definitivo, non con testi segnaposto.

I dati personali sono anche una questione legale, e un modulo conforme al GDPR non risolve da solo il punto. Prima di aggiungere campi, leggete se la legge cinese sulla privacy si applica.

Come verificare un design cinese prima del lancio?

Provate le pagine cinesi definitive, non un mockup con testo segnaposto. La maggior parte di ciò che può andare storto emerge solo lì.

1. Caricate le pagine dalla Cina. Seguite la nostra guida per testare il sito dalla Cina. Uno script bloccato può lasciare la pagina visualizzata solo in parte.
2. Misuratele. Una pagina ricca deve comunque caricarsi: vedete come velocizzare il sito in Cina.
3. Controllate la prima schermata. Su uno schermo da 360px, guardate quanto è contenuto principale e quanto è banner, avviso cookie e pulsanti.
4. Controllate la tipografia. Verificate corpo, interlinea e punteggiatura su un telefono vero e su un computer Windows.
5. Controllate i browser. Aprite le pagine nei browser elencati sopra e scansionate un codice QR per vederle dentro WeChat.
6. Fate svolgere un compito reale. Chiedete a un lettore madrelingua di trovare che cosa fate e di contattarvi, pensando ad alta voce.

Lo studio di Nielsen Norman Group ha usato compiti con pensiero ad alta voce come questo.¹ Poche sessioni possono mostrare dove le persone esitano, ma non dimostrano che una pagina renderà.

In sintesi

Non copiate i portali cinesi e non pubblicate il template italiano così com’è. Mettete più contenuti utili in ogni pagina, impostate bene la tipografia cinese e progettate per telefono e computer.

Poi controllate le licenze dei font e fate provare il risultato a un lettore madrelingua. Molte prove sono datate o limitate, quindi il vostro test conta più di qualsiasi regola empirica.

Come può aiutarvi Index in China

Traduciamo il vostro sito in cinese semplificato con un revisore umano, nell’ambito del lavoro per farlo indicizzare sui motori di ricerca cinesi.

Le scelte di design restano vostre, e vi diremo se il vostro caso richiede un consulente locale. Prenotate una chiamata di 30 minuti.

Prenota una chiamata di 30 minuti

Report mensile BaiduIndicizzato Bing ChinaIndicizzato SogouIndicizzato