Hoe ontwerpt u een website voor Chinese gebruikers?

Uw Nederlandse of Vlaamse site is waarschijnlijk rustig en luchtig, met een grote afbeelding, een slogan en een formulier. Zoekt u hoe dat moet veranderen voor China, dan leest u overal hetzelfde: Chinese sites zijn druk, dus maak de uwe druk, en voeg rood toe.

Het meeste daarvan steunt op schermafbeeldingen naast elkaar, en een deel is meer dan tien jaar oud. In het Nederlands vonden wij weinig meer. Twinkle noemde in 2013 kleinere letters en meer kleur,³⁷ en het adviesbureau Horsten uit Turnhout schreef in 2015 dat een kopie van het ontwerp met een woordelijke vertaling niet volstaat,³⁸ zonder te zeggen wat dan wel.

Het bewijs zegt iets nuttigers, en u kunt er makkelijker mee aan de slag. Deze gids hoort bij ons werk rond uw website lokaliseren voor China.

Willen Chinese gebruikers echt drukke websites?

Niet helemaal. Ze aanvaarden volle pagina’s, maar complexiteit vertraagt hen nog altijd. De beste test die wij vonden, komt van Nielsen Norman Group, uit 2016.¹

Daarin voerden 6 Chinese gebruikers en 6 buitenlandse inwoners van China taken uit op desktopsites, van eenvoudig tot portaalachtig.¹ De resultaten wijzen twee kanten op:

• Chinese gebruikers vonden volle pagina’s normaal, en beoordeelden sommige minimale sites als arm aan nuttige inhoud.¹
• Toch deden de deelnemers langer over ingewikkelde sites, en toonden ze meer aarzeling en onrust.¹
• Veel problemen kwamen overeen met westerse bevindingen, zoals een carrousel waar gebruikers moeite mee hadden en navigatie die hen opsloot in een subsite.¹

Zo verhoudt dat zich tot wat doorgaans wordt herhaald.

Bron	Wat ze zegt	Waarop dat steunt
FINN Partners, 2012	QQ.com heeft 92 navigatielinks 26	Eén linktelling uit 2012
Twinkle, 2013	Kleinere typografie, meer kleurcodes, meer informatie per pagina 37	Verwijst naar Marketingtochina.com, meldt geen test
Sinorbis, 2017	Pagina’s benutten al hun ruimte, in kleine blokken 27	Sitevergelijkingen, geen externe studie
Thoughtworks, 2021	Geschiedenis, taal en concurrentie verklaren het 28	Aannames, zo noemt de auteur het zelf
Universiteit Twente, 2022	Chinese sites tonen meer items en actieve elementen 36	Review van 17 studies van sites, slecht vergelijkbaar, slechts enkele vaste bevindingen
Chinafy, 2023	Sites zijn “busier and more complex”, dus drukker en ingewikkelder 25	Merkvoorbeelden en geciteerde lectuur, geen eigen gebruikerstest
Nielsen Norman Group, 2016	Eenvoudiger helpt, minimalistisch niet 1	Geobserveerde taken, 12 deelnemers

Ook de verklaringen voor al die inhoud zijn commentaar. Geen van de artikelen hierboven bewijst een oorzaak, en de review uit Twente vindt een deel van de culturele verklaringen twijfelachtig.³⁶ Baseer uw ontwerp dus niet op een theorie over de Chinese cultuur.

Wat betekent “eenvoudiger, niet minimalistisch” op een echte pagina?

Meer inhoud per pagina, in duidelijke blokken, met niets verstopt. De eigen paginaregels van Baidu wijzen dezelfde kant op, in elk geval op mobiel.

De tabel hieronder is onze interpretatie van het bewijs. De regels van Baidu uit 2020 zijn geschreven voor pagina’s in zijn mobiele zoekmachine, wij kunnen niet bevestigen dat het deze waarden vandaag nog toepast, en de wijzigingen zijn ontwerpkeuzes, geen geteste recepten.

