Titels en tussenkoppen maken op je website

Paginatitels en tussenkoppen op je site hebben een speciale rol. Het is belangrijk om ze op de juiste manier te maken.

Teunis van Wijngaarden
Titels en tussenkoppen maken op je website

In een Content Management Systeem zoals WordPress kun je zelf webteksten plaatsen en aanpassen. De WordPress editor werkt eenvoudig. Net als een tekstverwerker, met de bekende opmaakknoppen. Toch loont het de moeite om je verder te verdiepen in de werking.

Koppen maken voor print

Als je even snel een tekst typt en opmaakt in een tekstverwerker zoals Microsoft Word, dan zal je dit misschien herkennen:

“Dit kopje maak ik vet en lettergrootte 14. En laat ik het ook blauw maken.” Verderop in het document wil je weer zo’n kop maken. Je kijkt naar de vorige kop, onthoudt “vet, 14, blauw” en past dit toe op de nieuwe kop.

Prima, ziet er goed uit! Hoewel… dit is niet bruikbaar als je 30 koppen moet maken. Dan wordt het vermoeiend.

Ervaren Word-gebruikers weten dat daarvoor vooraf gedefinieerde opmaak bestaat. Je gebruikt opmaakprofiel “Kop 1”. Je plaatst de cursor in de alinea en klikt “Kop 1”, in plaats van alle instellingen opnieuw te doen.

Maar toch, de “vet, 14, blauw”-methode werkt soms sneller als je vlug een documentje maakt.

Koppen maken in een online pagina

De gedachte “het ziet er toch goed uit” gaat online niet op! Voor een website is het altijd beter om de vaste stijlen te gebruiken. Naast dat het prettig werkt, dienen ze namelijk nog een doel: informatie structureren voor Google.

Google geeft aan een “Kop 1” meer waarde dan aan een normale alinea. Als je geen gebruik maakt van opmaakprofielen, maar kiest voor de methode “vet, 14, blauw” dan wéét Google niet dat het om een (belangrijke) kop gaat. De zoekmachine ziet die tekst dan als een gewone alinea en kan moeilijker het onderwerp van de pagina bepalen.

Online gebruik je dus altijd de voorgedefinieerde koppen.

Gebruik maar één h1

De “Kop 1”, in code <h1>, heeft een speciale status. Zie het als de document-titel. Deze mag maar één keer voorkomen per pagina. Uitzondering is een onepage-website, waar  hij meerdere keren gebruikt kan worden (al zijn de meningen daarover verdeeld).

Sla geen stappen over

Je begint een pagina met de Kop 1, daarna maak je een logische indeling zonder stappen over te slaan.

  • Kop 1
    • Kop 2
    • Kop 2
      • Kop 3
      • Kop 3
    • Kop 2

Probeer om geen stappen over te slaan, dus niet:

  • Kop 1
      • Kop 3
    • Kop 2

Meer opmaak: lijsten maken

Hetzelfde geld voor opsommingen: gebruik daarvoor altijd de lijst-knop en niet een liggend streepje (-) of zelf getypt nummer (“1., 2., 3.”). Door dit goed te doen, klopt het ‘onder water’ ook en is de tekst goed gestructureerd voor de zoekmachine.

Voor je webbouwer (en jezelf) is het trouwens ook fijn als je de juiste koppen gebruikt. Als je van stijl wil veranderen, dan kun je namelijk met 1 regel code alle blauwe koppen in groene koppen veranderen.

PS. Ook in MS Word zijn er meer voordelen wanneer je opmaakprofielen gebruikt. Je kunt bijvoorbeeld gemakkelijk een inhoudsopgave genereren, omdat het programma de structuur van het document beter “begrijpt”.

PS2. Naar aanleiding van reacties op social media: dit blog vertelt hoe je technisch goede tussenkoppen maakt, maar niet waarom je tussenkoppen gebruikt. Dat doe je met name voor de bezoeker: om de tekst leesbaar en scanbaar te maken. In de tweede plaats draagt het bij aan vindbaarheid en daarvoor is het verstandig om voorgedefinieerde stijlen te gebruiken.

Gebruik jij de juiste koppen?

november 2019

Wij zijn Webdesign aan Zee

Coen Hamelink en Teunis van Wijngaarden werken vanuit een ondernemerscentrum op 10 minuten fietsafstand van zee. Coen ontwerpt, Teunis bouwt. Waar nodig schakelen ze andere professionals in. Wij denken graag met u mee

Geef een antwoord

Het e-mailadres wordt niet gepubliceerd. Vereiste velden zijn gemarkeerd met *