Miten tehdä kotisivut WordPressillä: vaiheet ja sudenkuopat

Vaiheet lyhyesti

Kotisivut tehdään WordPressillä tässä järjestyksessä: hankitaan verkkotunnus ja palvelintila, asennetaan WordPress, tehdään perusasetukset, valitaan teema, asennetaan vain välttämättömät lisäosat, rakennetaan sivut ja valikko, testataan puhelimella ja julkaistaan. Jokainen vaihe on helppo erikseen. Vaikeaksi sen tekee se, että väärä valinta alussa näkyy vasta lopussa.

Tämä ohje koskee WordPressiä, joka asennetaan omalle palvelintilalle. Jos käytät WordPress.comin valmista palvelua, asennusvaihe jää pois ja osa asetuksista on palvelun päätettävissä, mutta teeman, sivujen ja valikon logiikka on sama.

Varaa aikaa enemmän kuin luulet. Asennus kestää minuutteja, mutta hyvä ensimmäinen sivusto vie iltoja, ja suurin osa ajasta menee teksteihin, kuviin ja siihen, että opettelet missä mikin asetus on.

Ennen asennusta: sisältö ja rakenne paperille

Kirjoita ensin lista sivuista, jotka sivustolle tulee, ja luonnostele jokaisen sivun tärkein viesti. Tavallisella palveluyrityksellä lista on lyhyt: etusivu, palvelut tai jokaiselle tärkeälle palvelulle oma sivu, hinnasto, yrityksestä, yhteystiedot ja tietosuojaseloste.

Tämä kannattaa tehdä ennen teeman valintaa, koska teema valitaan sisällön mukaan eikä toisin päin. Jos tiedät, että sivustollasi on pitkä hinnasto ja vähän kuvia, et valitse teemaa, jonka jokainen osio rakentuu ison valokuvan varaan.

Kerää samalla kuvat yhteen kansioon ja mieti, mitä niistä oikeasti tarvitaan. Omat kuvat omasta työstä, tiloista ja ihmisistä ovat parempia kuin kuvapankin kuvat, ja ne kannattaa pienentää verkkoon sopiviksi ennen kuin ne ladataan sivustolle.

Miten WordPress asennetaan?

WordPress asennetaan useimmiten palveluntarjoajan hallintapaneelista valmiilla asennustyökalulla, joka luo tietokannan, kopioi tiedostot ja kysyy sivuston nimen ja ylläpitäjän tunnukset. Koko asennus vie muutaman minuutin. Jos työkalua ei ole, asennus tehdään käsin, ja sekin on WordPressin omien ohjeiden mukaan muutaman minuutin työ.

Käsin asentaessa ohjelma ladataan virallisesta osoitteesta, palvelimelle luodaan tietokanta ja sille käyttäjä, tiedostot siirretään palvelimelle ja asennus käynnistetään selaimessa. Asennusohjelma kysyy tietokannan tiedot, kirjoittaa ne asetustiedostoon ja pyytää sen jälkeen sivuston nimen, ylläpitäjän käyttäjätunnuksen, salasanan ja sähköpostiosoitteen.

Näistä kolme viimeistä ovat tärkeämpiä kuin miltä ne näyttävät. Käyttäjätunnus ei saa olla sama kuin kaikkien muiden oletusarvaus, salasanan pitää olla pitkä, ja sähköpostiosoitteen pitää olla sellainen, jota luetaan myös vuoden päästä. Siihen osoitteeseen WordPress lähettää ilmoitukset ja pahimmassa tapauksessa linkin, jolla rikkoutunut sivusto pelastetaan.

Pidä sivusto piilossa rakentamisen ajan

Keskeneräinen sivusto ei kuulu Googleen. WordPressin lukemisasetuksissa on valinta, joka pyytää hakukoneita jättämään sivuston indeksoimatta, ja se kannattaa kytkeä päälle heti asennuksen jälkeen. Vielä varmempi tapa on rakentaa sivusto erilliseen testiosoitteeseen tai sulkea se salasanalla.