Westerse gewoonte	Wijziging voor Chinese pagina’s	Bewijs
Herobanner over de volle hoogte met slogan	Zet echte inhoud op het eerste scherm	Meer dan 50% van het scherm, Baidu 2020 6. De lijst uit 2023 markeert een gevouwen eerste scherm onder 50% 8
Eén regel per dienst	Een korte beschrijving en een link per dienst	Minimale sites lezen als minder nuttig 1
Zoekfunctie achter een icoon	Toon het zoekveld, als u er een heeft	Iconen gaven problemen in de test 1
Draaiende carrousel	Vaste blokken	Gebruikers hadden moeite met een carrousel 1
Eén heel lange pagina	Duidelijke secties, categorienamen, broodkruimels	Baidu 2019 vraagt opvallende categorienamen en broodkruimels, en zegt niets over paginalengte 29
Tekst in afbeeldingen	Echte tekst	Gids van Baidu uit 2014, gedateerd 30

Twee grenzen zijn het weten waard:

• De paginaregels van Baidu zeggen dat de hoofdinhoud in het midden van het eerste scherm hoort, en dat advertenties boven aan dat scherm niet meer dan 10% van een scherm mogen innemen.⁶
• Sinorbis zegt dat Chinese pagina’s meestal “2 full screen lengths or less” zijn, dus twee schermlengtes of minder.²⁷ Dat is een observatie uit 2017 zonder bron, dus maak er geen doel van.

Onze gids over mobiele SEO voor Baidu geeft alle regels.

Links, westers template

• Beeld over het volledige scherm
• Slogan
• Knop

Rechts, Chinese versie

• Wat het bedrijf doet
• Voor wie
• Links naar elke dienst
• Bewijs
• Zichtbaar contact

VS

Voor welke schermen ontwerpt u?

Voor telefoons én desktops. “Mobile first” klopt voor het meeste Chinese verkeer, maar de twee belangrijkste gegevensbronnen tonen waarom dat niet “alleen mobiel” kan betekenen.

Bron	Wat ze meet	Mobiel	Desktop
CNNIC, december 2025	Aandeel internetgebruikers dat zo online gaat	99,6% 235	32,5% 235
StatCounter, oktober 2026	Aandeel paginaverkeer dat het registreert	55,87% 3	42,78% 3

Ze spreken elkaar niet tegen, want ze tellen iets anders. Bijna iedereen gebruikt een telefoon, terwijl een groot deel van de pagina’s nog op een computer laadt. CNNIC telt laptops ook apart, op 31,2%, dus het desktopcijfer van CNNIC onderschat het gebruik van computers.²³⁵

Uw kopers kunnen aan beide kanten zitten. Het B2B-onderzoek van Nielsen Norman Group geeft geen verdeling, dus kijk in uw eigen statistieken zodra u die heeft.

De cijfers van StatCounter van oktober 2026 geven u ook een praktische testlijst.⁴⁵

Test op	Waarom
1920x1080	Meest voorkomende resolutie, 11,59% 4
414x896, 390x844	Gangbare telefoonformaten, 8,14% en 3% 4
360x800	Smalste van de topformaten, 5,31% 4
Chrome, Edge, Safari	50,2%, 16,07%, 15,89% van het browserverkeer 5
UC, 360 Safe, QQ Browser	5,77%, 4,55%, 4,35% 5

De toplijst van StatCounter noemt de ingebouwde browser van WeChat niet, dus wij kunnen niet zeggen hoeveel verkeer die draagt. Test hem toch, want wie via WeChat bij u komt, ziet uw pagina misschien daar.

Wat zijn de juiste tekstinstellingen voor Chinees?

Begin met lopende tekst van 14px op een regelhoogte van 22px. Daar komen de gepubliceerde regels van Baidu en die van Ant Design samen. Ant Design is een designsysteem dat in het Chinees en het Engels wordt gepubliceerd.

Chinese tekens zijn complex van vorm, dus kleine maten schaden de leesbaarheid,²⁶ en instellingen van een Latijnse site kunnen te krap lezen. De waarden hieronder zijn gepubliceerd, elk met zijn context.

Instelling	Waarde	Bron en context
Lopende tekst	14px aanbevolen, minimum 10px	Baidu mobiel, 2016 7
Lopende tekst	Minstens 10pt	Baidu, 2020 6
Basismaat en regelhoogte	14px op 22px	Ant Design, voor lezen op desktop 10
Regelhoogte	Meer dan 1,4 keer de lettergrootte	Baidu, 2020 6
Ruimte tussen regels	0,42 tot 0,6 keer de lettergrootte	Baidu mobiel, 2016 7
Tikdoelen	Meer dan 40px breed en hoog	Baidu mobiel, 2016 7
Regellengte	Hoogstens 48 tekens, in druk	Ontwerpnota W3C 9
Ruimte tussen Han-tekens en Latijnse letters	Hoogstens een kwart teken	Ontwerpnota W3C 9

