Sanastoa

Alatunniste (footer)

Alatunniste on sivuston sivun alalaidassa toistuva osa. Alatunnisteessa esitetään perinteisesti yleisiä tietoja sivuston omistajasta. Yrityksien ja muiden yhteisöiden sivuilla alatunnisteeseen laitetaan osoitetiedot ja yrityksen tiedot ja muita yhteystietoja. Alatunnisteessa voi sijaita myös oma navigaatio, avainsanapilvi, sivustokartta tai muita vastaavia elementtejä. Alatunnisteessa saattaa olla myös linkkinä pdf-tiedostoja kuten yhdistyksen säännöt, tietoturvaseloste tms.

Sivun lähdekoodissa alatunniste on merkattu tagilla <footer> ja WordPressin tiedostorakenteessa alatunnisteen koodaus sijaitsee tiedostossa nimeltä footer.php.

Artikkeli

Artikkeli on sivuston sisällössä luonteeltaan vaihtuvaa sisältöä. Artikkelit ovat olleet WordPressissä alusta asti, jolloin WordPress oli tarkoitettu pääasiallisesti bloggaukseen. Artikkelissa toisin kuin sivussa näytetään usein metatietoja, kuten artikkelin julkaisupäivämäärä, kirjoittaja ja artikkelin avainsanat sekä kategoria, johon artikkeli kuuluu.

Artikkelien sivu

Artikkelien sivulle kootaan kaikki sivustolla julkaistut artikkelit linkeiksi. Artikkelien sivu yleensä luodaan sivustolle ja sivu määritetään artikkelien sivuksi WordPressin asetuksissa. Artikkelien sivu muistuttaa kategorian ja avainsanan sivua mutta erona on, että se sisältää kaikki artikkelit, kun taas esimerkiksi kategorian sivu sisältää vain johonkin tiettyyn kategoriaan liitetyt sivulinkit.

Avainsana (SEO)

Artikkelille voidaan asettaa avainsana/-sanoja mutta on olemassa myös avainsanoja, jotka asetetaan hakukoneita varten erillisen SEO lisäosan avulla. Näillä avainsanoilla SEO-lisäosa optimoi sivuston sisällön hakukoneystävälliseksi. SEO-avainsanat eivät näy sivuston lähdekoodissa mitenkään vaan ne ovat vain SEO-lisäosan käyttöön työkaluina hakukoneoptimoinnille.

SEO-avainsanoja on kahdentyyppisiä, joista sivun pääavainsana on tärkein elementti sivuston hakukoneoptimoinnissa. Pääavainsanan tulee esiintyä sivun otsakkeessa, h1-tason pääotsikossa, ainakin yhdessä alaotsikoista, sivun tekstisisällön ensimmäisessä tekstikappaleessa, Kuvan vaihtoehtoisessa tekstissä (alt-teksti) ja sivuston kuvauksessa.

Avainsanapilvi

Avainsanapilvi on sivuston elementti, jossa on listattuna esimerkiksi sivustolla julkaistuihin artikkeleihin asetettuja sanoja, jotka kuvaavat artikkelin sisältöä artikkelien tai kalenteritapahtumien avainsanat. Avainsanalle muodostuu taksonomiasivu, jossa listataan kaikki artikkelit, jotka liittyvät avainsanaan.

Avainsana (artikkeli – Tag)

Artikkelille voidaan asettaa avainsana/-sanoja jotka kuvaavat artikkelin sisältöä. Avainsanasta muodostuu WordPressissä avainsanan sivu, jolle kootaan linkit kaikkiin artikkeleihin, joihin on asetettu kyseinen avainsana.

FTP

FTP (File Transfer Protocol) on tiedonsiirtoprotokolla, jonka avulla siirretään tiedostoja tietokoneen ja verkkopalvelimen välillä. WordPressissä FTP:tä käytetään esimerkiksi teemojen ja lisäosien tiedostojen hallintaan palvelimella. Yhteys muodostetaan FTP-ohjelmalla, kuten WinSCP (tai FileZilla), joka näyttää palvelimen tiedostot selkeässä käyttöliittymässä.

Hakukonerobotti

