HTML
Afkorting van HyperText Markup Language
Wat betekent HTML?
HTML (HyperText Markup Language) is de opmaaktaal achter elke webpagina. Met korte codes, tags genoemd, geef je aan wat een kop, alinea, afbeelding of link is, zodat browsers en zoekmachines de pagina begrijpen.
Veelgestelde vragen over HTML
Hoe bewerk ik de HTML van een pagina in WordPress?
In de blokeditor van WordPress kun je de code per blok of voor de hele pagina bekijken.
- Klik op de drie puntjes van een blok en kies Bewerken als HTML.
- Wil je de hele pagina zien, kies dan rechtsboven bij de drie puntjes voor Code-editor.
- Voor eigen code gebruik je het blok Eigen HTML.
Pas kleine dingen aan en controleer daarna altijd de voorbeeldweergave. Maak bij grotere wijzigingen eerst een back-up, bijvoorbeeld met UpdraftPlus. Werk je met een paginabouwer zoals Elementor, dan gebruik je daar de HTML-widget.
Hoe plaats ik een script of code in de head van WordPress?
Gebruik een plugin zoals WPCode. Dan hoef je niet in je themabestanden te werken. Die worden bij een thema-update vaak overschreven, waardoor je code verdwijnt.
- Installeer en activeer WPCode.
- Ga naar Code Snippets en kies Header en Footer.
- Plak je code in het vak Header, bijvoorbeeld een verificatiecode of trackingscript.
- Sla op en controleer via Paginabron weergeven of de code er echt staat.
Gaat het om Google Analytics of Search Console, dan kun je ook Site Kit by Google gebruiken. Die plaatst de code automatisch.
Mag ik tekst groot maken in plaats van een kop gebruiken?
Liever niet. Een grote of vetgedrukte tekst ziet er voor je bezoeker uit als een kop, maar in de HTML blijft het een gewone alinea. Zoekmachines en schermlezers voor slechtzienden zien dan geen structuur.
Gebruik daarom echte koppen:
- Eén H1 per pagina voor de hoofdtitel, meestal je paginatitel.
- H2 voor de hoofdonderdelen.
- H3 voor onderdelen daarbinnen.
Kies het kopniveau op basis van de structuur, niet op basis van de lettergrootte. Vind je een kop te groot, pas dan de grootte aan in de blokinstellingen of in je thema.
Hoe controleer ik of de HTML van mijn website klopt?
Je kunt dit op een paar manieren gratis checken:
- Klik met rechts op je pagina en kies Inspecteren om per onderdeel de HTML te zien.
- Kies Paginabron weergeven voor de volledige code. Handig om te zien of een script of metatag aanwezig is.
- Plak je URL in de W3C Markup Validation Service voor een lijst met fouten, zoals tags die niet zijn afgesloten.
- Gebruik Yoast SEO of Rank Math om te zien of je koppen en alt-teksten in orde zijn.
Niet elke validatiefout is erg. Richt je vooral op fouten die de weergave of je koppenstructuur raken.
Hoe lang duurt het om genoeg HTML te leren voor mijn website?
Dat hangt af van wat je ermee wilt doen. Voor het dagelijkse beheer van een WordPress-site heb je maar een klein deel nodig: koppen, alinea's, links, afbeeldingen en lijsten. Die basis heb je met wat oefenen vaak snel onder de knie.
Wil je zelf lay-outs bouwen of je thema aanpassen, dan heb je ook CSS nodig. CSS bepaalt hoe de HTML eruitziet, zoals kleuren en afstanden. Dat kost meer tijd, afhankelijk van hoeveel je oefent.
Gratis bronnen zoals MDN Web Docs en W3Schools zijn een goed startpunt. Oefen het liefst op een testomgeving en niet op je live website.
