Sidrubrik
Varje sida måste ha ett `<title>` som beskriver dess ämne eller syfte. Titeln är vad skärmläsare meddelar vid sidinläsning och vad användare ser i flikar, bokmärken, historik och sökresultat.
Vad kriteriet kräver
Elementet <title> i dokumenthuvudet måste beskriva vad sidan handlar om. Skärmläsaranvändare hör det i det ögonblick en sida läses in — det är det första orienteringssignalen de får. Seende användare ser det i webbläsarfliken, i historiken, när de bokmärker och i sökresultaten. En titel som misslyckas med detta kriterium lämnar alla dessa användare gissandes om vad de just landade på.
Titeln behöver inte vara poetisk. Den måste vara specifik. “Hem” underkänns. “Prissättning — Acme CRM” godkänns.
Hur du uppfyller det
- Skriv en titel som namnger sidan först och sajten sedan:
"Rullstolstillgängliga hotell i Berlin — Disability World". - Uppdatera titeln på klientsidan vid SPA-ruttbyten. Next.js, React Router och Vue Router behöver alla uttryckliga
document.title-uppdateringar eller ramverksspecifika hjälpare. - Spegla formulärfel och sökresultat i titeln:
"3 fel — Kontoinställningar"eller"Sökning: kronisk utmattning — 47 resultat". - Placera den mest distinkta informationen i början. I ett 30-teckens flikfält döljer “Disability World — Hur man ansöker om SSDI” ämnet.
- För flerstegsformulär inkluderar du steget:
"Steg 2 av 4: Adress — Ansök om förmåner".
Vanliga fel
- Generiska sajttitlar: varje sida lyder
"Acme Inc."eftersom mallen aldrig åsidosätter standardvärdet. - Tom
<title></title>— förvånansvärt vanligt när CMS-mallar förutsätter att redaktören alltid fyller i den. - Otitlade SPA-rutter: den initiala HTML:en har en generisk titel och routern uppdaterar den aldrig vid navigering.
- Titeln är enbart varumärkesnamnet utan sidämne (
"Acme"på kontakt-, pris- och produktsidorna). - “Untitled Document” som läckt från en WYSIWYG-export.
Varför det spelar roll
För en skärmläsaranvändare är sidtiteln motsvarigheten till att titta längst upp i webbläsarfönstret — den berättar om de är där de ville vara. Utan den låter varje sida likadant vid inläsning. Det är också bärande för SEO och länkförhandsvisningar, vilket gör att åtgärden av detta kriterium tenderar att vara en lätt försäljning till produkt-, marknadsförings- och innehållsteam.