De cijfers sluiten beter aan dan u zou verwachten. Bij 14px geeft de spatiëring van Baidu uit 2016 regels van ongeveer 20 tot 22px, en 10pt komt neer op ongeveer 13,3px in CSS-eenheden, als Baidu die eenheid bedoelt.

De standaardmaat van W3C voor lopende tekst in druk, 10,5pt, is ook precies 14px in CSS-eenheden.⁹ Druk en scherm zijn verschillende omgevingen, dus lees dat als een handig toeval, niet als een regel.

Twinkle schreef in 2013 dat Chinese sites over het algemeen een kleinere typografie gebruiken.³⁷ Dat is een oude observatie, geen reden om onder deze waarden te gaan.

De regellengte geeft u een nuttige controle. Bij 14px zijn 48 tekens 672px, dus een tekstkolom die breder is, is te lang volgens de drukmaat van W3C.⁹

Een telefoon geeft het omgekeerde probleem. Een scherm van 360px met marges van 16px bevat bij 14px slechts ongeveer 23 tekens, dus korte alinea’s tellen nog zwaarder.

Een vertrekpunt voor uw Chinese templates ziet er zo uit:

: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;
}

Waarom die laatste regels?

• text-autospace voegt de kleine ruimte tussen Chinese en Latijnse tekst toe, zodat niemand spaties met de hand hoeft te typen. MDN geeft normal als beginwaarde, dus deze regel beschermt u alleen tegen een reset elders in uw CSS. Hij is Baseline sinds november 2025, dus oudere browsers slaan hem over.¹¹
• Cursief staat uit omdat het document van W3C vet en nadruktekens behandelt, en wij er geen vermelding van cursief in vonden.⁹ Thoughtworks zegt ook dat Chinese lettertypen geen vergelijkbare stijlen hebben.²⁸ Dat is zwak bewijs, maar gewoon vet is de veilige keuze.
• Vet staat op 700 omdat Microsoft voor YaHei alleen Light, Regular en Bold noemt.¹⁵ Ant Design stelt 400 en 500 voor,¹⁰ maar een 500 toont op Windows misschien geen verschil.

Zet lang juist

Gebruik lang="zh-Hans" op uw Chinese pagina’s.¹³ Hetzelfde Unicode-codepunt kan per regionale gewoonte andere glyphs krijgen,¹² en W3C zegt dat browsers de taaltag kunnen gebruiken om een geschikt lettertype te kiezen.³²

Volgens W3C volgen typografische regels eerder regio’s dan schriften. Leestekens op het vasteland staan laag en links in hun vak, terwijl Taiwan en Hongkong ze centreren.⁹

Onze gids over vereenvoudigd of traditioneel Chinees helpt u kiezen.

Welke lettertypen u laadt, is een aparte vraag. Gebruik systeemlettertypen voor Chinese tekst. Onze gids over Google Fonts, YouTube en embeds in China legt uit waarom, met bestandsgroottes.

Kunt u elk Chinees lettertype gebruiken?

Nee. Geen enkele ontwerpgids die wij lazen, noemt dit risico, en het gaat verder dan prestaties. Controleer de licentie van elk Chinees lettertype in uw logo, in uw afbeeldingen en in de lettertypebestanden die u serveert.

Microsoft YaHei is het bekendste geval. Microsoft heeft de glyphs in licentie genomen van Beijing Founder, de copyrightvermelding noemt Founder ook voor delen van het lettertype, en Microsoft verwijst webontwikkelaars naar een aparte licentie.¹⁵

Een bericht van Securities Times uit 2019 beschrijft een startup uit Shenzhen die YaHei gebruikte in haar huisstijl, op haar WeChat-account en op haar website.¹⁶

Volgens dat bericht stuurde Founder een advocatenbrief, en verwijderde het bedrijf zijn eerdere merkinhoud.¹⁶

De afloop verschilt. Hetzelfde bericht zegt, op basis van gegevens van Tianyancha, dat zaken van Founder meestal eindigden doordat Founder zich terugtrok. Het citeert een juridisch professional die het auteursrecht van Founder vrij zeker noemt, en een advocaat die zegt dat Founder zijn tarieven vóór gebruik zou moeten vermelden.¹⁶

