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

Linkkilista-elementillä voit tehdä linkityksiä eri sivuille tai tiedostoihin. Linkkilistasta on kolme eri versiota, eri käyttötarkoituksiin: linkkilista ikoneilla, linkkilista taustavärillä sekä linkkilista ilman taustaväriä. Linkkilistalla on myös aina otsikko.

Linkkilistan käyttö perussivuilla

Linkkilista-elementti on käytössä vain laskeutumissivuilla, säädöksissä ja julkaisuissa. Perussivuilla, tee linkkilista hyödyntäen teksti-elementtiä ja sen yhteydessä olevaa "lisää linkki" -elementtiä. Linkkilistasta tulee tällöin samanlainen, kuin linkkilista-elementti ilman taustaväriä. Älä tee linkkilistoja laatikoihin. 

Linkkilistan tyylit

Esimerkkikuva linkkilistasta ikonilla. Esimerkissä on kuusi linkkilistaa, joissa on otsikot ja viisi linkkiä.
Linkkilista ikonilla
Esimerkkikuva linkkilistasta taustavärillä. Kuvassa esimerkit linkkilistasta tietokoneella ja mobiilissa. Linkkilistassa on otsikko ja neljä linkkiä.
Linkkilista taustavärillä
Esimerkit linkkilistasta ilman taustaväriä tietokoneella ja mobiilissa. Linkkilistassa on otsikko ja kolme linkkiä.
Linkkilista ilman taustaväriä

Mihin linkkilista sopii?

  • Luo helposti silmäiltäviä ja kohdesivun otsikointia mukailevia linkkejä. 
  • Pidä yhden linkkiryhmän linkkien määrä kohtuullisena, jotta käyttäjän on helppo löytää oikea polku. Suositeltu määrä on 5-7 linkkiä.
  • Sijoita käyttäjälle tärkeimmät linkit listan ensimmäiseksi.

Mihin linkkilista ei sovi? 

  • Vältä liian monen linkin lisäämistä samaan linkkiryhmään, jotta linkkejä on helppo silmäillä. 
  • Vältä toisiinsa kuulumattomien linkkien listaamista samaan ryhmään, jotta kokonaisuus pysyy ymmärrettävänä.
  • Vältä turhan korostuksen käyttöä. Usein taustaväritön linkkiryhmä on paras vaihtoehto. 
  • Linkkilistalla on oltava aina otsikko

Tarkemmat ohjeet linkkilistan käyttöön

Eri variaatioiden käyttö

Linkkilistasta on käytössä kolme eri versiota: linkkilista ikoneilla, linkkilista taustavärillä sekä linkkilista ilman taustaväriä. Näille eri versioille on omat käyttötarkoituksensa, kuvattuna alla.  

  • Linkkilista ikoneilla: Käytä tätä pääteeman laskeutumissivulla, kun haluat esitellä teeman alasivut selkeästi ja ryhmitettynä. Ikonit auttavat visuaalisesti erottamaan eri ryhmät ja tekemään navigoinnista intuitiivisempaa. Sopii myös muille tietyn aiheen, kohderyhmän tai kampanjan sivuille.
  • Linkkilista taustavärillä: Käytä linkkilistaa taustavärillä alateeman laskeutumissivulla esitellessäsi alateeman suosituimpia sivuja. Valitse tämä vaihtoehto, jos haluat korostaa tiettyä linkkiryhmää tai -ryhmiä muun sisällön joukossa. Muista käyttää taustaväriä harkiten, jotta korostus toimii tehokkaasti.
  • Linkkilista ilman taustaväriä: Tämä tyyli sopii tilanteisiin, joissa linkkejä ei tarvitse erityisesti korostaa. Esimerkiksi lisätietolinkit, lomakkeet, linkitykset lainsäädäntöön.

Linkkilistalle annetaan oma, sisältöä kuvaava otsikko, mutta voit antaa myös useamman linkkilistan ryhmälle kokoavan otsikon. Linkkilistaryhmän kokoava otsikko on tasoa 2 ja nousee sisällysluetteloon. 

Linkkilistan otsikointi

Otsikko on pakollinen tieto. Linkkilistojen otsikointi verkkosivuilla vaikuttaa olennaisesti sekä käytettävyyteen että saavutettavuuteen. Hyvin otsikoitu linkkilista auttaa käyttäjiä hahmottamaan nopeasti, mitä linkit koskevat, ja ohjaa tehokkaasti sivustolla eteenpäin. 

Tee otsikosta kuvaava ja ytimekäs

Otsikon tulee kertoa selkeästi, mitä linkit käsittelevät. Vältä liian yleisiä otsikoita kuten "Linkit" tai "Lisätietoa", ellei niiden yhteydessä ole muuta kontekstia.

Kun käytät linkkilistaa ikoneilla pääteeman laskeutumissivulla, linkkilistan otsikko on aina kyseisen alateeman otsikko.

Hyviä otsikoita linkkilistoille ovat esimerkiksi:

  • Lisätietoa liikenneturvallisuudesta
  • Ohjeita ja lomakkeita veneilijöille
  • Tutustu palveluihin

Vältä näitä:

  • Linkit
  • Katso myös

Muotoile otsikko käyttäjän näkökulmasta

Ajattele, mitä käyttäjä etsii ja miten hän hahmottaa aiheen. Käytä kieltä ja termejä, jotka ovat käyttäjälle tuttuja.

Esimerkki: Sen sijaan, että kirjoitat "Sidosryhmäyhteistyö", otsikoi lista esimerkiksi "Yhteistyö kanssamme" tai "Tietoa sidosryhmille" – riippuen sisällöstä.

Vältä turhia toistoja

Jos sivulla on useita linkkilistoja, otsikoiden tulee erotella ne toisistaan. Toistuvat otsikot kuten "Katso myös" eivät auta käyttäjää hahmottamaan eroja listojen välillä.

Linkkien nimeäminen

Kiinnitäthän erityistä huomiota linkkien nimeämiseen. Linkkiteksteihin vaikuttavat se, mihin sivulle linkin osoite johtaa, sekä se, onko kohdemateriaali erikielistä. Tarkemmat ohjeet voit lukea verkkokirjoittamisen osiosta.

Päivitetty