Mer enn én nivå 1-overskrift
Overskriften på øverste nivå på en side beskriver hva hele siden handler om, så hver side bør vanligvis bare ha én. Silktide rapporterer sider som gjentar overskriften på øverste nivå.
I er overskriften på øverste nivå <h1>-elementet. Den bør fungere som sidens hovedoverskrift, med <h2> til <h6> som strukturerer innholdet under:
<!-- To konkurrerende overskrifter på øverste nivå -->
<h1>Tjenestene våre</h1>
<h1>Kontakt oss</h1>
<!-- Én h1, med h2 for neste emne -->
<h1>Tjenestene våre</h1>
<h2>Kontakt oss</h2>
Hvorfor dette er viktig
<h1> har særlig betydning for søkemotorer når de avgjør hva en side handler om, og hvilken hovedoverskrift de skal vise for den. Flere overskrifter på øverste nivå svekker dette signalet og kan føre til at feil tekst brukes som sidens tittel i søkeresultatene.
Én tydelig <h1> hjelper også personer som bruker , og som ofte navigerer etter overskrifter: Én overskrift på øverste nivå gir siden et entydig startpunkt.
Slik løser du det
- Behold én
<h1>som beskriver hele siden, og gjør de andre om til<h2>(eller et lavere nivå, slik at det samsvarer med plasseringen deres i innholdet). - Hvis et element er utformet som en stor overskrift, men ikke er sidens hovedemne – for eksempel et slagord eller et reklamebanner – bruker du et lavere overskriftsnivå eller et stilisert avsnitt i stedet.
- Kontroller malene dine: En vanlig årsak er at en nettstedslogo eller en seksjonstopptekst er pakket inn i
<h1>på hver side.
Slik tester Silktide dette
- Gå gjennom sidens innhold i rekkefølge og se etter
<h1>-elementer. - Behandle HTML5-seksjonselementer (
<section>,<article>,<aside>,<details>,<header>,<footer>,<nav>) som separate områder: Én<h1>er tillatt i hvert av dem, uavhengig av resten av siden. - Marker alle ekstra
<h1>-elementer som finnes etter det første innenfor samme område.
Feilsøking
Siden min bruker én h1 per seksjon – er det feil?
HTML5 tillater en <h1> i hvert seksjonselement, og Silktide godtar dette mønsteret. Vær oppmerksom på at søkemotorer og ikke pålitelig behandler <h1>-elementer i seksjoner som nestede nivåer. Derfor er én <h1> på sidenivå med eksplisitte <h2>–<h6>-nivåer fortsatt det mest robuste valget.