Sivun pääotsikoiden ja väliotsikoiden pitäisi kertoa käyttäjälle, onko hän oikealla sivulla. Otsikoista pitää siis käydä ilmi, mitä kaikkia asioita sivulla käsitellään.
Erilaisia otsikkotyylejä
Jos käyttäjä lukee sivulta vain pääotsikon ja väliotsikot, niiden olisi hyvä toimia jommallakummalla tavalla:
- Otsikot lukemalla saa jo perustiedot asiasta, esimerkiksi yleiskuvan aiheesta tai vastaukset keskeisimpiin kysymyksiin.
- Otsikot toimivat sisällysluettelon tapaan: ne kertovat, mitä aiheita sivulla käsitellään tai mihin kysymyksiin sivulta saa vastauksen.
Nimilappu, kysymys tai vastaus
Otsikot on hyvä pitää melko lyhyinä, mutta ei kuitenkaan ymmärrettävyyden kustannuksella.
Hyvä otsikko voi olla esimerkiksi
- "Nimilappu”: Hyvän verkkotunnuksen valinta
- Kysymys: Millainen on hyvä verkkotunnus?
- Vastaus: Hyvä verkkotunnus on selkeä ja erottuva.
Otsikoiden yhtenäisyys on hyvä tavoite, mutta ei itsetarkoitus. Pääotsikoksi sopii usein nimilapputyylinen otsikko, mutta väliotsikoissa kysymys tai vastaus voi toimia paremmin.
Sivun pääotsikko
Sivun pääotsikko voi olla nimilappumainen otsikko, joka nimeää lyhyesti sivun aiheen. Varsinkin laskeutumissivuilla otsikot kannattaa pitää lyhyinä, esimerkiksi Ilmailu, Ajoneuvon verotus, FI-verkkotunnukset, Satelliittipaikannus.
Otsikon pitää kuitenkin antaa tarpeeksi selkeä kuva sivun sisällöstä. Mieti, toimiiko otsikko myös silloin, kun se näkyy hakutuloksissa, valikoissa tai sivulistauksissa niin, ettei sivun sisältö ja hierarkia ole näkyvissä. Varsinkin alasivujen otsikkoon tarvitaan usein tietoa siitä, mihin laajempaan aihepiiriin sivu liittyy. Kerro otsikossa esimerkiksi liikennemuoto, laajempi aihekokonaisuus tai asiakasryhmä. Esimerkiksi jos samasta aiheesta on eri sivu alan yrityksille ja tavallisille yksityishenkilöille, lisää pääotsikkoon tieto siitä, mille ryhmälle sivu on tarkoitettu.
Tarkista muutenkin, etteivät samantapaiset tai samalta kuulostavat aiheet ja sivut mene sekaisin sen takia, että otsikko on liian lyhyt ja niukka.
Esimerkkejä pääotsikoista: lyhyt, muttei liian niukka
Liian niukat otsikot: laajempi aihepiiri jää epäselväksi
Säilytyspalvelut
Yksittäishyväksyntä
Verkon häiriöt
Tarkenna otsikkoa: kerro, mihin kokonaisuuteen sivu liittyy
Tietojen säilytyspalvelut verkossa / Säilytyspalvelut tietojen tallentamiseen verkossa
Ajoneuvojen yksittäishyväksyntä
Matkapuhelinverkon ja tietoliikenneyhteyksien häiriöt / Matkapuhelinverkon tai tietoliikenneverkon häiriöt
Tasapainoilu lyhyen ja kattavan välillä ei aina ole helppoa. Harkitse, mikä on kokonaisuuden ja eri käyttöyhteyksien kannalta paras vaihtoehto.
Huom.! Palvelukuvaussivuille on sovittu oma otsikointityyli. Niissä otsikko on lyhyt kehotus, esimerkiksi Hae radiolupaa alukselle, Poista ajoneuvo liikenteestä tai Ilmoita vetolaitteen käytöstä.
Lisää esimerkkejä sivun pääotsikoista
Sivun pääotsikko: Tyyppihyväksyntä
Ongelma: Ajoneuvon, rautatiekaluston, ilma-aluksen vai jonkun muun tyyppihyväksyntä?
Parempi otsikko: Ajoneuvon tai ajoneuvokomponentin tyyppihyväksyntä
Sivun pääotsikko: Pätevyyden uusiminen
Ongelma: Mitä tai minkä alan pätevyyttä tarkoitetaan?
Parempi otsikko: Merenkulun pätevyyksien uusiminen
Sivun pääotsikko: Varoitukset
Ongelma: Mistä asiasta varoitetaan?
Parempi otsikko: Varoitukset tietoturvauhkista
Sivun pääotsikko: Etätyön tietoturva
Ongelma: Aiheesta on tehty kaksi sivua, joista toisella käsitellään asiaa työnantajan (esimerkiksi yrityksen) näkökulmasta ja toisella taas työntekijän kannalta. Tämä ei käy ilmi otsikosta.
Paremmat otsikot:
Etätyön tietoturva – ohjeita yrityksille ja organisaatioille ja
Etätyön tietoturva – ohjeita työntekijöille
Väliotsikot
Väliotsikoissa lause voi toimia paremmin kuin nimilapputyyli. Väliotsikko voi olla myös kysymys, johon otsikon alla olevassa tekstissä vastataan.
Tarkista, että väliotsikoita on riittävästi. Otsikoita saa mieluummin olla paljon kuin vähän. Toimiva perussääntö on, että väliotsikoita on hyvä olla vähintään kolmen kappaleen välein.
Esimerkkejä väliotsikoista
Sivun pääotsikko: Matkapuhelimen tietoturva
Väliotsikoita voisivat olla esimerkiksi:
Millaisia tietoturvariskejä puhelimiin liittyy?
Pidä käyttöjärjestelmä ja sovellukset ajan tasalla
Tärkeistä tiedoista kannattaa ottaa varmuuskopiot
Sivun pääotsikko: Venerekisteri
Väliotsikoita voisivat olla esimerkiksi:
Rekisterissä on perustiedot vesikulkuneuvoista
Millaiset veneet pitää rekisteröidä?
Veneiden rekisteröintineuvonta auttaa tarvittaessa
Usein kysyttyä veneiden rekisteröinnistä
Tee otsikkotesti
Voit testata otsikoiden toimivuutta näin:
1. Poimi sivun pääotsikko ja kaikki väliotsikot ja tee niistä sisällysluettelon tapainen lista. Tarkista nämä asiat:
- Antavatko otsikot sopivasti tietoa sivun sisällöstä?
- Ymmärtääkö otsikoiden perusteella, mitä asioita sivulla käsitellään (ja mitä ei)? Tai saako otsikoiden perusteella jo yleiskuvan aiheesta?
- Sopivatko otsikot yhteen? Osa otsikoista voi olla esimerkiksi "nimilappuja" ja osa kysymyksiä tai lyhyitä lauseita. Kirjoitustyyli ja äänensävy ei kuitenkaan saisi olla eri aivan erilainen. Otsikoista pitää tulla sellainen olo, että kyse on koko ajan samasta, yhtenäisestä kokonaisuudesta.
2. Testaa sivua mobiilinäkymässä vierittämällä (esimerkiksi siihen tarkoitetulla selaimen työkalulla tai vain pienentämällä selainikkunaa):
- Näkyykö ruudulla yleensä myös väliotsikko eikä pelkkää tasaista tekstimassaa?
- Onko otsikon perusteella helppo päätellä, mitä asioita tekstissä tai kappaleessa kerrotaan?