Tämä on yksi niistä asetuksista, jotka unohtuvat julkaisussa. Sivusto julkaistaan, kaikki näyttää toimivan, ja viikkojen päästä ihmetellään, miksi yritystä ei löydy Googlesta edes nimellä. Kirjoita siksi jo nyt muistilappuun, että valinta poistetaan julkaisupäivänä.

Jos rakennat testiosoitteeseen, muista myös, että osoitteen vaihto julkaisussa ei aina päivitä kaikkia linkkejä ja kuvia. Sivut voivat viitata testiosoitteeseen vielä julkaisun jälkeen, ja se huomataan vasta, kun testiosoite suljetaan ja kuvat katoavat.

Perusasetukset ensimmäisenä päivänä

Ennen kuin teet yhtään sivua, käy asetukset läpi. Osa niistä on helppo muuttaa myöhemmin, osa ei.

• Kieli ja aikavyöhyke. Hallinnan kieleksi suomi ja aikavyöhykkeeksi Helsinki, jotta päivämäärät ja ajastetut julkaisut osuvat oikein.
• Sivuston nimi ja iskulause. Nämä näkyvät selaimen välilehdessä ja joskus hakutuloksissa, joten niihin kirjoitetaan yrityksen nimi ja lyhyt kuvaus siitä, mitä teette ja missä.
• Osoitteiden muoto. Kestolinkkien asetuksista valitaan muoto, jossa osoitteessa näkyy sivun nimi eikä numero. Tämä tehdään nyt, koska sen muuttaminen julkaisun jälkeen rikkoo jokaisen linkin.
• Kommentit. Jos et aio julkaista keskustelua, kytke kommentit pois. Muuten ne keräävät roskapostia.
• Esimerkkisisältö. Asennuksen mukana tulevat esimerkkiartikkeli, esimerkkisivu ja esimerkkikommentti poistetaan.

Tähän menee vartti. Se säästää myöhemmin tunteja, koska juuri nämä asetukset ovat niitä, joita ei myöhemmin muisteta tarkistaa.

Miten teema valitaan?

Teema valitaan sisällön ja nopeuden perusteella, ei esittelykuvien: hyvä teema näyttää sinun sisältösi selkeästi, sitä päivitetään säännöllisesti, sillä on paljon käyttäjiä, se on testattu nykyisellä WordPress-versiolla ja se toimii ilman raskasta sivunrakentajaa. Virallisen hakemiston esittelysivulla nämä tiedot näkyvät ennen asentamista.

Nykyään teemoja on kahta tyyppiä. Lohkoteemoissa koko sivusto, myös ylätunniste, alatunniste ja valikko, muokataan samalla lohkoeditorilla sivuston muokkausnäkymässä. Perinteisissä teemoissa sisältö tehdään lohkoilla, mutta ulkoasua säädetään teeman asetuksista ja valikko rakennetaan omassa näkymässään. Kumpikin toimii, kunhan tiedät kumpaa käytät, koska ohjeet ovat erilaiset.

Kokeile teemaa omalla sisällölläsi ennen kuin sitoudut. Tee etusivu ja yksi palvelusivu oikeilla teksteillä ja kuvilla ja katso ne puhelimella. Jos lopputulos näyttää hyvältä vasta, kun tekstiä on vähemmän kuin sinulla on, teema on väärä.

Esittelysivu on mainos, ei lupaus

Teeman esittelysivusto on tehty ammattikuvilla, sopivan mittaisilla teksteillä ja huolella valituilla väreillä. Sinun sivustosi näyttää erilaiselta heti, kun kuvat ovat puhelimella otettuja ja tekstit pidempiä. Se ei ole teeman vika, mutta se pitää tietää ennen valintaa.

Moni teema tarjoaa mahdollisuuden tuoda koko esittelysivuston sisällön yhdellä painalluksella. Se on houkuttelevaa ja usein virhe. Mukana tulee kymmeniä sivuja, kuvia, valikoita ja joskus liuta lisäosia, joita et tarvitse, ja niiden siivoaminen vie kauemmin kuin sivujen tekeminen alusta.

Jos tuot esittelysisällön, tee se testisivustoon, katso mitä se asentaa, ja siirrä omalle sivustollesi vain ne rakenteet, joita oikeasti käytät.