Hakukonerobotti on hakukonesivuston (esim. Google) tietokantaohjelma, joka selaa julkaistuja internet-sivuja läpi ja indeksoi niitä palvelimen tietokantaan. Hakukoneen tarkoituksena on tarjota selaajalle hänen kiinnostuksiinsa liittyviä sivuja hakutuloksissa. Mitä paremmin sivusto on optimoitu hakukoneille sitä korkeammalle sivusto sijoittuu esimerkiksi Googlen hakutuloksissa. Hakukoneoptimointi on yksi tärkeimmistä toimista, jos halutaan sivustolle näkyvyyttä verkossa.

Hakukoneoptimointi (SEO)

Hakukoneoptimoinnilla tarkoitetaan pyrkimystä saada sivustot mahdollisimman korkealle hakukoneen tuloksissa. Hakukoneoptimoinnissa keskeisinä elementteinä toimivat avainsanat, jotka käytännössä ratkaisevat hakukoneoptimoinnin onnistumisen. Oikeiden ja tehokkaiden avainsanojen löytäminen on taiteenlaji varsinkin vahvasti kilpailtujen yritysten sivuilla.

Head-osa

Sivun rakenteen osa, jossa sijaitsevat sivun metatiedot, sivukohtainen CSS ja Javascript ja muu koodaus.

Head-osa on kiedottu html merkkauksessa tagilla <head>.

html-tagi, aloitustagi, lopetustagi

Kun puhutaan html-tagistä, tarkoitetaan html-merkkauskoodin yksittäisen elementin merkkausta eli html-elementtiä. Esimerkkinä olkoon tekstikappaleen tagi <p>tekstiä</p>.

Esimerkkikoodissa on aloitustagi <p> ja lopetustagi </p>

Kategoria

Artikkelit voidaan jaotella kategorioihin. Kategorialle muodostuu WordPressissä oma sivu, johon kootaan linkit kaikkiin artikkeleihin, jotka kuuluvat johonkin tiettyyn kategoriaan. Kategorioita voidaan käyttää artikkelien ohella esimerkiksi kalenterissa, kuvagallerioissa.

Kategorioiden ja avainsanojen erona on että kategorioiden avulla artikkelit voidaan ryhmitellä laajalla tasolla. Artikkelit tulee kategorioida niin, että niiden avulla käyttäjä pystyy löytämään helposti saman aihealueen artikkelit. Avainsanojen tarkoitus on taas kuvata tarkemmin muutamilla termeillä artikkelin sisältöä.

Kehittäjäntyökalu

Ainakin Google Chrome ja Mozilla Firefox selaimet sisältävät kehittäjäntyökalut toiminnon, jonka avulla voidaan tutkia ja muokata sivuston lähdekoodia ja toimintaa.

Kehittäjäntyökalun avulla voidaan kätevästi esimerkiksi testata erilaisia CSS-muotoiluja sivulla. Kehittäjäntyökalut saadaan auki klikkaamalla muokattavaa kohtaa sivulla -painikkeella ja valitaan avautuvasta valikosta toiminto Tarkista (Google Chrome) tai Tarkastele (Mozilla Firefox).

Kehittäjäntyökalu avautuu selaimen ikkunan oikealle puolelle ja valittu kohta sivun lähdekoodista on aktiivisena. Työkalusta voit nähdä valittuun elementtiin liittyvän HTML-merkkauksen ja CSS-muotoilut sekä muuta tietoa..

Lisäosa (Plugin, plugari, lisäri)

Kun haluamme sivustolle jonkin tietyn toiminnon, kuten yhteydenottolomakkeen, toimintoa ei suinkaan tarvitse luoda tyhjästä vaan se voidaan toteuttaa lisäosan avulla. Lisäosa asennetaan WordPressiin aivan kuten teema käyttäen lisäosat toimintoa. Jos kaipaat jotain toimintoa sivustolle, kannattaa hakea toiminnon toteuttamiseen lisäosaa kuvaavalla hakusanalla.

Luokkamäärite

Luokkamäärite tai luokka tarkoittavat termeinä html-tagin tunnistetta. HTML-merkkauksessa luokkamäärite merkataan class-merkinnällä (luokka), joka on ikäänkuin osoite elementille, johon voidaan kohdistaa CSS-muotoiluja.

<p class="red">tekstiä</p>

Tämä teksti on määritetty CSS:llä punaisella fontilla sivuston CSS-tiedostossa luokassa ”red”

Lähdekoodi

