Vaak zie ik dat mensen de titels van een website door elkaar gebruiken. H6 omdat het mooi klein is, h2 omdat het lekker groot is maar eigenlijk niet om de reden waarvoor ze volgens mij bedoeld zijn. Ik gebruik de h1 h2 h3 h4 h5 h6 koppen altijd om een duidelijke titel structuur aan te brengen. Ik weet het niet zeker, maar ik denk dat Google dat ook wel leuk vind 🙂
De h1 titel die gebruik ik altijd maar 1 keer per pagina. Dit is de hoofdtitel – het onderwerp waar de webpagina overgaat.
In WordPress word de titel van de pagina of het blog automatisch voorzien van de h1 tag. Je hoeft dus eigenlijk nooit de h1 titel te gebruiken als je werkt in WordPress
Subtitels
Ik gebruik de rest van de titels altijd op de volgende manier:
h2 –> Dat is een subtitel van h1
h3 –> Dat is een subtitel van de bovenliggende h2
h4 –> Dat is een subtitel van de bovenliggende h3
h5 –> Dat is een subtitel van de bovenliggende h4
h6 –> Dat is een subtitel van de bovenliggende h5
Ik zou dus nooit van een h2 titel overstappen naar een h5 titel om dan weer terug te gaan naar de h3 titel.
Voorbeeld subtitels
De titel structuur kan ik denk ik het beste aan de hand van een voorbeeld uitleggen. Stel je hebt een website die gaat over honden. Je maakt een pagina en de h1 titel is: Tips over vachtverzorging.
<h1>Tips over vacht verzorging</h1>
<p>Hier komt een intro alinea over de vachtverzorging</p>
<h2>Tip 1 | Gebruik de juiste kam</h2>
<p>Een alinea over de juiste kam</p>
<h3>Voorbeeld kam</h3>
<p>Een alinea over de voorbeeld kam</p>
<h3>Ander voorbeeld van een tweede kam</h3>
<p>Een alinea over de tweede kam</p>
<h2>Tip 2 | Gebruik de juiste borstel</h2>
<p>Een alinea over borstels</p>
<h3>Voorbeeld borstel</h3>
<p>Een alinea over de voorbeeld borstel</p>
<h4>Nadeel voorbeeld borstel</h4>
<p>Een alinea het nadeel van deze borstel</p>
<h2>Tip 3 | Onder de douche</h2>
<p>Een alinea over honden douchen</p>
Alle onderwerpen zijn dus gelinkt aan elkaar. Zo is het voor bezoeker & Google duidelijk waar je artikel overgaat.
Belangrijkste tip
Gebruik dus niet alle titels door elkaar enkel omdat de opmaak er beter uit ziet. Voor de bezoeker en ook voor Google is het veel beter om een duidelijke structuur aan te houden.
Wil je toch dat je h2 iets kleiner is? Dan kan je dat op verschillende manieren oplossen. In de style.css maar ook in de html code zelf:
<h2 style="font-size:15px;"> Kleine h2 titel</h2>
Succes met de titel structuur! Heb je toch nog vragen? Stel ze dan hieronder of neem contact op 🙂