Lapsiteema, jos muokkaat koodia

Jos aiot muuttaa teeman tiedostoja, esimerkiksi tyylitiedostoa tai sivupohjia, tee se lapsiteemaan. Lapsiteema on pieni teema, joka perii kaiken varsinaiselta teemalta ja sisältää vain omat muutoksesi. Kun varsinainen teema päivittyy, muutokset säilyvät.

Ilman lapsiteemaa käy näin: muutat teeman tyylitiedostoa suoraan, sivusto näyttää juuri siltä kuin halusit, ja seuraava teeman päivitys pyyhkii kaiken pois. Tämä on yksi yleisimmistä syistä siihen, että sivuston ulkoasu muuttuu yhtäkkiä ilman että kukaan on koskenut siihen.

Jos muokkaat vain teeman omia asetuksia tai sivuston muokkausnäkymää, lapsiteemaa ei tarvita, koska ne muutokset tallentuvat tietokantaan eivätkä teeman tiedostoihin.

Mitkä lisäosat tarvitaan ja mitkä eivät?

Pienen yrityksen kotisivuille tarvitaan yleensä vain muutama lisäosa: lomake, varmuuskopiointi, roskapostisuoja lomakkeelle ja tarvittaessa hakukoneasetukset sekä sähköpostin lähetys. Välimuisti tarvitaan, jos palveluntarjoaja ei hoida sitä palvelimella. Kaikki muu on harkinnanvaraista, ja suurin osa siitä on tarpeetonta.

Nyrkkisääntö: jos et osaa sanoa yhdellä lauseella, mitä lisäosa tekee sivustollasi, sitä ei asenneta. Jokainen lisäosa on koodia, joka pitää päivittää niin kauan kuin sivusto on olemassa.

Näin arvioit lisäosan ennen asennusta

Katso lisäosan esittelysivulta neljä asiaa ennen kuin painat asenna: milloin sitä on viimeksi päivitetty, kuinka monella sivustolla se on käytössä, onko se testattu nykyisellä WordPress-versiolla ja vastataanko sen tukifoorumilla kysymyksiin. Jos viimeisin päivitys on vuosien takaa, jätä lisäosa rauhaan, vaikka se tekisi juuri sen mitä haluat.

Asenna lisäosat yksi kerrallaan ja katso sivusto jokaisen jälkeen. Jos jokin menee rikki, tiedät heti, mikä sen rikkoi. Kymmenen lisäosaa kerralla asentanut ei tiedä, ja joutuu poistamaan ne yksi kerrallaan löytääkseen syyllisen.

Lue myös, mitä lisäosa tekee tiedoillesi. Osa lähettää tietoja tekijälleen, osa lataa sivulle ulkopuolisia palveluja, jotka vaativat evästeilmoituksen. Nämä kerrotaan yleensä kuvauksessa, ja ne vaikuttavat siihen, mitä tietosuojaselosteeseen pitää kirjoittaa.

Miten sivut ja valikko rakennetaan?

Sivut rakennetaan WordPressin Sivut-osiossa, jokainen oma sivunsa omalla osoitteellaan, ja valikko kootaan niistä jälkikäteen: perinteisissä teemoissa ulkoasun valikkoasetuksissa, lohkoteemoissa sivuston muokkausnäkymän navigaatiolohkossa. Etusivu valitaan lukemisasetuksista, joissa kerrotaan, että etusivuna näytetään tietty sivu eikä uusimmat artikkelit.

Tee ensin kaikki sivut luonnoksina ja vasta sitten valikko. Kun sivut ovat olemassa, valikon kokoaminen on muutaman minuutin työ, ja näet kerralla, montako kohtaa siihen tulee.

Pidä valikko lyhyenä. Viisi tai kuusi kohtaa riittää lähes jokaiselle pienyritykselle, ja yhteystiedot ovat aina viimeisenä tai erikseen korostettuna. Jos valikkoon tarvitaan alavalikoita, tarkista puhelimella, että ne aukeavat kosketuksella. Alavalikko, joka aukeaa vain hiiren ollessa päällä, on puhelimessa umpikuja.

