KOMPOOS.NL

headers h1-h6

home » manuals » html5 » headers-h1-h6.html

sitemap | terug naar het html5 referentie - tags - overzicht

<h1>header H1</h1>

<p>een hele erge belangrijke paragraph</p>

<h2>header H2</h2>

<p>een belangrijke paragraph</p>

<h3>header H3</h3>

<p>een minder belangrijke paragraph</p>

headers, gebruik ze waar ze voor bedoeld zijn

Met deze pagina wil ik nog eens benadrukken dat de H1 t/m de H6 header alléén maar dienen om de mate van belangrijkheid van paragraphs weer te geven. Niet dat google-bot de tekst in een H1 (van de pagina's van jouw website) onmiddelijk op nummer één zal zetten; maar bij juist gebruik zal de bot wel degelijk jouw headers "bestuderen"... Als je zo onhandig bent om de "H's" te gaan gebruiken om de tekst-grootte van het één en ander aan te passen, streef je jouw doel ruimschoots voorbij. Als google-bot dát detecteert, wordt geen enkele header meer "serieus genomen" (met alle gevolgen van dien). Wat misschien niet wijd bekend is, is het feit dat de headers "op volgorde" moeten staan. Hoe je het doet, doe je het: maar je moet altijd een on-onderbroken rij van headers hebben (voor wat betreft de "nummering"). De volgorde:

<h1>h1 tekst</h1>
        <h2>h2 tekst</h2>
                <h3>h3 tekst</h3>
                        <p>paragraph</p>
                        <p>paragraph</p>
                <h3>h3 tekst</h3>
                        <p>paragraph</p>
                        <p>paragraph</p>
                        <h4>extra kopje</h4>
                                <p>paragraph</p>
                <h3>h3 tekst</h3>
                        <p>paragraph</p>

is volkomen correct. De volgorde klopt en er wordt geen H "overgeslagen" (bijvoorbeeld van h3 naar h5).
Ik denk dat de boodschap op deze pagina wel duidelijk is. Hieronder nog even een voorbeeld van hoe het niet moet.

<h2>h2 tekst</h2>
<h4>h4 tekst</h4>
<h1>h1 tekst</h1>
        <p>paragraph</p>
        <p>paragraph</p>
<h3>h3 tekst</h3>
        <p>paragraph</p>
        <p>paragraph</p>
<h4>extra kopje</h4>
        <p>paragraph</p>
<h2>h2 tekst</h2>
        <p>paragraph</p>