Esi­merk­kiar­tik­ke­li

Täs­sä artik­ke­lis­sa on ker­rot­tu, mikä on artik­ke­li sekä avat­tu otsi­koin­nin logiik­kaa.

Mikä on artik­ke­li?

Artik­ke­li on sivua dynaa­mi­sem­pi. Sivus­ta on ker­rot­tu Esi­merk­ki­si­vul­la. Artik­ke­li sovel­tuu muut­tu­van ja päi­vit­ty­vän tie­don esit­tä­mi­seen. Artik­ke­lin avul­la voi­daan nos­taa mää­rä­ajak­si (ajas­tet­tu­na) näky­viin uuti­nen tai muu ajan­koh­tai­nen asia. Esi­mer­kik­si blo­gi-sivuil­la ole­vat päi­vi­tyk­set ovat artik­ke­lei­ta. Sivus­tol­la voi olla useam­man tyyp­pi­siä art­tik­ke­lei­ta mää­rit­te­le­mäl­lä niil­le eri kate­go­rioi­ta kuten uuti­nen tai blo­gi. Tee­man tai lisä­osan mää­rit­te­lyil­lä voi­daan toteut­taa eri­koi­sar­tik­ke­li­tyyp­pe­jä, esi­mer­kik­si lomak­kei­ta.

Yllä­pi­toa aja­tel­len artik­ke­lin ja sivun luo­mi­nen ja yllä­pi­tä­mi­nen on mel­ko saman­lais­ta. Molem­mis­sa on käy­tet­tä­vis­sä samo­ja omi­nai­suuk­sia (teks­ti, lai­naus, kuva, otsik­ko, jne.)

Kuvis­ta ja aset­te­lus­ta

Täs­sä on esi­merk­ki sarak­keis­ta. Kuvan tila on 1/3 artik­ke­lin levey­des­tä ja se sijoit­tuu sivun vasem­paan lai­taan. Teks­ti-osion tila loput 2/3. Leveäm­mäl­lä näy­töl­lä kuva ja teks­ti aset­tu­vat rin­nak­kain. Puhe­li­men pys­ty­näy­töl­lä kuva sijoit­tuu teks­tin ylä­puo­lel­le.

Jos kuval­la tuo­daan artik­ke­liin tai sivul­le lisä­tie­toa, sil­le on lisät­tä­vä vaih­toeh­toi­nen eli alt-teks­ti. Vaih­toeh­toi­nen teks­ti sisäl­tää saman tie­don kuin itse kuva. Se näy­te­tään kuvan tilal­la sii­nä tapauk­ses­sa, että kuvan latau­du oikein. Myös esi­mer­kik­si ruu­dun­lu­ki­jat luke­vat vaih­toeh­toi­sen teks­tin.

Jos kuvan teh­tä­vä on tuo­da ilmet­tä sivul­le (ns. kuvi­tus­ku­va), voi vaih­toeh­toi­sen teks­tin jät­tää koko­naan pois.

Lisäk­si kuval­le voi lisä­tä kuva­teks­tin. Kuvi­tus­ku­val­la sitä ei yleen­sä ole. Kuva­teks­ti näkyy kuvan ala­puo­lel­la kai­kil­le käyt­tä­jil­le.

Otsi­koin­nis­ta ja tee­mas­ta

Artik­ke­lil­la ja Sivul­la tulee olla ensim­mäi­se­nä pää­ot­sik­ko (H1). Isoin­ta otsik­koa käy­te­tään ker­ran artik­ke­lis­sa (tai sivul­la). Tämän sivun pää­otisk­ko on Esi­merk­kiar­tik­ke­li. Sivua tai artik­ke­lia luo­des­sa se mää­rit­te­lee sivun tai artik­ke­lin osoit­teen lop­puo­san (täl­lä sivul­la esi­merk­kiar­tik­ke­li). Sik­si sivua luo­des­sa pää­ot­sik­ko voi olla lyhyem­pi ja tii­viim­pi, jol­loin osoit­tees­ta­kin tulee sel­keäm­pi. Pää­ot­sik­ko näkyy artik­ke­lin ja sivun ylä­lai­das­sa ennen mah­dol­lis­ta artik­ke­li­ku­vaa sekä vali­kois­sa ja/tai nos­tois­sa.

Tämän artik­ke­lin väliot­si­kot ovat seu­raa­vaa (H2) tasoa. Verk­ko­si­vuil­la kan­nat­taa ehdot­to­mas­ti käyt­tää tee­man muka­na tule­via otsik­ko­tyyp­pe­jä teks­tin jäsen­te­lyyn. Se tekee sivuis­ta saa­vu­tet­ta­vam­mat ja se myös var­mis­taa sivu­jen löy­det­tä­vyy­den haku­ko­neil­la.

Kar­keas­ti sanot­tu­na, jos sivus­tol­la ei käy­te­tä esi­mer­kik­si val­miik­si mää­ri­tel­ty­jä otsi­koi­ta vaan kaik­ki on teh­ty lei­pä­teks­til­lä, niin sivu tip­puu haku­tu­lok­sis­sa alem­mas. Sik­si kan­nat­taa käyt­tää tee­man omai­suuk­sia sii­hen, mihin ne on tar­koi­tet­tu.

Otsik­ko­mal­lit

Tähän on lis­tat­tu H2:sta pie­nem­mät otsi­kot esi­mer­kin vuok­si näky­viin. Otsi­koi­ta on hyvä käyt­tää. Ne jäsen­tä­vät artik­ke­lin tai sivun teks­tiä. Mut­ta toi­saal­ta nii­den käy­tös­sä kan­nat­taa käyt­tää myös har­kin­taa.

Otsik­ko 3

Otsik­ko 4

Otsik­ko 5