Tarkista lopuksi, että jokainen sivu on valikon tai jonkin toisen sivun linkin kautta löydettävissä. Sivu, johon ei linkitetä mistään, on olemassa vain sinulle.

Sivut vai artikkelit

WordPressissä on kaksi sisältötyyppiä, ja ne sekoitetaan usein. Sivut ovat pysyvää sisältöä: palvelut, hinnasto, yhteystiedot. Artikkelit ovat päivättyä sisältöä, joka järjestyy uusimmasta vanhimpaan: uutiset, blogikirjoitukset, tiedotteet.

Jos palvelukuvaus tehdään artikkelina, se saa päivämäärän, joutuu blogilistaukseen ja näyttää vuoden päästä vanhalta, vaikka sisältö olisi ajan tasalla. Jos uutinen tehdään sivuna, sitä ei löydy mistään listasta. Kumpikaan ei riko sivustoa, mutta molemmat tekevät siitä sekavan.

Jos et aio kirjoittaa blogia, et tarvitse artikkeleita lainkaan. Blogi kannattaa perustaa vasta, kun tiedät mistä kirjoitat ja kuinka usein. Tyhjä tai vuoden vanha blogi kertoo kävijälle enemmän kuin yritys haluaisi.

Lohkoeditori käytännössä

WordPressin sisältö tehdään lohkoilla: kappale, otsikko, kuva, painike, sarakkeet, luettelo. Jokainen lohko on oma palansa, jota voi siirtää, kopioida ja muokata. Kun perusajatuksen oppii, sivun tekeminen on nopeaa.

Otsikoiden järjestyksellä on väliä. Sivun nimi on sivun pääotsikko, ja sen alla osiot saavat seuraavan tason otsikot. Otsikkotasoa ei valita koon mukaan vaan rakenteen mukaan, koska ruudunlukijat ja hakukoneet lukevat sivun otsikoiden kautta. Koon voi säätää erikseen.

Kuvista kolme asiaa. Pienennä ne ennen lataamista, koska suoraan puhelimesta ladattu kuva voi painaa useita megatavuja. Kirjoita jokaiselle kuvalle vaihtoehtoinen teksti, joka kertoo mitä kuvassa on. Ja nimeä tiedostot kuvaavasti ennen lataamista, koska nimi näkyy kuvan osoitteessa. Miten kuvat vaikuttavat nopeuteen, on käyty tarkemmin läpi artikkelissa verkkosivujen kuvista ja nopeudesta.

Lomake ja sähköposti

Yhteydenottolomake tehdään lomakelisäosalla, ja sen testaaminen on tärkeämpää kuin sen ulkonäkö. WordPress lähettää lomakkeen viestit oletuksena palvelimen oman postitoiminnon kautta, ja sellainen posti päätyy usein roskapostiin tai hylätään kokonaan.

Varmin ratkaisu on lähettää lomakkeen posti oikean sähköpostipalvelun kautta tunnistautuen. Siihen on omia lisäosiaan, ja palveluntarjoajalta saa tarvittavat tiedot. Kun asetus on tehty, lähetä lomakkeesta koeviesti eri osoitteisiin ja katso, mihin kansioon se päätyy.

Kysy lomakkeessa vain se, mitä tarvitset vastataksesi: nimi, yhteystieto ja viesti. Jokainen ylimääräinen pakollinen kenttä karsii yhteydenottoja. Muista myös, että lomakkeen kautta kerätään henkilötietoja, joten tietosuojaseloste kuuluu sivustolle ja siihen linkitetään lomakkeen vierestä.

Mikä menee pieleen ensimmäisellä kerralla?

Ensimmäisellä kerralla menee yleisimmin pieleen se, että hakukoneilta piilottava asetus jää päälle julkaisussa, lisäosia asennetaan liikaa, kuvat ladataan täysikokoisina ja lomakkeen viestit eivät tule perille. Nämä neljä löytyvät lähes jokaisesta itse tehdystä ensimmäisestä sivustosta.