Gebruik	Status	Wat te doen
Source Han Sans in afbeeldingen of logo’s	SIL OFL 1.1: gebruik en insluiten toegestaan, het lettertype niet los verkopen 31	Ga na of het past bij uw gebruik. Er zijn versies voor het vasteland, Taiwan en Hongkong 14
YaHei of Founder-lettertypen in afbeeldingen, logo’s of geserveerde bestanden	Ga ervan uit dat een licentie nodig is	Neem er een, of kies een ander lettertype
YaHei genoemd in een CSS-fontstack, getoond vanaf het toestel van de bezoeker	Niet uitgemaakt door wat wij lazen	Vraag het een lokale adviseur
Een gratis lettertype van een downloadsite	Onbekend	Zoek eerst de licentie na

Gratis check

Is uw website zichtbaar op Baidu?

Vul uw website in. Wij controleren Baidu, de bereikbaarheid vanuit China en hoe uw site is opgezet, en mailen u het rapport.

Uw websiteCheck mijn site

Moet u uw kleuren veranderen?

Meestal niet. Wij vonden geen studie die aantoont dat een buitenlands merk beter presteert met rood en goud, dus behoud uw palet en pas alleen specifieke toepassingen aan.

Chinafy koppelt rood aan geluk en voorspoed, en goud aan rijkdom.²⁵ FINN Partners noemt beide kleuren gunstig.²⁶ Een EU-gids over datavisualisatie verbindt rood in China ook met rijkdom en voorspoed.²⁴

De review uit Twente zag op Chinese sites meer rood en blauw, en op westerse sites meer wit.³⁶ Maar dat is betekenis en gewoonte, geen bewijs dat het verkoopt.

Eén conventie is wel de moeite om te veranderen. Op Chinese beursgegevens staat rood voor stijging en groen voor daling, het omgekeerde van westerse dashboards.²³²⁴

Als uw pagina dit toont	Controleer
Beurs- of beleggingsgrafieken	Gebruik rood voor winst, groen voor verlies
Groeigrafieken met groene pijlen	Vraag een moedertaallezer hoe die overkomen
Rode foutmeldingen naast goed nieuws	Houd ze duidelijk gescheiden
De kleuren van uw logo	Laat die met rust

Bijgeloof over getallen en kleuren vult veel gidsen. Wij vonden daar geen degelijke bron voor, dus lieten wij het weg. Uw moedertaalrevisor pikt eruit wat niet goed aanvoelt.

Hoe horen contact en bewijs op de pagina te staan?

Zichtbaar, concreet en makkelijk te controleren. De B2B-studie van Nielsen Norman Group uit 2017 zag dat kopers bewijs zoeken dat een bedrijf echt is, en het bedrijf via dat bewijs ter verantwoording willen kunnen roepen.¹⁷

Het is een kleine kwalitatieve studie uit 2017, met 8 deelnemers, maar dit zijn de ontwerppunten die ze ondersteunt:

• Locatie: deelnemers zochten een fysieke winkel of lokale distributeur in de buurt.¹⁷
• Eerder werk: ze wilden foto’s, casestudy’s of getuigenissen die ze konden controleren.¹⁷
• Chat: 5 van de 8 gebruikten online chat, verkozen die boven telefoneren en bewaarden het gesprek als bewijs.¹⁷

Heeft u geen lokale aanwezigheid, zeg dan waar u gevestigd bent, bijvoorbeeld in Eindhoven of Gent, en hoe u Chinese klanten bedient. Wek niet de indruk van een kantoor dat u niet heeft. Onze gids over het vertrouwen van Chinese klanten winnen gaat verder.

Chat en de regels van Baidu trekken uit elkaar

Gebruikers houden van chat, maar Baidu beperkt hoe u die toont. De regels uit 2020 staan één consultatiefunctie per pagina toe, nooit bovenaan, en het chatvenster mag niet vanzelf opengaan.⁶

Functieknoppen mogen niet meer dan 10% van een scherm innemen, en zwevende knoppen mogen geen inhoud bedekken.⁶ De lijst uit 2023 markeert ook twee of meer herhaalde functies die in beeld blijven tijdens het scrollen.⁸

Een chatbubbel, een vaste belbalk en een WeChat-knop samen kunt u dus beter herzien. Kies er één, houd die klein en zorg dat de chattool zelf vanuit China laadt.

Ga zorgvuldig om met QR-codes

