Side med titel
Enhver side skal have en `<title>`, der beskriver dens emne eller formål. Titlen er det, skærmlæsere annoncerer ved sideindlæsning, og det brugere ser i faner, bogmærker, historik og søgeresultater.
Hvad kriteriet kræver
<title>-elementet i dokumentets head skal beskrive, hvad siden handler om. Skærmlæserbrugere hører den i det øjeblik, en side indlæses — det er det første orienteringssignal, de modtager. Seende brugere ser den i browserfanen, i historikken, når de bogmærker, og i søgeresultater. En titel, der ikke opfylder dette kriterium, efterlader alle disse brugere i tvivl om, hvad de er landet på.
Titlen behøver ikke være poetisk. Den skal være specifik. „Hjem“ fejler. „Priser — Acme CRM“ består.
Sådan opfylder du det
- Skriv en titel, der nævner siden først og webstedet sidst:
"Kørestolstilgængelige hoteller i Berlin — Disability World". - Opdater titlen klient-sidehenvisning ved SPA-ruteændringer. Next.js, React Router og Vue Router kræver alle eksplicitte
document.title-opdateringer eller framework-specifikke hjælpere. - Afspejl formularfejl og søgeresultater i titlen:
"3 fejl — Kontoindstillinger"eller"Søgning: kronisk træthed — 47 resultater". - Placer den mest karakteristiske information først. I en 30-tegns fanestrimmel skjuler „Disability World — Sådan ansøger du om førtidspension“ emnet.
- Til flertrinsskemaer: inkluder trinnet:
"Trin 2 af 4: Adresse — Ansøg om ydelser".
Typiske fejl
- Generiske webstedsdækkende titler: alle sider viser
"Acme Inc.", fordi skabelonen aldrig tilsidesætter standardværdien. - Tom
<title></title>— overraskende hyppigt, når CMS-skabeloner antager, at redaktøren altid udfylder den. - Unavngivne SPA-ruter: den indledende HTML har en generisk titel, og routeren opdaterer den aldrig ved navigation.
- Titlen er udelukkende brandnavnet uden sideemne (
"Acme"på kontakt-, pris- og produktsiderne). - „Untitled Document“ lækket fra en WYSIWYG-eksport.
Hvorfor det er vigtigt
For en skærmlæserbruger svarer sidetitlen til at kigge øverst i browservinduet — den fortæller dem, om de er der, de ønskede at være. Uden den lyder hver side ens ved indlæsning. Den er også afgørende for SEO og linkforhåndsvisninger, så det at rette dette kriterium typisk er et let salg på tværs af produkt-, marketing- og indholdsteams.