Sivuston lähdekoodi tarkoittaa verkkosivun HTML-merkkausta (”koodia”), jonka avulla internetselain osaa esittää sivun sisällön selaimessa. Tietokoneen internetselain -sovellus on koodattu ymmärtämään HTML-merkkausta.

Verkkoselaimessa voit tarkastella minkä tahansa sivun lähdekoodia klikkaamalla sivun päällä -painikkeella ja valitsemalla avautuvasta valikosta Näytä sivun lähdekoodi.

Mediakirjasto

Mediakirjasto on WordPressin ohjauspaneelin toiminto. Mediakirjastoon ladataan kaikki sivustolla käytettävät mediatiedostot. Mediatiedostoja ovat kuvat ja videot mutta myös esimerkiksi pdf-tiedostot, fonttitiedostot, ikonikuvat, äänitiedostot jne.

Metatieto

Verkkosivulla metatiedot ovat sivun selaajalle näkymätöntä tietoa ja sitä käyttävät tavallisesti esimerkiksi hakukonerobotit, jotka hakevat tietoa sivuston sisällöstä. Metatietoja muodostuu sivulle WordPressissä julkaisemisen (tallentaminen) yhteydessä. WordPressin tietokantaan tallentuu esimerkiksi artikkelin kirjoittaja, julkaisupäivämäärä, artikkelin avainsanat ja kategoria. Artikkelien yhteydessä artikkelin metatietoja saatetaan näyttää myös selaajalle sivulla.

Sivun lähdekoodissa sivun metatiedot sijaitsevat koodin alkuosassa ja ne on merkattu html merkkauksessa tagilla <head>. Head-osan metatiedot loppuvat tagiin </head>

Murupolku

Murupolku on visuaalisesti vaatimaton verkkosivun osanen, joka kertoo selaajalle artikkelissa tai sivulla sen sijainnin sivustolla. Murupolun tekstit ovat linkkejä, joita klikkaamalla kävijä pääsee sivustohierarkiassa ylempänä oleville sivuille.

Murupolku vaikuttaa positiivisesti saavutettavuuteen, kun selaajalla on entistä parempi pääsy sivuston sisällä murupolun kautta. Sitä kannattaa käyttää varsinkin suuremmissa ja monitahoisemmissa sivustoissa.

Mukautatoiminto, teeman mukauttaminen

Mukauta on WordPressin toiminto, jossa mukautetaan sivuston ulkoasua. Mukauta toiminnossa on asennetun teeman asetuksia liittyen sivun osien ulkoasuun. Mukauta-toiminnosta voit mahdollisesti muokata sivun ylä- ja alatunnistetta, artikkelien, sivujen sekä arkistosivujen (archives) mutta myös etusivun layout-asetuksia (taittoa).

Navigaatio, navigointi

Sivuston navigaatioa voidaan verrata kirjan sisällysluetteloon. Navigaation avulla sivuston vierailija voi siirtyä sivuston sivulta toiselle. Navigaatiovalikkoja voi olla sivustolla useampiakin mutta päänavigaatio sijaitsee tavallisesti sivun ylätunnisteessa, josta selaaja osaa sitä intuitiivisesti etsiä.

Sivuston navigoinnin suunnitteleminen on erittäin olennaisessa osassa, kun pyritään saavutettavuuteen sivustolla.

Ohjauspaneeli

Ohjauspaneeliksi kutsutaan WordPressin käyttöliittymää, missä voidaan asettaa kaikki sivuston asetukset. Kun kirjaudut WordPressiin avautuu ensimmäisenä ohjauspaneeli.

Ohjauspaneelista sivuston esikatseluun ja takaisin voidaan siirtyä klikkaamalla sivun vasemmassa ylälaidassa olevaa sivuston nimeä.

Responsiivisuus

Responsiivisuus tarkoittaa sivun mukautumista näyttölaitteen leveyteen sekä erilaisille selaimille. Sivustot tehdään nykyään aina responsiiviseksi ja sivusto kannattaa testata useilla eri näyttölaitteilla.

Sisältöosa (body)

Kun puhutaan sivun sisältöosasta, tarkoitetaan ylä- ja alatunnisteen välistä osaa sivun rakenteesta. Sisältöosaan päästään käsiksi sivueditorilla (Elementor, WPBakery Page Builder, Visual Composer jne.) ja voidaan lisätä ja muokata sisältötekstiä ja mediaa.