Het dagboekonderzoek van Nielsen Norman Group uit 2016 zag dat QR-codes in China veel voorkwamen, grotendeels dankzij WeChat, dat sinds 2012 een ingebouwde scanner heeft.¹⁸ Ze hebben wel grenzen:¹⁸

• Ze nemen meer plaats in dan een link, en te veel ervan schaadt een mobiele pagina.
• Ze laten niet zien wat ze doen, dus zet naast elke code een regel tekst.
• Een code op een telefoon is moeilijk met diezelfde telefoon te scannen, dus bied een link of een manier om uw ID te kopiëren.

Dat laatste punt is onze redenering, op basis van de problemen die de studie zag bij het uitlezen van codes uit chats. Onze gids over WeChat-marketing voor buitenlandse bedrijven behandelt het account zelf.

Pas uw formuliervelden aan

De meeste formulieren uit Nederland en België vragen kleine wijzigingen:

Veld	Wijziging	Waarom
Naam	Eén veld, of “familienaam” en “persoonlijke naam”. Laat een veld voor tussenvoegsels weg	“First name” verwart wie de familienaam eerst schrijft 20
Mobiel	Aanvaard 11 cijfers, zonder netnummer, met of zonder +86. Zet het veld niet vast op +31 of +32	Standaardformaat voor mobiele nummers 21
Tekenlimieten	Sta niet-Latijnse tekst toe, gebruik UTF-8	Chinese namen hebben Unicode nodig 20
Inloggen, als u dat heeft	Bied een telefooncode aan vóór een wachtwoord	Veel gebruikt in China, volgens een kwalitatieve studie uit 2018 19

Ook de breedte van een tekst kan bij vertaling veranderen. W3C haalt een voorbeeld van Flickr aan dat elk Chinees teken als twee Engelse rekent in breedte.²² Test uw knoppen en menu’s dus met de definitieve tekst, niet met opvultekst.

Persoonsgegevens zijn ook een juridische vraag. Dat uw formulier aan de AVG voldoet, beantwoordt die vraag niet: lees of de Chinese privacywet voor uw website geldt voor u velden toevoegt.

Hoe controleert u een Chinees ontwerp voor de lancering?

Test de definitieve Chinese pagina’s, geen mock-up met opvultekst. Het meeste wat fout kan gaan, ziet u pas daar.

1. Laad de pagina’s vanuit China. Gebruik onze gids over testen of uw website in China bereikbaar is. Een geblokkeerd script kan een ontwerp half weergegeven achterlaten.
2. Meet ze. Een rijke pagina moet nog steeds laden, dus bekijk de laadtijd van uw website in China.
3. Controleer het eerste scherm. Kijk op een scherm van 360px hoeveel ervan hoofdinhoud is, en hoeveel banner, cookiemelding en knoppen.
4. Controleer de tekst. Bevestig lettergrootte, regelhoogte en leestekens op een echte telefoon en een Windows-computer.
5. Controleer de browsers. Open de pagina’s in de hierboven genoemde browsers, en scan een QR-code om ze in WeChat te zien.
6. Voer een echte taak uit. Vraag een moedertaallezer te zoeken wat u doet en contact op te nemen, en daarbij hardop te denken.

De studie van Nielsen Norman Group gebruikte hardopdenktaken zoals deze.¹ Enkele sessies kunnen tonen waar mensen aarzelen, al bewijzen ze niet dat een pagina zal presteren.

Wat u moet onthouden

Kopieer geen Chinese portalen, en lanceer uw westerse template ook niet ongewijzigd. Zet meer nuttige inhoud op elke pagina, stel Chinese tekst goed in en ontwerp voor telefoons én desktops.

Controleer daarna uw lettertypelicenties en laat een moedertaallezer het resultaat testen. Veel van het bewijs is oud of klein, dus uw eigen test telt zwaarder dan welke vuistregel ook.

Hoe Index in China kan helpen

Wij vertalen uw site naar vereenvoudigd Chinees met een menselijke revisor, als onderdeel van uw indexering op Chinese zoekmachines.

Ontwerpkeuzes blijven bij u, en wij zeggen het als uw situatie een lokale adviseur vereist. Plan een gesprek van 30 minuten.

Plan een gesprek van 30 minuten

Maandrapport BaiduGeïndexeerd Bing ChinaGeïndexeerd SogouGeïndexeerd