Siden mangler tittel

Hva betyr dette?

WCAG 2.4.2 Sidetitler krever at alle nettsider har en tittel som beskriver sidens emne eller formål. Tittelen settes i <title>-elementet inne i <head>, og det er denne teksten du ser i nettleserfanen og i søkeresultater på Google.

Mange nettsider har enten ingen tittel i det hele tatt, en generisk tittel som «Hjem» eller «Untitled», eller den samme tittelen på alle undersider. Alle disse tilfellene er brudd på WCAG 2.4.2, som er et nivå A-krav - det mest grunnleggende.

En god sidetittel er unik for hver side, kort og beskrivende, og gir brukeren umiddelbar forståelse av hvor de befinner seg på nettstedet.

Hvorfor er det viktig?

Sidetittelen fyller mange viktige funksjoner som du kanskje tar for gitt:

For skjermleserbrukere

Tittelen er det aller første en skjermleser leser opp når siden lastes. Før brukeren får høre noe av innholdet, hører de sidetittelen. Det bekrefter at de har kommet til rett sted, eller gir dem beskjed om at noe gikk galt (for eksempel en 404-side). Uten en meningsfull tittel starter opplevelsen med forvirring.

For brukere med mange åpne faner

De fleste av oss har mange faner åpne samtidig. Tittelen er det eneste som vises i fanen, og er dermed den viktigste veiviseren for å finne tilbake til riktig side. Hvis alle sidene på nettstedet ditt heter «Min Bedrift», må brukeren klikke seg gjennom alle fanene for å finne den de leter etter.

For søkemotoroptimalisering (SEO)

Google bruker sidetittelen som hovedoverskrift i søkeresultatene. En god, beskrivende tittel med relevante nøkkelord gir høyere klikkrate og bedre rangering. Det er rett og slett en av de viktigste faktorene for SEO.

For bokmerker og historikk

Når noen bokmerker siden din, er det tittelen som lagres som standard. En tittel som «Priser for rådgivning - Eksempel AS» er langt mer nyttig i en bokmerkeliste enn bare «Priser».

Hvordan fikser jeg det?

Grunnleggende oppsett

Legg til et <title>-element i <head> på hver eneste side. Tittelen bør følge et konsekvent mønster som gjør det lett å forstå både sidens innhold og hvilket nettsted den tilhører.

<head>
  <meta charset="UTF-8">
  <title>Kontakt oss - Min Bedrift</title>
</head>

Et godt mønster for titler

Den mest brukte og anbefalte strukturen er:

Spesifikk side - Nettstedsnavn

Her er noen konkrete eksempler:

<!-- Forside -->
<title>Min Bedrift - Rådgivning innen universell utforming</title>

<!-- Underside -->
<title>Våre tjenester - Min Bedrift</title>

<!-- Blogginnlegg -->
<title>Slik tester du nettsiden for tilgjengelighet - Min Bedrift</title>

<!-- Kontaktside -->
<title>Kontakt oss - Min Bedrift</title>

Legg merke til at forsiden gjerne har nettstedsnavnet først, mens undersider har det spesifikke sidenavnet først. Dette er fordi nettleserfaner ofte er smale, og det viktigste bør komme først.

Dynamiske titler i rammeverk

Hvis du bruker et CMS eller et JavaScript-rammeverk, sørg for at tittelen oppdateres dynamisk for hver side. Her er et eksempel med EJS-maler:

<head>
  <title><%= pageTitle %> - Min Bedrift</title>
</head>

Og i en Express-rute:

res.render('kontakt', { 
  pageTitle: 'Kontakt oss' 
});

Vanlige feil å unngå

Samme tittel på alle sider: Hver side må ha en unik tittel som gjenspeiler innholdet.
For lange titler: Hold deg under 60 tegn for at hele tittelen vises i søkeresultater.
Bare nettstedsnavnet: «Min Bedrift» alene sier ingenting om sidens innhold.
Tom tittel: En <title></title> uten innhold er like ille som å mangle elementet helt.
Spesialtegn som koder: Unngå HTML-entiteter i tittelen - skriv normal tekst.

Sjekk tittelen din

Det enkleste du kan gjøre er å holde musepekeren over fanen i nettleseren. Ser du en tittel som beskriver siden? Perfekt. Ser du noe uforståelig, tomt eller generisk? Da har du en feil å fikse.

Du kan også høyreklikke på siden, velge «Vis kildekode», og søke etter <title> for å se nøyaktig hva som er satt.

En god sidetittel tar få sekunder å skrive, men gjør en stor forskjell for brukervennlighet, tilgjengelighet og synlighet i søkemotorer.