Etusivu: Sisällöntuottajanopas
Etusivu: Sisällöntuottajanopas
Valikko

Tietosivu-sisältömallia käytetään, kun kerrotaan tietoa yhdestä asiasta tai aiheesta.

Tietosivu on perusmuotoinen sisältösivu, jossa esitellään yksi aihe tai asia. Tietosivu luodaan Drupalissa sivupohjalla Perussivu.

Tietosivut voivat olla eri näköisiä ja pituisia sisällön määrästä riippuen. Tietosivu voi olla pitkäkin, jos asiaa on paljon. Mikäli tietosivusta tulee pitkä, on erityisen tärkeää käyttää hyviä väliotsikoita ja sivun sisäistä sisällysluetteloa.

Hakukoneet löytävät tiedot paremmin, kun yhteen asiaan liittyvä tieto on yhdellä sivulla.

Suositellut sisällöt ja käytettävät elementit

Käytä tietosivulla seuraavia elementtejä ohjeistetussa järjestyksessä.

1. Otsikko ja ingressi

Valitse sisällön tyypiksi Perussivu.

Kirjoita otsikko otsikkokenttään ja ingressi ingressikenttään.

Esimerkkikuva otsikosta ja ingressistä perussivulla. Otsikko Henklöauton ajokortin hankkiminen, ingressi Henkilöauton ajokortin voit saada 18-vuotiaana. Henkilöauton eli B-luokan ajokortilla voit ajaa myös pakettiautoa.

2. Sisällysluettelo

Jos sivulla on 3–8 väliotsikkoa, käytä sivun sisäistä sisällysluetteloa.

Otsikko 2 -tyylillä tehdyt otsikot nousevat sivun sisäiseen sisällysluetteloon. Kirjoita väliotsikot niin, että tärkeimmät aihekokonaisuudet ovat silmäiltävissä sisällysluettelosta.

Sisällysluettelon otat käyttöön Drupalissa ingressin alapuolelta valitsemalla Näytä sisällysluettelo sivun alussa.

Sisällysluettelon otsikon oletusteksti on Tällä sivulla. Käytämme aina oletusotsikkoa. Älä siis kirjoita mitään kohtaan Sisällysluettelon otsikko.

Esimerkkkuva sisällysluettelosta, jossa on otsikko ja viisi sisältökohtaa.

3. Sisältö

Kirjoita sivun sisältö ensisijaisesti käyttämällä tekstielementtiä. Muista selkeät väliotsikot, Otsikko 2 -tyylillä tehdyt otsikot nousevat sivun sisäiseen sisällysluetteloon.

Jos aiheeseen liittyy poikkeuksia, lisätietoja tai usein kysyttyjä kysymyksiä, lisää ne tekstielementin jälkeen käyttäen haitarielementtiä.

4. Kuvalliset nostot (vain tarvittaessa)

Käytä kuvallisia nostoja vinkkaamaan käyttäjälle relevanteista muista sisällöistä. Kun valitset linkitettäviä aiheita, käytä omaa harkintaasi. Mikä muu sivu tai aihe käyttäjää voisi kiinnostaa tässä kohtaa käyttäjäpolkua? Mikä lisätieto voisi olla hänelle tarpeellinen? 

Kuvallinen nosto herättää käyttäjän huomion, joten harkitse nostettavat linkit tarkkaan.

Esimerkkikikuva kuvallisesta nostosta perussivun sivupohjalla. Nostoja on kolme ja ne ovat allekkain.

5. Lisätietolinkit kuten lomakkeet (vain tarvittaessa)

Lisää tarvittaessa lisätietolinkit, kuten linkit lomakkeisiin, liitteisiin, ohjeisiin tai EU-lainsäädäntöön käyttäen linkkilistaelementtiä ilman taustaväriä.

Esimerkit linkkilistasta ilman taustaväriä tietokoneella ja mobiilissa. Linkkilistassa on otsikko ja kolme linkkiä.

6. Linkitys lakiin tai säädökseen (vain tarvittaessa)

Lisää tarvittaessa sivun loppuun linkki palvelua koskevaan lainsäädäntöön käyttämällä säädösnostoelementtiä.

Säädösnosto tietokoneella. Kuvassa määräys 15 luvasta vapaiden radiolähettimien yhteistaajuuksista ja käytöstä.
Päivitetty