Useampi kuin yksi tason 1 otsikko

Sivun ylimmän tason otsikko kuvaa, mistä koko sivussa on kyse, joten kullakin sivulla pitäisi yleensä olla vain yksi tällainen otsikko. Silktide ilmoittaa sivuista, joilla ylimmän tason otsikko toistuu.

ylimmän tason otsikko on <h1>-elementti. Sen pitäisi toimia sivun pääotsikkona, ja <h2>–<h6>-otsikot jäsentävät sen alla olevaa sisältöä:

<!-- Kaksi kilpailevaa ylimmän tason otsikkoa -->
<h1>Palvelumme</h1>
<h1>Ota yhteyttä</h1>

<!-- Yksi h1 ja h2 seuraavaa aihetta varten -->
<h1>Palvelumme</h1>
<h2>Ota yhteyttä</h2>

Miksi tämä on tärkeää

Hakukoneet antavat <h1>-otsikolle erityisen painoarvon päättäessään, mistä sivussa on kyse ja mikä otsikko sille näytetään. Useat ylimmän tason otsikot heikentävät tätä signaalia ja voivat johtaa siihen, että hakutuloksissa sivun otsikkona käytetään väärää tekstiä.

Yksi selkeä <h1> auttaa myös käyttäviä ihmisiä, jotka usein liikkuvat otsikoiden avulla: yksi ylimmän tason otsikko antaa sivulle yksiselitteisen aloituspisteen.

Korjaaminen

Säilytä yksi koko sivua kuvaava <h1> ja alenna muut otsikot <h2>-tasolle (tai alemmas niiden sisällöllisen hierarkian mukaisesti).
Jos elementti on tyylitelty suureksi otsikoksi, mutta se ei kuvaa sivun pääaihetta – esimerkiksi iskulause tai mainosbanneri – käytä alemman tason otsikkoa tai tyyliteltyä kappaletta.
Tarkista sivupohjasi: <h1>-elementtiin jokaisella sivulla kääritty sivuston logo tai osion otsake on yleinen syy tähän.

Näin Silktide testaa tämän

Käy sivun sisältö järjestyksessä läpi ja etsi <h1>-elementtejä.
Käsittele HTML5:n lohkoelementit (<section>, <article>, <aside>, <details>, <header>, <footer>, <nav>) erillisinä alueina: kussakin niistä sallitaan yksi <h1> muusta sivusta riippumatta.
Merkitse jokainen ensimmäisen jälkeen samalta alueelta löytyvä <h1>.

Vianmääritys

Sivullani on yksi h1 jokaista osiota kohden – onko se väärin?

HTML5 sallii <h1>-otsikon jokaisen lohkoelementin sisällä, ja Silktide hyväksyy tämän mallin. Huomaa kuitenkin, että hakukoneet ja eivät luotettavasti käsittele osioituja <h1>-otsikoita sisäkkäisinä tasoina. Siksi yksi sivutason <h1> ja selkeästi määritetyt <h2>–<h6>-tasot ovat edelleen luotettavampi vaihtoehto.