Sivun sisältöosa on merkattu sivun lähdekoodissa html-tagilla <body>.

Sivu

WordPressissä sivut (Pages) edustavat staattista sisältöä eli pysyvää sisältöä ja se muodostaa sivuston pysyvän sivurakenteen. Esimerkkejä sivuista ovat yhteydenottosivu tai tietoa meistä sivu. Myös sivuston Etusivu on luonteeltaan pysyvää sisältöä. Sivuston sivut tehdään valmiiksi sivustoa luotaessa ja niitä ei ole tarkoitus muuttaa sivuston valmistumisen jälkeen. Sivut eroavat artikkeleista siinä, että artikkelit ovat vaihtuvaa sisältöä, jota julkaistaan ajoittain lisää.

Sivueditori, sivurakentaja

Sivueditori on teknisesti lisäosa, joka asennetaan kuten mikä tahansa lisäosa. Tarjolla olevia sivueditoreita ja sivurakentajia ovat esimerkiksi Elementor, WPBakery Page Builder, Visual Composer, Divi jne. Sivueditorilla voidaan tavallisesti muokata vain sisältötekstiä ja mediaa mutta useastikaan ei header– tai footer-osaa. Toisaalta esimerkiksi Elementor-sivueditorin maksullisessa PRO-versiossa on mahdollisuus muokata myös edellä mainittuja.

Taksonomia

Joskus artikkelien yhteydessä kuullaan puhuttavan taksonomiasta (taxonomy). Koska WordPress on tehty alkujaan blogien julkaisemiseen julkaisijan kirjoittamille lukuisille artikkeleille on ollut tarpeen luoda jonkinlainen
ryhmittelytapa. Artikkeleille voidaan asettaa kategorioita ja avainsanoja, joilla voidaan kertoa selaajalle mihin aihealueeseen luettava artikkeli kuuluu. Taksonomia on yleistermi edellä mainitulle toiminnalle.

Perinteisten artikkeleiden lisäksi taksonomia voi olla käytössä myös muissa toiminnoissa kuten kalenterin tapahtumat, verkkokaupan myytävät tuotteet (Woocommerce-lisäosa). Kategoriat ja avainsanat voidaan ottaa käyttöön myös mediagalleriassa, jos mediatiedostoja on sivustolla suuri määrä. Taksonomian avulla on mahdollista jakaa mediatiedostot aiheittain ja mediakirjaston käyttäminen helpottuu.

Teema

WordPressissä teema määrittelee sivustosi ulkoasun. Teema asennetaan WordPressiin ja otetaan käyttöön sivustolla, jolloin sivun ulkoasu muuttuu teeman mukaiseksi. Teemassa on määritetty fontit, värit, fonttikoot, sivuston elementtien muotoilut jne. ja niitä voidaan osaltaan muokata teeman mukauttamisessa. Jokaisessa teemassa on erilainen tekninen toteutus, joten teeman muokkaamiseen ei voida määrittää yhtä ainutta ohjetta. Jokaiseen teemaan joudutaan perehtymään.

Vimpain

WordPress-sivustolla voidaan esittää vimpainlohko, jossa näytetään erilaisia vimpaimia. Vimpaimet (Widgets) ovat pieniä toiminnallisia osia joita näytetään yleensä sivupalkeissa. Vimpainlohkon sijainti riippuu täysin käytetystä teemasta. se voi sijaita myös esimerkiksi sivuston alatunnisteessa.

Esimerkkejä erilaisista vimpaimista ovat:

• hakupalkki
• viimeisimmät artikkelit
• kategoriat
• avainsanapilvi

Ylätunniste (header)

Sivuston sivun ylälaidassa jokaisella sivuston sivulla identtisenä toistuva osa. Ylätunnisteessa sijaitsee perinteisesti sivuston päänavigointi. Ylätunnisteessa näytetään tavallisesti myös sivuston omistajan tunnus tai logo, sivuston nimi tai jokin muu sivuston ”brändiä” kuvaava elementti. Jos sivustolla on kirjautumiskäytännöt käytössä, ylätunnisteessa sijaitsevat sisäänkirjautuminen ja tilin luomislinkit.

Sivun lähdekoodissa ylätunniste on merkattu tagilla <header> ja se päättyy HTML-tagiin </header>. WordPressin tiedostorakenteessa alatunnisteen koodaus sijaitsee tiedostossa nimeltä header.php.