• Piilotus jää päälle. Sivusto on valmis, mutta Google ei näe sitä, koska rakennusvaiheen asetus unohtui.
• Esittelysisältö jää sivustolle. Mallisivut, mallikuvat ja teeman mukana tulleet tekstit löytyvät vielä kuukausien päästä.
• Osoitteiden muotoa muutetaan julkaisun jälkeen. Jokainen jaettu linkki ja jokainen hakutulos lakkaa toimimasta.
• Ylläpitäjän sähköposti on väärä. WordPressin ilmoitukset ja pelastuslinkit menevät osoitteeseen, jota kukaan ei lue.
• Varmuuskopiota ei ole. Se huomataan ensimmäisen rikkinäisen päivityksen jälkeen.
• Kaikki päivitetään kerralla. Kun jokin rikkoutuu, ei tiedetä mikä sen rikkoi.

Yhteistä näille on, että mikään niistä ei näy julkaisupäivänä. Sivusto näyttää valmiilta, ja virhe paljastuu viikkojen tai kuukausien viiveellä, kun sen korjaaminen on jo hankalampaa.

Julkaisupäivä ja ensimmäinen viikko

Julkaisupäivänä poistetaan hakukoneilta piilottava asetus, tarkistetaan että sivusto aukeaa suojatulla osoitteella, lähetetään koeviesti lomakkeesta ja otetaan varmuuskopio. WordPress luo sivukartan itse, ja sen osoite kannattaa lähettää Googlelle.

Search Console otetaan käyttöön samana päivänä, jotta näet, milloin Google löytää sivut ja onko niissä virheitä. Ohje on artikkelissa Search Consolen käyttöönotosta.

Ensimmäisen viikon aikana katso sivusto kerran päivässä puhelimella, tarkista lomakkeen viestit ja sovi itsesi kanssa, milloin päivitykset tehdään jatkossa. Päivitykset ovat WordPress-sivuston jatkuvaa työtä, ja siitä, mitä se käytännössä tarkoittaa, kertoo artikkeli verkkosivujen ylläpidosta.

Milloin kannattaa pyytää apua

Tavallinen esittelysivusto onnistuu itse, kun aikaa on ja opettelu kiinnostaa, ja moni tekee ensimmäisen sivustonsa juuri näin. Apua kannattaa pyytää silloin, kun sivuston pitää tehdä jotain enemmän kuin esitellä: ottaa vastaan varauksia, myydä, toimia usealla kielellä tai keskustella jonkin toisen järjestelmän kanssa.

Toinen raja on aika. Jos sivuston tekeminen vie kuukausia iltoja, jotka olisivat pois omasta työstä, laskelma voi kääntyä toisin päin. Kolmas raja on ylläpito: jos tiedät jo nyt, ettet päivitä sivustoa kuukausittain, WordPress ei ehkä ole oikea valinta, tai ylläpito kannattaa ostaa.

Jos päädyt teettämään, tämän ohjeen vaiheista on silti hyötyä. Tiedät, mitä kysyä teemasta, lisäosista ja asetuksista, ja erotat tarjouksen, joka hoitaa ne, sellaisesta, joka jättää ne sinulle. Mitä kaikkea tekijältä voi tilata, näkyy esimerkiksi palvelusivulta.

Yhteenveto

Kotisivut tehdään WordPressillä järjestyksessä: sisältö paperille, asennus, perusasetukset, teema, muutama lisäosa, sivut, valikko, testaus ja julkaisu. Asennus on nopea, ja aika menee sisältöön ja asetusten opetteluun.

Teema valitaan oman sisällön ja nopeuden perusteella, ei esittelykuvien. Lisäosia asennetaan vain ne, joiden tehtävän osaa sanoa yhdellä lauseella. Sivut ovat pysyvää sisältöä, artikkelit päivättyä, ja valikko pidetään lyhyenä ja toimivana puhelimessa.

Ensimmäisen kerran virheet ovat aina samat: piilotus jää päälle, kuvat ovat liian isoja, lomake ei toimita viestejä ja varmuuskopio puuttuu. Kun ne tarkistetaan julkaisupäivänä, sivusto on valmis olemaan olemassa pidempään kuin ensimmäisen viikon.