Wat het is
Elke letter, elk cijfer en elk symbool wordt op een computer uiteindelijk als getal opgeslagen — "tekencodering" (of "charset") is simpelweg het afgesproken systeem dat bepaalt welk getal welk teken betekent. UTF-8 is de standaard, bijna universele codering die op het moderne web wordt gebruikt en vrijwel elk teken in elke taal kan weergeven, van gewone letters tot emoji en tekens met accenten zoals é of ñ.
De charset meta tag is één regel in de code van een pagina die de browser vertelt: "lees de tekst van deze pagina met het UTF-8-systeem". Zonder deze regel moet een browser gokken welk systeem gebruikt is, en een verkeerde gok is precies wat ervoor zorgt dat apostrofs en aanhalingstekens veranderen in vreemde tekenreeksen zoals ’.
Waarom het belangrijk is
Verminkte tekens zijn een van de snelste manieren om een pagina er op het eerste gezicht kapot of onbetrouwbaar te laten uitzien, zelfs als elk woord eronder correct gespeld is. Het is in wezen een puur cosmetisch probleem, want de onderliggende tekst is meestal prima — maar bezoekers weten dat niet, en een alinea vol vreemde symbolen komt slordig of zelfs verdacht over.
De oplossing is ook opvallend goedkoop voor hoe zichtbaar het probleem is: het gaat om één regel code, één keer toegevoegd, die het probleem sitebreed oplost in plaats van pagina voor pagina te moeten worden aangepakt.
Hoe je het oplost
- Voeg
<meta charset="UTF-8">toe als allereerste regel binnen de<head>-sectie van je pagina — deze moet vóór andere tags staan om door browsers correct toegepast te worden. - Gebruik je een websitebouwer of CMS (WordPress, Squarespace, Wix, Webflow), dan staat dit vrijwel altijd al goed ingesteld in het sitetemplate — een probleem met verminkte tekst wordt vaker veroorzaakt door content die uit een ander programma (zoals Microsoft Word) is geplakt en zijn eigen verborgen codering meebrengt.
- Is plakken vanuit Word of een andere teksteditor de boosdoener, probeer dan als "platte tekst" te plakken en pas daarna eventuele vet/cursief-opmaak opnieuw toe in je editor.
- Herlaad de betreffende pagina na het aanbrengen van wijzigingen en controleer of apostrofs, aanhalingstekens en tekens met accenten nu correct worden weergegeven.
- Voer je Launch Readiness-check opnieuw uit om te bevestigen dat de charset-tag nu wordt gedetecteerd.