Charset tag
Ook wel meta charset
Wat is een charset tag?
Een charset tag is een regel code bovenaan je webpagina die de browser vertelt welke tekenset je pagina gebruikt. Meestal is dat UTF-8, zodat letters als é en ë en tekens als € goed worden weergegeven.
Veelgestelde vragen over charset tag
Hoe controleer ik welke charset mijn website gebruikt?
Je controleert dit in een paar seconden via de broncode van je pagina:
- Open je website in Chrome, Edge of Firefox.
- Druk op Ctrl+U (Mac: Cmd+Option+U) om de broncode te bekijken.
- Zoek met Ctrl+F op het woord charset.
- Je ziet dan iets als <meta charset="UTF-8"> bovenaan, in het head-gedeelte.
Ook je server stuurt een tekenset mee in de HTTP-header Content-Type. Die vind je via de ontwikkelaarstools (F12), tabblad Netwerk. Staan daar twee verschillende tekensets, dan kan dat problemen geven.
Hoe stel ik de charset tag in WordPress in?
Meestal hoef je niets te doen. WordPress gebruikt standaard UTF-8 en vrijwel elk thema plaatst de charset tag automatisch in het bestand header.php. Een aparte plugin is hiervoor niet nodig.
Ontbreekt de tag toch, bijvoorbeeld bij een oud of zelfgebouwd thema?
- Maak een child theme aan, zodat je aanpassing een thema-update overleeft.
- Kopieer header.php naar je child theme.
- Zet direct na <head> de regel <meta charset="<?php bloginfo( 'charset' ); ?>">.
- Controleer daarna de broncode of de tag er één keer staat.
Waarom zie ik vreemde tekens zoals é op mijn website?
Dit gebeurt als tekst in de ene tekenset is opgeslagen en in een andere wordt gelezen. Een é in UTF-8 die als ISO-8859-1 wordt getoond, wordt bijvoorbeeld é.
Veelvoorkomende oorzaken:
- De charset tag ontbreekt of noemt een andere tekenset dan je server meestuurt.
- Bij een verhuizing van je website is de database in een verkeerde tekenset geïmporteerd.
- Tekst is geplakt uit een ander programma met afwijkende codering.
Controleer eerst de tag en de serverheader. Zit het probleem in de database, vraag dan je hostingpartij of ontwikkelaar om hulp en maak vooraf een back-up.
Waar moet de charset tag precies in mijn code staan?
Zet de charset tag als eerste regel binnen het head-gedeelte van je pagina, dus direct na <head>. De HTML-standaard schrijft voor dat hij binnen de eerste 1024 bytes van de pagina moet staan.
De reden: de browser moet de tekenset weten voordat hij tekst gaat lezen. Staat de tag pas na je title of na lange scripts, dan kan de browser al verkeerd begonnen zijn. Je paginatitel kan dan bijvoorbeeld met kapotte tekens verschijnen.
Gebruik ook maar één charset tag per pagina. Twee tags met verschillende waarden zorgen voor verwarring.
Is ISO-8859-1 niet beter voor een Nederlandse website?
Nee, kies gewoon voor UTF-8. Het is een hardnekkig misverstand dat een oudere West-Europese tekenset zoals ISO-8859-1 beter past bij Nederlandse teksten.
ISO-8859-1 kan wel é en ë aan, maar mist bijvoorbeeld het euroteken en veel andere tekens. UTF-8 ondersteunt vrijwel alle tekens uit alle talen, inclusief emoji. Het is de standaard voor HTML en wordt door WordPress, browsers en zoekmachines verwacht.
Een charset tag geeft je trouwens geen directe voorsprong in Google. Het voorkomt wel kapotte tekens in je titels en zoekresultaten, en dat is goed voor je bezoekers.
