Sivun otsikko
Jokaisella sivulla on oltava `<title>`, joka kuvaa sen aiheen tai tarkoituksen. Otsikko on se, minkä ruudunlukuohjelmat ilmoittavat sivulatauksen yhteydessä ja minkä käyttäjät näkevät välilehdissä, kirjanmerkeissä, historiassa ja hakutuloksissa.
Mitä vaaditaan
Dokumentin <head>-osiossa olevan <title>-elementin on kuvattava sivun sisältöä. Ruudunlukijakäyttäjät kuulevat sen heti sivun latautuessa — se on ensimmäinen orientoiva vihje. Näkevät käyttäjät näkevät sen selaimen välilehdessä, historiassaan, kirjanmerkeissä ja hakukoneen tuloksissa. Otsikko, joka epäonnistuu tässä onnistumiskriteerissä, jättää kaikki nämä käyttäjät arvailemaan, minne he juuri päätyivät.
Otsikon ei tarvitse olla runollinen. Sen on oltava tarkka. „Etusivu“ epäonnistuu. „Hinnoittelu — Acme CRM“ läpäisee.
Kuinka vaatimus täytetään
- Kirjoita otsikko, jossa sivu on ensin ja sivusto toisena:
"Pyörätuolilla saavutettavat hotellit Berliinissä — Disability World". - Päivitä otsikko asiakaspuolella SPA-reittien muuttuessa. Next.js, React Router ja Vue Router tarvitsevat kaikki eksplisiittiset
document.title-päivitykset tai kehyskohtaisia apuohjelmia. - Heijasta lomakevirheet ja hakutulokset otsikossa:
"3 virhettä — Tilin asetukset"tai"Haku: krooninen väsymys — 47 tulosta". - Pidä erottuvin tieto alussa. 30 merkin välilehtipalkkissa „Disability World — Kuinka hakea SSDI:tä“ piilottaa aiheen.
- Monivaiheisissa lomakkeissa, sisällytä vaihe:
"Vaihe 2/4: Osoite — Hae etuuksia".
Yleisiä virheitä
- Yleiset sivustokohtaiset otsikot: jokainen sivu lukee
"Acme Inc.", koska malli ei koskaan korvaa oletusarvo. - Tyhjä
<title></title>— yllättävän yleistä, kun julkaisujärjestelmän mallit olettavat, että toimittaja täyttää sen aina. - Nimeämättömät SPA-reitit: alkuperäisessä HTML:ssä on yleinen otsikko, eikä reititin päivitä sitä navigoinnin yhteydessä.
- Otsikko on pelkästään brändinimi ilman sivunaihetta (
"Acme"yhteystiedot-, hinnoittelu- ja tuotesivuilla). - „Untitled Document“ puoliulkoisesta WYSIWYG-viennistä jäänyt jäljelle.
Miksi tämä on tärkeää
Ruudunlukijakäyttäjälle sivun otsikko on se, mitä selaimen yläpalkista katsominen vastaa — se kertoo, ovatko he siellä, mihin halusivat. Ilman sitä jokainen sivu kuulostaa samalta latautuessaan. Se on myös SEO:n ja linkkien esikatselujen kannalta keskeinen, joten tämän onnistumiskriteerinn korjaaminen on helppo myydä tuote-, markkinointi- ja sisältötiimeille.