Kategoria: WordPress

Huippusuosittu WordPress on hyvä valinta yrityksen verkkosivuston tai -kaupan alustaksi – rakennammehan mekin Härällä asiakkaidemme verkkosaitit sen päälle.

Mutta mikä WordPress oikeastaan on? Entä mitä WordPress-verkkosivut maksavat, miten sen lisäosat toimivat ja mitä miinuspuolia WordPress saattaa pitää sisällään?

Tähän tietopakettiin kokosimme olennaisimmat asiat WordPress-verkkosivuista. Tervetuloa sukeltamaan WordPressin maailmaan!

🚀 Hyppää tästä suoraan haluamaasi osioon:

1. Mikä WordPress? >>
2. Mihin tarkoitukseen WordPress on hyvä? >>
3. WordPressin plussat ja miinukset >>
4. Lisäosat WordPressissä >>
   • Lisäosien käyttöönoton tarkistuslista
5. WordPress vs. HubSpot – kumpi on parempi? >>
6. Mitä WordPress-verkkosivut maksavat? >>
   • Kun WordPress-verkkosivusto maksaa 100–900 €
   • Kun WordPress-verkkosivusto maksaa 1 000–9 000 €
   • Kun WordPress-verkkosivusto maksaa yli 10 000 €
   • Kun WordPress-verkkosivusto maksaa 20 000–30 000 €
   • Kun WordPress-verkkosivusto maksaa yli 30 000 €
   • Verkkosivuprojektin hinta Sinisellä Härällä
   • Verkkosivuston räätälöinti maksaa, mutta on sen arvoista
7. Esimerkit WordPress-verkkosivuista >>
8. WordPress-verkkosivun tietoturva, responsiivisuus, hakukoneoptimointi, saavutettavuus ja nopeus >>
   • WordPress ja tietoturva
   • WordPress ja responsiivisuus
   • WordPress ja hakukoneoptimointi
   • WordPress ja saavutettavuus
   • WordPress-verkkosivuston nopeus
9. Jäikö kysyttävää WordPress-verkkosivuista? >>

Mikä WordPress?

Lyhyt ja ytimekäs vastaus otsikon kysymykseen on: maailman suosituin sisällönhallintajärjestelmä. Hieman pidempi vastaus on, että WordPress on avoimeen lähdekoodiin perustuva alusta, joka on tarkoitettu verkkosivujen luomiseen ja ylläpitoon. Se on sisällönhallintajärjestelmä (englanniksi Content Management System eli CMS), jolla käsitellään sivuston sisältöä: tekstiä, kuvia, videoita, käyttäjiä ja heidän oikeuksiaan sekä niin edelleen.

WordPress on kaikille avoin palvelu, joka ei vaadi lisenssiä – sen käyttö on siis lähtökohtaisesti maksutonta. WordPressin avoin lähdekoodi tarkoittaa, että kuka tahansa voi kehittää ja kustomoida WordPressiä ja rakentaa siihen sopivia lisäosia. WordPressillä ei ole omistajaa, vaan sitä vie eteenpäin vapaaehtoinen kehittäjäyhteisö.

Monet suuretkin saitit maailmanlaajuisesti (myös Jenkkien Fortune 500 -listan yrityksille!) on tehty WordPressillä ja useat isot verkkokaupat sen liitännäisellä WooCommercella. Myös me Sinisellä Härällä rakennamme asiakkaidemme verkkosivut ja -kaupat WordPressin ja WooCommercen päälle.

Mihin tarkoitukseen WordPress on hyvä?

WordPress on erityisen hyvä valinta verkkosaitin alustaksi silloin, kun tiedät, että haluat päivittää sivustosi sisältöjä usein. WordPressin käyttäminen ja sisältöjen hallinta siellä on lähtökohtaisesti todella helppoa – onhan se suunniteltu alun perin bloggaamiseen, jossa uutta sisältöä tulee jatkuvasti. Et tarvitse koodiosaamista päivittääksesi sisältöjä WordPressillä.

WordPress on hyvä verkkosaittialusta myös silloin, kun haluat kehittää sivustoasi eteenpäin itse ja hallita sisältöjä mahdollisimman yksinkertaisella tavalla myös koodin ja sivuston rakenteen tasolla. Avoimen lähdekoodin ansiosta WordPress-sivustolle on helppo tuoda lisää toimintoja, ja kuka tahansa voi kehittää WordPressiä eteenpäin. WordPressillä onkin ympäri maailman hurja määrä kehittäjiä ja yli 55 000 lisäosaa, jotka auttavat saittia mukautumaan tarpeisiisi (lisäosista lisää myöhemmin!).

Asiaa voi ajatella myös toisinpäin: Jos valitset verkkosivusi alustaksi suljetun sisällönhallintajärjestelmän, olet sidoksissa sen omistajaan. Suljettu lähdekoodi voi tarkoittaa, että sisällönhallintajärjestelmää kehittää vain yksi tai muutama tekijä, jotka voivat tällöin hinnoitella palvelunsa ilman kilpailua. Sivuston kehittäminen saattaa siis tulla todella kalliiksi.

Lisäksi sivuston kehittäminen suljetun alustan päälle vaatii todennäköisesti paljon räätälöintiä, kun taas WordPressillä melkein mihin vain toiminnallisuuteen tai ominaisuuteen löytyy valmiiksi kehitetty lisäosa. Jos osaat koodata, voit rakentaa WordPressiin lähes mitä vain – ja jos et osaa, voit ostaa apua muualta. Tarjontaa nimittäin riittää.

WordPress ei ole maailman suosituin nettisaittialusta syyttä. Hyvänä ja monipuolisena sisällönhallintajärjestelmänä se sopii varmasti suurimmalle osalle suomalaisista yrityksistä.

WordPress-verkkosivujen plussat ja miinukset

✅ Paljon tekijöitä ja kehittäjiä

Maailman – kuten myös Suomen – WordPress-käyttäjäyhteisö on suuri. Sinulla on siis varaa valita, kun etsit tarpeisiisi sopivaa WordPress-tekijää. Et myöskään joudu sitoutumaan yhteen toimijaan, vaan voit vaihtaa tekijää halutessasi, sillä kenellä tahansa on mahdollisuus kehittää WordPress-sivuston avointa lähdekoodia.

✅ Läjäpäin lisäosia ja valmiita ratkaisuja

Jos sinulla on WordPressiin liittyvä ongelma, siihen on todennäköisesti myös ratkaisu. WordPressiin kehitetyistä lisäosista löytyy paljon valmiita ratkaisuja aina sivun hakukoneoptimoinnin hiomisesta yhteydenottolomakkeen toteuttamiseen. Lisäksi avoimeen lähdekoodiin on mahdollista rakentaa räätälöityjä ratkaisuja, jotka osaavan tekijän käsissä syntyvät varsin kustannustehokkaasti.

✅ Hyvät integraatiot eri ohjelmistoihin

Yleisesti ottaen WordPressin integroitavuus muiden ohjelmistojen kanssa on todella hyvä, ja verkossa odottaa suuri määrä valmiita WordPress-integraatioita eri ohjelmistoihin laskutuksesta markkinoinnin automaatioon. Tämä on iso plussa, sillä integraatiot verkkosivuilla ovat nykyään todella yleisiä, kun dataa halutaan liikuttaa tehokkaasti paikasta toiseen. Todennäköistä siis on, että sinunkin sivustosi hyötyy integraatiosta jos toisestakin.

✅ Sisällönhallinnan yksinkertaisuus

Viimeisenä, muttei vähäisimpänä: sisällönhallinta WordPressillä on yksinkertaisesti yksinkertaista (ainakin, kun se on rakennettu oikein). Siihen WordPress on alun perin kehitetty, ja siinä se toimii erityisen hyvin.

❌ Muokattavuus on kaksiteräinen miekka

WordPress-verkkosivut voi rakentaa monella tavalla. Vaikka tämä on usein positiivista, voi siitä seurata myös ongelmia: pahimmillaan WordPressinkin käyttämisestä saa todella monimutkaista. Onkin suuresti tekijästä riippuvaista, millaiset WordPress-verkkosivusi ovat.

❌ Lisäosissa piilee riskejä

Lisäosien huono puoli on, että ne voivat olla – tekijästä riippuen – hyviä tai huonoja. Lisäosissa piilee aina riski, sillä pahimmillaan huonot lisäosat voivat aiheuttaa paljon ongelmia, kuten bugeja ja tietoturvariskejä. Mitä enemmän lisäosia sivustolla on, sitä haavoittuvaisempi sivusto on. Lisäosaviidakon hedelmiä kannattaakin poimia maltilla.

❌ Vaikka koodiosaaminen ei ole välttämätöntä, on siitä huomattavasti hyötyä

Periaatteessa WordPress-sivuston voi rakentaa ilman koodiosaamista, mutta me Härällä emme kehota lähtemään sille tielle. WordPress-sivun sisältöjen päivittäminen ilman koodaamista on helppoa, mutta jotta sivusto kokonaisuudessaan pysyy luotettavana ja toimintavarmana, on koodiosaamisesta helkutisti hyötyä. Jos haluat rakentaa verkkosaitin kokonaan ilman koodaamista, suosittelemme valitsemaan WordPressin sijaan jonkin toisen alustan.

Lisäosat WordPress-verkkosivuilla

Avoimen lähdekoodin ansiosta WordPressiin on tarjolla valtava määrä eri tekijöiden rakentamia maksullisia ja maksuttomia lisäosia, joiden avulla saat WordPress-sivuillesi uusia toiminnallisuuksia, kuten vaikka palomuurin, varmuuskopioinnin, yhteydenottolomakkeen ja eri kieliversiot. Parhaimmillaan lisäosat tarjoavat käteviä, valmiita ja kustannustehokkaita ratkaisuja WordPress-verkkosivustolle. WordPress-verkkosivustojen voikin sanoa perustuvan pitkälti lisäosiin.

Myös me Härällä hyödynnämme lisäosia – joko ostettuja tai itse koodaamiemme – WordPress-verkkosivustoja rakentaessamme. Meillä on noin kymmenen vakiolisäosaa, joita tyypillisesti käytämme saiteillamme. Näitä ovat esimerkiksi kieliversioihin, sisällönhallintaan, lomakkeisiin ja hakukoneoptimointiin liittyvät lisäosat. Kaikki testattuja ja hyväksi havaittuja!

Lisäosia kannattaa kuitenkin käyttää maltilla, sillä ne voivat tuoda mukanaan myös ongelmia: heikentää tietoturvaa, aiheuttaa bugeja ja pahimmillaan kaataa koko sivuston. Me olemme nähneet 60 lisäosan verkkosivuston sekä asiakkaallemme tekemämme kahdeksan lisäosan verkkosivun, jonka muut toiminnallisuudet on tehty koodaamalla. Ero ensimmäisen ja jälkimmäisen toimivuudessa on valtava.

Jos lisäosia on paljon, myös niiden yhteensopimattomuus voi aiheuttaa haasteita. Siitä, miten sivustollesi valitsemasi lisäosat sopivat yhteen keskenään, ei ole mitään taetta ennen kuin olet kokeillut asiaa. Yhteensopivuudesta on vaikea olla kartalla, jos lisäosien kanssa ei tule työskenneltyä päivittäin – tai vuosittain, tai ikinä. Siksi asiantuntijan apu WordPress-verkkosivujen rakentamisessa on korvaamatonta.

Yhtään ylimääräistä ”varmuuden vuoksi” -lisäosaa sivustolle ei siis kannata ottaa.

Ennen kuin asennat WordPress-verkkosivustollesi uuden lisäosan, suosittelemmekin pohtimaan, onko lisäosa varmasti välttämätön, sekä tarkistamaan ainakin seuraavat asiat:

👀 Lisäosien tarkistuslista

1. Kuka lisäosan on tehnyt?
   • Lisäosan kehittäjän nimi näkyy yleensä lisäosan sivulla. Onko lisäosan tekijä luotettavan oloinen oikea yritys?
2. Kehitetäänkö lisäosaa?
   • Onko lisäosasta tullut uusia versioita? Milloin viimeisin versio on julkaistu? Versiotiedot, jotka yleensä myös löytyvät lisäosan sivulta, antavat osviittaa siitä, kehitetäänkö lisäosaa vastaamaan jatkuvasti muuttuvia vaatimuksia.
3. Kuinka paljon latauksia lisäosalla on?
   • Jos lisäosalla on 500 000 latausta, on se todennäköisesti toimiva ja hyväksi havaittu. Jos taas latauksia on kaksi, osaat suhtautua lisäosaan varauksella.
4. Millaisia arvosteluja lisäosa on saanut?
   • Jos lisäosalla on paljon latauksia, on sillä todennäköisesti myös arvosteluja. Arvosteluista voit lukea paitsi muiden käyttäjien mielipiteitä lisäosasta, myös esimerkiksi kommentteja siitä, miten mahdollisia bugeja on korjattu.

WordPress vai Hubspot – kumpi on parempi?

Siinä missä WordPress on ennen kaikkea sisällönhallintajärjestelmä, on HubSpot paljon muutakin: monipuolinen myynnin, markkinoinnin, asiakaspalvelun ja asiakasrekisterin alusta, jolla voi tehdä niin liidien pisteytystä kuin asiakkuuksien hallintaakin. Tunnetuin HubSpot taitaa olla sen markkinoinnin automaation ominaisuuksistaan. Kuulostaa hyvältä, eikö? Sitä se onkin, kun HubSpotin monipuolisia ominaisuuksia osaa hyödyntää oikein.

Jos pohdit verkkosivujen rakentamista HubSpotilla, kannattaa sinun miettiä, hyödynnätkö oikeasti HubSpotin muita ominaisuuksia. Mikäli ajatukset huikeista markkinoinnin automaatioputkista jäävät todellisuudessa vain haaveeksi, et saa HubSpotin sisällönhallintajärjestelmästä tarpeeksi irti.

HubSpotin hyödyt nousevat esiin silloin, kun keräät sen kautta jatkuvasti dataa markkinointiin. Kun tieto asiakkaista ja verkkosivukävijöistä on yhdessä paikassa, voi dataa hyödyntää verkkosivujen rakentamisessa ja esimerkiksi sisältöjen personoinnissa. Mutta jos tätä putkea ei ole, on HubSpot vain ylihintainen verkkosaittialusta.

HubSpotin käyttö on nimittäin merkittävästi kalliimpaa kuin WordPressin. Lisäksi HubSpot-kehittäminen vaatii erikoistumista, ja HubSpot-kehittäjiä on Suomessa huomattavasti vähemmän kuin WordPress-kehittäjiä, mikä osaltaan tekee HubSpotista WordPressiä hinnakkaamman verkkosaittialustan. Kustannuksissa WordPress voittaa HubSpotin selvästi.

Me Härällä käytämme WordPressin ohella Active Campaign -nimistä ohjelmistoa, jolla saamme samat toiminnallisuudet kuin mitä suurin osa HubSpotin käyttäjistä hyödyntää, mutta paljon edullisemmin. Myös HubSpot ja WordPress voivat toimia rinnakkain, WordPress verkkosaittialustana ja HubSpot markkinoinnin automaation työkaluna.

Mitä WordPress-verkkosivut maksavat?

Vastaus: melkein mitä tahansa.

WordPress-verkkosivut voi saada muutamalla satasella, sadalla tuhannella eurolla tai millä tahansa summalla siitä väliltä. Tässä kuitenkin lyhyt tiivistelmä siitä, mihin eri suuruiset budjetit riittävät ja miksi toiset ratkaisut maksavat enemmän kuin toiset.

Kun WordPress-verkkosivusto maksaa 100–900 €

Muutaman satasen hintainen WordPress-verkkosivu pohjautuu tyypillisesti valmiille, ilmaiselle tai maksulliselle WordPress-sivupohjalle, jota täydennetään omilla kuvilla ja teksteillä. Ja voilà, sivu on valmis!

Toimiiko sivu juuri niin kuin haluat? Todennäköisesti ei. Vaihtoehtoja valmiissa sivupohjissa kuitenkin riittää.

Kun WordPress-verkkosivusto maksaa 1 000–9 000 €

Muutaman tonnin WordPress-verkkosaittiin valitaan tavallisesti valmis sivupohja, jota kustomoidaan tekemällä pientä räätälöintiä. Ihmeellisyyksiin budjetti ei silti riitä. Muutaman tonnin hintalappu ei todennäköisesti pidä sisällään koodaustyötä, vaan mahdolliset toiminnallisuudet tehdään lisäosilla.

Kun WordPress-verkkosivusto maksaa yli 10 000 €

WordPress-verkkosivujen räätälöinti alkaa tästä hintaluokasta. Sivut tehdään tyypillisesti WordPress-teemakehityksellä, jolloin sivusto suunnitellaan valmiin sivupohjan sijaan puhtaalta pöydältä ja koodataan mittatilaustyönä asiakasta varten. Sivusto voi sisältää joitakin simppeleitä toiminnallisuuksia joko itse tehtynä tai lisäosilla rakennettuna.

Kun WordPress-verkkosivusto maksaa 20 000–30 000 €

Tässäkin hintaluokassa WordPress-saitti suunnitellaan alusta asti asiakkaan tarpeisiin vastaavaksi. Taustalla – ja hintalappuun vaikuttamassa – voi olla integraatioita muihin järjestelmiin, esimerkiksi laskutukseen tai markkinoinnin automaatioon liittyen. Sivusto saattaa sisältää teknisiä ominaisuuksia, kuten ostoa helpottavia laskureita tai kirjautumisen takana piileviä asiakaskohtaisia toiminnallisuuksia.

Kun WordPress-verkkosivusto maksaa yli 30 000 €

Yli kolme kymppitonnia kustantava WordPress-saitti voi olla esimerkiksi laaja verkkokauppa tai mittava, eri sisältötyyppejä sisältävä sivusto, jonka konepellin alta löytyy rutkasti tekniikkaa. Verkkosivusto tai -kauppa kattaa monia toiminnallisuuksia ja integraatioita, ja sen taustalla pyörii paljon dataa aina varastosaldoista tai hinnoista alkaen. Hintalappu voi näkyä päälle päin sivuston monipuolisuutena ja pinnan alla toimivuutena ja teknisyytenä.

WordPress-verkkosivuston hinta Sinisellä Härällä

Meillä Härällä verkkosivuprojektit pyörivät tavallisimmin 10 000–30 000 euron hintaluokassa. Emme käytä valmiita WordPress-teemoja, vaan teemme sivustot räätälöidysti oman teemakehityksemme kautta.

Teknisen toteutuksen lisäksi huolehdimme verkkosaitin ulkoasu- ja käyttöliittymäsuunnittelusta. Autamme myös sivuston teksteissä ja niiden hakukoneoptimoinnissa, sivuston ylläpidossa, digimarkkinoinnissa ja monessa muussa – lue lisää täältä!

Verkkosivuston räätälöinti maksaa, mutta on sen arvoista

Kun kilpailutat verkkosivuprojektiasi, voit saada monia erilaisia tarjouksia. Niihin voi suhtautua kuin talon rakennuttamiseen: Valmiissa talopaketissa on periaatteessa kaikki, mitä tarvitset. Se osuu arkeesi melko hyvin, mutta ei täydellisesti.

Kun taas rakennutat talon alusta asti juuri sinulle – ja maksat myös suunnittelusta – saat jokaista ovenkahvaa ja muita arkea helpottavia yksityiskohtia myöten täydellisen, tarpeisiisi räätälöidyn kodin.

Teknisen toteutuksen lisäksi verkkosivujen hintaan vaikuttaa siis suunnittelutyö. Käyttöliittymäsuunnittelu pyrkii määrittämään, miten asiakas kulkee sivustolla, miten asioita myydään ja miten verkkosivusto palvelee sinua ja asiakkaitasi parhaiten.

Se, miten paljon paukkuja suunnittelutyöhön loppuasiakkaiden ymmärtämiseen käytetään, tuo eroa projekteihin, hintalappuihin ja tavoitteiden saavuttamiseen.

Verkkomyynti on oma, spesiaali maailmansa, jossa pienet nyanssit voivat ratkaista kaiken. Verkkosivujen ostaja ei välttämättä ymmärrä kaikkia verkkomyynnin lainalaisuuksia, eikä hänen – tai sinun – tarvitsekaan ymmärtää. Hyvä olisi ymmärtää vain se, ettei ymmärrä. Sillä jos verkkomyyntiä tekee ”väärin”, ei myy. Ja puolivalmista pakettia ei ole suunniteltu myymään juuri sinun tuotteitasi.

Jos pohdit, kannattaako verkkokauppa suunnitella itse, klikkaa edellistä linkkiä.

Esimerkkejä WordPress-verkkosivuista ja WooCommerce-verkkokaupoista

Alla on esimerkkejä erilaisista WordPress-verkkosivuista, joita olemme tehneet. Tutustu niihin halutessasi alta.

1. Boco IP – B2B-asiantuntijapalveluita myyvän lakitoimiston sivusto >>
2. Veikkaus – Veikkauksen kasinoiden sivustot >>
3. Gramex & Teosto – Musiikkialan järjestöjen yhteinen sivusto, mikä kokoaa kaiken oleellisen tiedon ja tutkimuksen musiikkalasta yhteen paikkaan >>
4. Pikavuokraus – B2B- ja B2C -verkkokauppa rakennuskoneiden ja laitteiden vuokraukseen >>
5. Arnolds – Suomen yhden tunnetuimman kahvilaketjun sivusto >>
6. Otaverkko – IT-alan kasvavan asiantuntijaorganisaation sivusto >>

WordPress-verkkosivun tietoturva, responsiivisuus, hakukoneoptimointi, saavutettavuus ja nopeus

Alta löydät lyhyen katsauksen siitä, miten WordPress-verkkosivut ja yllä mainitut asiat mätsäävät yhteen.

WordPress ja tietoturva

WordPressin tietoturvan kannalta avainsanoja ovat lisäosat ja niiden päivittäminen sekä WordPress-versiot ja niiden päivittäminen. Lisäosien määrä ja ajantasaisuus vaikuttavat merkittävästi WordPressin tietoturvaan: jos sivustolla on paljon lisäosia, jotka eivät ole ajan tasalla, kasvavat riskit.

Myös hyvä palvelin on tärkeä. Me Härällä käytämme Seravon palvelinta, jossa päivitykset testataan kehitysympäristössä ennen liveksi viemistä. Jos ongelmia ilmenee, ei päivitystä viedä oikeaan ympäristöön. Hyvä palvelin jeesaa myös, jos sivusto hakkeroidaan. Seravo tallentaa sivuston varmuuskopiot, joista se voi palauttaa käyttöön sivuston versiot ajalta ennen tietoturvauhkia.

WordPress itsessään on tietoturvallinen, kunhan se on ajan tasalla. Siitä julkaistaan jatkuvasti uusia päivityksiä, joissa mahdollisista tietoturvan heikkouksista on pyritty pääsemään eroon. Jos solmit kanssamme WordPress-verkkosivujesi ylläpitosopimuksen, me huolehdimme niin WordPressin kuin lisäosien päivityksestä.

WordPress ja responsiivisuus

Responsiivisuus tarkoittaa sitä, että verkkosivusto toimii eri laitteilla ja ruuduilla aina puhelimesta tietokoneeseen, tablettiin ja televisioon. WordPress itsessään ei luo verkkosivuista responsiivisia, vaan responsiivisuus rakennetaan sivuille itse. Meillä Härällä responsiivisuus on oletusarvo. Jos tilaat WordPress-verkkosivut meiltä, teemme sivuista aina responsiiviset ja testaamme niiden toiminnan kaikilla eri näyttökoilla.

WordPress ja hakukoneoptimointi

WordPress on hyvä alusta hakukoneoptimoiduille verkkosivuille, mutta hakukoneoptimoinnin eteen on tehtävä työtä. WordPressin lisäosista löytyy paljon ratkaisuja, jotka jeesaavat sivuston SEO-kehittämisessä (me Härällä käytämme Rank Math -nimistä lisäosaa). Lisäosat, kuten Rank Math, kuitenkin lähinnä antavat palautetta hakukoneoptimoinnin onnistumisesta. Sivuston rakenne, sisäiset linkitykset, URL-polut ynnä muut hakukoneoptimointiin vaikuttavat asiat tulee osata optimoida itse.

Jotta WordPress-verkkosivusto on nopea ja hakukoneiden suosiossa, myös sivuston koodin pitää olla laadukasta ja siistiä. Sama koskee palvelinta: palvelimen sijainti ja nopeus vaikuttavat sivuston näkyvyyteen hakukoneissa.

Ja ”Content is King”, kuten sanotaan, eli jos verkkosivuston sisältö ei ole hyvää, ei ole hakukoneista tulevaa liikennettäkään. Me Härällä luonnollisesti hakukoneoptimoimme WordPress-sivustomme teknisesti ja rakenteellisesti ja jeesaamme mielellämme myös sisällön optimoinnissa. Lue lisää hakukoneoptimoinnista osana verkkosivustoprojektia!

WordPress ja saavutettavuus

Verkkosivuston saavutettavuus on periaatteessa yksilöllistä suunnittelutyötä, ja tämä pätee myös WordPressiin. Perustason saavutettavuus onnistuu hyvällä perussuunnittelulla (lue 10 käytännön esimerkkiä verkkosivustojen saavutettavuuden suunnittelusta). Kovan tason saavutettavuusstandardien täyttäminen taas vaatii yleensä koodin muokkausta ja yksityiskohtaista osaamista aiheesta.

Kun suunnittelet yrityksellesi saavutettavaa WordPress-verkkosivustoa, on tärkeää pitää mielessä heti alusta asti, että kaikki WordPressin lisäosat eivät täytä saavutettavuusvaatimuksia. Ei siis kannata suunnitella sivustoa sellaisten lisäosien varaan, jotka estävät täyden saavutettavuuden.

WordPress-verkkosivuston nopeus

WordPress-verkkosivuston nopeus on oikeastaan sen tekijän ja käyttäjän omissa käsissä. On keinoja optimoida nopeutta ja on keinoja sabotoida sitä!

Koodi vaikuttaa mielettömästi WordPress-verkkosivun nopeuteen. Mitä siistimpää ja minimalistisempaa koodi on, sitä nopeampi sivusto on. Esimerkiksi WordPressin page builder -lisäosat, jotka antavat sinun muokata saitin sisältöä ”drag and drop” -tyyliin, taas saattavat luoda ylimääräistä koodia, joka hidastaa sivustoa.

Lisäksi WordPress-sivuston nopeuteen vaikuttavat esimerkiksi palvelinvalinta, välimuistiin liittyvät asiat ja kuvat. Suuret kuvat hidastavat verkkosivun latautumista, mutta tähänkin ongelmaan on olemassa työkalu, joka web-optimoi verkkosivuston kuvat automaattisesti.

Jäikö sinulle kysyttävää?

Jäikö jotain puuttumaan? Etkö saanut vastausta kysymykseesi? Vai haluaisitko meiltä tarjouspyynnön WordPress-verkkosivuille? Olipa asiasi mikä vain, laita se matkaan henkilölle X keinolla Y, ja hoidetaan ongelma kuntoon.

Jos muuten vakuutuit WordPress-sivujen sopivuudesta tarkoituksiisi mutta pohdit vielä tekijän valintaa, hyppää lukemaan vinkkimme siitä, mitä virheitä ei kannata tehdä, kun valitset verkkosivujesi tekijää.

Vai etkö ole ihan varma, ovatko nykyiset sivunne kunnossa? Tai haluaisit tietää, mitä kehitettävää sivustollanne on?

Lue 3 syytä arvioittaa nykyiset verkkosivut ja tilaa meiltä maksuton arvio sivustonne nykytilasta!

Julkaisimme alkuvuodesta artikkelin, jossa developerimme Netta kirjoitti parhaista verkkosivutoteutuksissa käyttämistämme WordPress-lisäosista. Listan kärkipaikalla komeilee Advanced Custom Fields eli ACF, jonka peruskäyttöön pureudun nyt tarkemmin.

Mikä on ACF ja miksi sitä kannattaa käyttää?

ACF:n perusperiaate on tehdä sivuston sisältöjen muokkaamisesta mahdollisimman vaivatonta. Olit sitten kokenut WordPressin taitaja tai verkkosivumaailman vasta-alkaja, Advanced Custom Fields on kätevä lisäosa jokaiselle käyttäjälle ja sivustolle.

Normaalisti WordPressin sivujen muokkausnäkymässä pystyy otsikon ja sisältötekstin lisäksi muokkaamaan ja lisäämään mahdollisia kategorioita, yhden artikkelikuvan ja Artikkelit-sisältötyypillä vielä otteen. ACF mahdollistaa kustomoitujen lisäkenttien tekemisen eli sivujen ja artikkeleiden muokkausnäkymään saadaan kyseisen lisäosan avulla luotua lisäpaikkoja esimerkiksi tekstille, kuville, videoille, valintakentille ja monelle muulle – jopa Google-kartalle.

Näitä lisäkenttäpaikkoja on mahdollista asettaa näkymään mille sivulle tai sisältötyypille tahansa. Kentät saa asetettua livesaitille visuaalisesti haluttuihin kohtiin sivuston rakennuksessa käytetyn muokkaimen tai PHP-koodin avulla.

ACF:n myötä sivuston sisältöjen lisäyksiä tai muutoksia ei tarvitse toteuttaa devaajan toimesta, vaan muokkauksia on mahdollista tehdä helposti WordPressin sivueditorissa. Käytämmekin kyseistä lisäosaa jokaisessa verkkosivuprojektissamme toteuttaaksemme dynaamisia, asiakkaan itse helposti muokattavia sivustoja.

Miten Advanced Custom Fieldsiä käytetään?

Kun Advanced Custom Fields on ladattu lisäosien kirjastosta käyttöön, löytyy se WordPressin ohjauspaneelista (käyttökielestä riippuen) nimellä Lisäkentät. Kenttiä lisätään ryhmittäin, jolloin koko kenttäryhmää on helpompi hallinnoida ja esimerkiksi samalle sivulle haluttujen kenttien sijainti voidaan määritellä suoraan ryhmälle.

Käytän esimerkkinä asiantuntijalausunto-osion rakentamista yksittäisen palvelun sivulle, joka on Custom Post Type UI -lisäosalla toteutettu oma artikkelityyppinsä. ACF ja CPT UI ovat keskenään yhteensopivia lisäosia, joita molempia käytämme yhdessä sivustojen rakennuksessa.

Koska melkein jokaiselle kenttätyypille on omat asetuksensa, käyn tällä kertaa ACF:n käyttöä läpi perustasolla vain esimerkkini kautta. Tarkemmat speksit kaikkiin eri asetuksiin löytyy lisäosan omasta, hyvin kattavasta dokumentaatiosta erikseen jokaisen kenttätyypin kohdalta. ACF Pro -version mukana saatavia kenttätyyppejä ja muita lisäominaisuuksia tarkastelen hieman tämän artikkelin lopussa.

Kenttäryhmä ja lisäkenttä

Kenttäryhmän lisäämisen pääsee aloittamaan klikkaamalla ”Lisää uusi” Lisäkentät-otsikon alta. Ryhmään lisätään uusi kenttä ”+ Lisää kenttä” -napista.

1.    Lisää kenttäryhmälle kuvaava otsikko

Otsikko näkyy mm. kenttäryhmien koontisivulla sekä sivueditorissa kyseisen ryhmän kenttien yläpuolella.

2.   Lisää yksittäisen kentän nimiö ja nimi

Kirjoita nimiöön kenttää hyvin kuvaava nimi, sillä nimiö näkyy kentän nimenä muokkausnäkymässä. Nimi-kohta täyttyy nimiön mukaan automaattisesti.

3.   Valitse sopiva kenttätyyppi

Kenttätyyppi on se, joka määrittää, millaisia lisäpaikkoja muokkausnäkymään halutaan tuoda. Kenttätyyppejä on yli 30, joten valinnanvaraa löytyy – riippuen toki lisäkentän käyttötarkoituksesta.

Asiantuntijalausunto-kentälle valitsin tyypiksi tekstialueen, sillä pelkkä tekstikenttä on vain yhden rivin korkuinen, kun taas tekstialue on suurempi, jolloin kenttään on helpompi kirjoittaa pidempää tekstiä. Tekstialueen muokkausnäkymän koon voi määrittää Rivit-valinnasta, joka on automaattisesti 8.

Asiantuntijan kuva -kentän tyyppi on luonnollisesti kuva. Kuvatyypille voi asettaa esimerkiksi kuvan koon minimi- ja maksimiarvot pikseleissä, jos halutaan rajata kuvan valinta tietyn kokoisiin. Myös sallittua tiedostotyyppiä voi rajoittaa asetuksissa, mutta tässä tapauksessa jätän kaikki asetukset niin kuin ne ovatkin.

Asiantuntijan nimen ja tittelin kohtiin kenttätyypeiksi riittää perusvalinnan tekstikentät, sillä lisättävät sisällöt ovat lyhyitä ja mahtuvat yhdelle riville.

Viimeiseen luomaani kenttään, asiantuntijan yhteystietoihin, valitsin tyypiksi wysiwyg-editorin, jotta asiakkaan on helppo lisätä puhelinnumeroon sekä sähköpostiosoitteeseen linkit html-koodia osaamatta. Periaatteessa kaikki loput tiedot asiantuntijan nimestä alkaen olisi voinut toteuttaa yhden wysiwyg-editorin sisään, mutta koska visuaalisesti näillä kohdilla on erilaiset muotoilut keskenään, on asiakkaan kannalta parempi lisätä nämä erillisinä kenttinä. Tällä tavalla kenttien muokattavuus ja ohjeistus sivueditorissa on myös selkeämpää.

4.   Lisää kentän ohjeet ja valitse pakollisuus

Ohjeet näkyvät ennen lisäkenttää sivun muokkausnäkymässä ja helpottavat sisältöjen lisäämistä ja muokkausta etenkin silloin, kun muokkaaja ei ole itse lisäkenttiä luonut.

Mikäli halutaan, että kyseistä kenttää ei voi olla täyttämättä, voi sen lisätä myös pakollisena, jolloin sivua ei voi julkaista ennen kuin kenttä on täytetty.

5.   Lisää mahdollinen oletusarvo

Osalle kenttätyypeistä on mahdollista asettaa oletusarvo, jolloin kyseiselle kentälle ei tarvitse lisätä editorissa sisältöä, ellei se poikkea oletuksesta. Oletusarvoon voi tarvittaessa myös lisätä esimerkiksi html-koodinpätkän, jolloin muokkaaja pystyy helposti kopioimaan tuon koodin toisiin kenttiin ja muokkaamaan siihen halutun sisällön.

6.   Lisää mahdolliset määritteet lisäkentälle

Upeasti suomennettu kääreen määritteet (engl. wrapper attributes) mahdollistaa esimerkiksi oman classin tai id:n lisäämisen kentälle. Samassa voi myös määrittää kentän koon sivun muokkausnäkymässä. Tätä kohtaa säätämällä saa useita lisäkenttiä editointivaiheessa vierekkäin, jottei jokainen kenttä vie kokonaisen rivin leveydeltä tilaa.

Kenttäryhmän sijainti

Kenttäryhmän näkyvyyttä eri sivujen tai sisältötyyppien muokkausnäkymissä voi määrittää useita eri sääntöjä käyttäen. Luomani Palvelun asiantuntija -kenttäryhmän määrittelin näkymään kaikissa Palvelu-artikkelityypeissä.

Kenttäryhmä on myös mahdollista asettaa näkymään tietyille sivuille tai esimerkiksi artikkeleille, joille on määritelty tietyt kategoriat. Mikäli kenttäryhmä halutaan näkymään useammalla sivulla tai artikkelityypillä, voi niitä lisätä klikkaamalla ”ja”-nappia ja luomalla jokaiselle oman säännön. On myös mahdollista laittaa kenttäryhmä näkymään kaikissa sisältöä lisättävissä paikoissa, mutta sulkea pois tietyt sivut tai artikkelityypit.

Kenttäryhmän asetukset

Lopuksi kenttäryhmää luodessa voidaan määrittää koko ryhmälle tiettyjä asetuksia, joita ei kuitenkaan perustilanteissa kovin paljoa tarvitse muokata.

Kenttäryhmän sijainti on hyvä määrittää tarpeen mukaan joko normaalin sisällön jälkeiseksi eli sivumuokkaimessa sisältöeditorin alle, korkealle eli heti otsikon jälkeiseksi ennen sisältöeditoria tai reunalle eli sivumuokkaimessa oikeaan sivuun.

Asetuksissa on mahdollista muokata myös ryhmän lisäkenttien nimiön ja ohjetekstin sijaintia suhteessa täytettävään kenttään.

Kuvaukseen voi halutessaan kirjoittaa koko kenttäryhmän kuvauksen. Sivun tai artikkelin muokkausnäkymästä voi myös piilottaa tiettyjä kohteita, joita ei editorissa koe tarvitsevansa.

Kun tarvittavat asetukset ja halutut lisäkentät on luotu kenttäryhmään ja ryhmä asetettu näkymään tarvittavilla sivuilla tai artikkelityypeillä, odottavat ne enää vain sisällön lisäämistä! Ylläolevassa kuvassa näkyy, miltä lisäkentät näyttävät sivun, tässä tapauksessa yksittäisen palvelun, muokkaimessa jo lisättyine sisältöineen. Allaolevassa kuvassa näkyy visuaalinen lopputulos sivustolla.

Ilmainen versio vai Pro?

Kuten useat muutkin lisäosat, myös Advanced Custom Fields on saatavilla Pro-versiona. Vaikka ilmaisella versiolla pötkii jo melko pitkälle ja saa luotua useita sisällön lisäystä ja muokkausta helpottavia lisäkenttiä, on Pro-versiossa lisänä sellaisia ominaisuuksia, joita ehdottomasti tarvitsemme. Käytämmekin siis ACF PRO:ta kaikissa verkkosivutoteutuksissamme.

ACF PRO sisältää useampia lisäkenttätyyppejä ja ominaisuuksia verkkosivujen rakennukseen, kuten kuvagallerian, toistettavat rivit ja kloonattavat kentät. Maksullinen versio mahdollistaa esimerkiksi niin sanottujen ACF Blocksien, kuin myös joustavan sisällön luomisen.

ACF Repeater Field

Pro-versiossa mukana tuleva kenttätyyppi Repeater Field on erittäin näppärä työkalu, ja se löytyy lisäosan valinnasta nimellä ”Toista rivejä”. Kun kentän tyypiksi valitaan tämä, pystyy kyseiselle kentälle lisäämään niin sanottuja alakenttiä, jotka toimivat samalla tavalla kuin normaalisti lisättävät kenttätyypit.

Repeater Fieldiä on hyvä käyttää sellaisen sisällön luomiseen, jossa tarvitaan samoja kenttätyyppejä useaan eri kohteeseen. Kun yksi ryhmä tarvittavia kenttätyyppejä on luotu, voi sivuston muokkaaja itse lisätä kyseisen sivun muokkaimessa lisää kohteita tarvitsemansa määrän. Esimerkissäni olen käyttänyt ominaisuutta esittämään faktoja yrityksestä.

Kyseiseen esimerkkimalliin en tarvinnut kuin yhden kenttätyypin, jota voi monistaa sivun muokkaimessa. Kyseessä on teksti-kenttä, jolle lisäsin oletusarvoksi html-koodin, jotta saan faktoille haluamani muotoilut.

Sivun muokkaimessa Repeater Field tulee näkyviin kuten ylläolevassa kuvassa. Uusi fakta lisätään klikkaamalla ”Lisää fakta” -painiketta, jolloin kenttä monistuu ja ohjeen mukaisesti html-koodin sisään kirjoitetaan halutut tiedot, tässä tapauksessa aina numero ja teksti.

Esimerkissäni muotoilin yhden Repeater Field -kenttätyypin ja asetin sille käyttämässämme sivuston rakentajassa paikan, monistuu kenttä visuaalisesti ylläolevan kuvan mukaisesti. Näin asiakas tai sivun muokkaaja voi halutessaan lisätä tai poistaa faktoja ilman, että hänen tarvitsee osata sen enempää koodia tai sivuston rakentajan käyttöä.

Pro-versio tai ei, Advanced Custom Fields on erittäin tärkeä, kätevä ja uskaltaisin jopa sanoa, että korvaamaton lisäosa ja työkalu verkkosivustoja rakennettaessa. Sen avulla saadaan luotua dynaamisia sivuja ja jokaisen käyttäjän itse helposti lisättävää sekä muokattavaa sisältöä.

Tervetuloa! Tässä artikkelissa käyn läpi, kuinka normaali verkkosivuprojektimme kulkee. Hahmottamisen helpottamiseksi tehdään esimerkkiprojekti Asiakas Oy:lle.

Ennen projektin aloitusta Asiakas Oy on määrittänyt verkkosivu-uudistukselleen selkeän tavoitteen. Jos tavoitteiden asettaminen aiheuttaa harmaita hiuksia, niin apua löydät esimerkiksi meidän ilmaisesta Verkkosivujen ostajan oppaasta.

• Asiakas Oy
• Yrityksen yhteyshenkilönä toimii Maria
• Projektin keskeisimpänä tavoitteena on myynnin lisääminen yrityksen uusien verkkosivujen avulla ja referenssien entistä parempi esilletuonti

Tarjousvaihe

”Kiitos yhteydenotostasi!”, soitan Marialle hänen jätettyään yhteydenottopyynnön Leadoon loistavan chatbotin kautta. Tästä etenemme hänen kanssaan tarkempaan briiffiin verkkosivu-uudistuksen tarpeista ja tavoitteista. Ensimmäisessä palaverissa luonnollisesti myös esittäydytään puolin ja toisin.

Briiffistä viisastuneena lähetän Marialle kirjallisen tarjouksen sähköpostitse. Olemme briiffissä sopineet tarjouksen läpikäyntipalaverin noin viikon päähän ensimmäisestä palaverista. Tarjouksen läpikäynnin tarkoituksena on syventää asiakkaan ymmärrystä tarjouksesta, tarjottavista palveluista ja niiden hyödyistä. Läpikäynnin jälkeen tarjousta mahdollisesti tarkennetaan syvemmän yhteisen ymmärryksen saavutettuamme.

Kaikki projektiin liittyvät palaverit ja työpajat on mahdollista järjestää myös etänä.

Kuluu reilu viikko ja katson kalenteristani, että Maria on luvannut palata tarjoukseen tänään. Ilokseni iltapäivällä saankin puhelinsoiton, jossa Maria innoissaan kertoo, että he lähtevät ilolla tekemään verkkosivu-uudistusta yhteistyössä meidän kanssamme. ”Tervetuloa Sinisen Härän asiakkaaksi!”

Projektin kick-off

Kick-offin tavoitteena on, että kaikilla palaveripöydässä istuneilla on päivän päätteeksi selkeä käsitys siitä, miksi projekti aloitetaan ja kuinka se etenee.

Aikataulut on saatu asetettua yhteen ja sopiva aika projektin startille on löytynyt. Istumme alas Vallilan uuden toimistomme neuvotteluhuoneeseen pöydän notkuessa aamupalaherkkuja (kyllä, tämä on lupaus!).

Projektin kick-offiin osallistuu meidän puoleltamme koko toteuttava tiimi eli allekirjoittanut projektipäällikön ominaisuudessa, verkkosivujen tekninen toteuttaja sekä visuaalinen suunnittelija. Asiakkaan puolelta osallistujamäärää ei ole rajoitettu.

Kick-offin tavoitteena on tutustua koko projektitiimin voimin, kerrata projektin kulku, pohtia syvällisemmin projektin tavoitteita ja aloittaa rakenteen suunnittelu.

Palaverissa käydään luonnollisesti läpi myös verkkosivujen visuaalisuutta, haluttuja toiminnallisuuksia sekä asetetaan vastuualueet ja aikataulut tiimin kesken.

Vanhan sivuston läpikäynti, avainsanatutkimus, mahdollinen brändi-ilmeen uudistus ja niin edelleen

Ennen kuin projekti lähtee vauhdilla etenemään, on hyvä pysähtyä pohtimaan projektia tukevia osioita. Vanhan sivuston läpikäynti auttaa ymmärtämään, mitkä osiot ovat yrityksen näkyvyyden säilyttämiselle tai parantamiselle elintärkeitä, mitkä osiot ovat toimineet ja mitkä eivät.

Avainsanatutkimus kertoo, millä hakutermeillä yrityksen tuotteita ja/tai palveluita haetaan, millainen kilpailu kyseisillä hakutermeillä on ja kuinka paljon niitä keskimääräisesti haetaan.

Usein verkkosivuprojektin yhteydessä on tarvetta myös brändi-ilmeen uudistukselle ja sen paikka prosessissa on ehdottomasti tässä kohtaa!

Verkkosivujen käyttöliittymän suunnittelu

Verkkosivujen käyttöliittymän suunnittelu on tarkkaa työtä. Käyttöliittymän suunnittelulla ratkaistaan, minne ja miten verkkosivukävijää ohjataan sivustolla.

Periaatteessa käyttöliittymän suunnittelu on potentiaalisen asiakkaan ostoprosessin optimointia.

Vaikka käyttöliittymän suunnittelu on suurelta osin ajatustyötä, saa Maria ja Asiakas Oy lopputuotteena meiltä konkreettiset wireframing- eli rautalankamallit sivustosta. Näiden rautalankamallien tarkoituksena on mallintaa Asiakas Oy:n asiakkaan ostoprosessia ilman, että heitä häiritään vielä visuaalisilla elementeillä ja väreillä.

Verkkosivujen layoutien suunnittelu

Jes, taustatyö on tehty! Nyt päästään itse asiaan. Verkkosivujen layoutien suunnittelussa nuo aiemmin mainitut wireframing-mallit herätetään eloon.

Mitä kuvia käytetään? Hyödynnetäänkö videoita tai animaatiota? Minkä värinen call to action -painike tuottaa laadukkaita liidejä Asiakas Oy:lle? Millainen mobiiliversio sivustosta mallinnetaan? Näihin kaikkiin kysymyksiin saadaan vastaus prosessin tässä vaiheessa.

Verkkosivujen tekninen toteutus

Prosessin tässä kohtaa sininen viestikapula vaihtaa omistajaa eli vastuu projektin etenemisestä siirtyy visuaaliselta suunnittelijalta verkkosivukehittäjälle.

Me toteutamme räätälöityjä WordPress-verkkosivutoteutuksia. Meillä se tarkoittaa sitä, että loppuasiakkaan näkymän eli sen, miltä sivusto ulkopuolisille näyttää, lisäksi myös meidän asiakkaamme näkymää räätälöidään. Haluamme sivuston muokkauksen olevan asiakkaallemme helppoa ja vaivatonta, eikä se vaadi mitään koodiosaamista.

Jos ihminen osaa käyttää Facebookia, hän osaa käyttää myös meidän toteuttamaamme WordPress-verkkosivua.

Ensimmäisen kerran esittelemme asiakkaalle toiminnallista sivustoa teknisen toteutuksen puolivälissä. Tässä kohtaa siksi, että toiminnallisuuksia ollaan saatu vietyä pitkälle, mutta kommenttien ja korjausehdotusten perusteella muokkauksia voidaan vielä tehdä saman budjetin sisällä.

Tekninen toteutus sisältää myös paljon teknistä ja sisällöllistä hakukoneoptimointia, joista voit lukea lisää alla olevista linkeistä.

Lue lisää hakukoneoptimoinnista:

• Verkkosivujen sisällöntuotanto – näin onnistut projektissa
• Älä osta hakukoneoptimointia pakettihintaan
• Sivuston nopeuden optimointi

Verkkosivujen viimeistely ja avaus

Loppusuora häämöttää! Nyt viimeistelemme sivuston Asiakas Oy:n kommenttien mukaisesti. Tämän jälkeen varmistamme, että sivusto toimii moitteetta kaikilla verkkoselaimilla (kyllä, myös Internet Explorerilla), eri kokoisilla näytöillä ja eri laitteilla. Projektista riippuen tässä vaiheessa on hyvä myös testata sivustoa testikäyttäjillä.

Kun kaikki on valmista, sovimme Marian kanssa päivämäärän sivuston avaukselle, jonka hoidamme avaimet käteen -periaatteella. Viimeistelyn yhteydessä asennamme myös tarvittavat seurantatyökalut verkkosivuille.

Tässä vielä visuaalinen prosessikaavio avaamaan koko prosessia:

Jos uusi verkkosivusto kiinnostaa, laita sähköpostia tai moikkaa LinkedInissä.

Ps. Tämän jälkeen luonnollisesti hihat todella kääritään. Verkkosivu-uudistuksen jälkeen alkaa laadukas sisällöntuotanto, kohdennettujen kävijöiden ohjaus verkkosivuille ja sivuston jatkuva kehitys. Mutta se on eri tarina se… 😏

Lataa ilmainen verkkosivujen ostajan opas

​

​
Onko teidän yrityksessänne verkkosivu-uudistus käsillä? Siinä tapauksessa lataa ihmeessä ilmainen oppaamme. Opas on tehty auttamaan yrityksiä verkkosivujen ostamisessa ja siinä käydään läpi kilpailutuksessa huomioon otettavia asioita aina tarjouspyynnön laatimisesta toteuttajien vertailuun.
​
Lataa ilmainen opas!

Lisäosa, englanniksi plugin, devaajaksi plugari. WordPressin lisäosakirjastossa on tällä hetkellä ladattavissa 55 464 lisäosaa erilaisiin tarkoituksiin. Lisäosilla verkkosivustoon saadaan helposti käytännöllisiä lisätoiminnallisuuksia ja ominaisuuksia ilman riviäkään omaa koodia – näppärää! Tohdin väittää, että harvassa ovat ne WordPress-sivustot, joilla ei olisi ainuttakaan lisäosaa ladattuna. Tässä artikkelissa käyn nopeasti läpi, mitä on hyvä ottaa huomioon ennen WordPressin lisäosien lataamista ja vinkkaan Sinisen Härän työkalupakista 7 parasta lisäosaa.

Lisäosat, uhka vai mahdollisuus?

Vaikka omaa työtä helpottavien WordPress-lisäosien lataaminen sivustolle onkin parin klikkauksen päässä, kannattaa varoa, ettei talsi suoraan sudenkuoppaan. Kuten jo mainitsinkin, lisäosakirjastossa on aikamoinen kirjo erilaisia lisäosia, joista kaikki eivät ole todellakaan parhaan käytännön mukaisia. Vanhentuneet, sivuston teeman tai muiden lisäosien kanssa yhteensopimattomat lisäosat voivat heikentää tietoturvallisuutta tai kuormittaa sivuston latausnopeutta ja toimivuutta. Loppujen lopuksi riittää, että lataat sen yhden lisäosan, joka ei ole yhteensopiva jonkin toisen lisäosan kanssa, tai jossa jokin koodinpätkä ei ollutkaan ihan kohdillaan ja tyylikäs sivustosi muuntautuu järjettömän näköiseksi sotkuksi rikkoontuneilla toiminnoilla. Not fun.

Siispä mitä vähemmän lisäosia sivustolla on, sen parempi.  Kuitenkin huolella valitut lisäosat helpottavat verkkosivuston ylläpitämistä ja parantavat käyttökokemusta. Oma suositukseni onkin, että kun jonkin ominaisuuden saitille halajaa, kannattaa tehdä vähän taustatyötä lisäosan ajantasaisuudesta, käyttäjäarvioista, ominaisuuksista, tuesta sekä yhteensopivuudesta ennen Lataa-napin painamista.

Parhaat WordPress-lisäosat

Meillä on käytössämme oma kustomoitu WordPress-teema, jonka pohjalle rakennamme asiakkaillemme räätälöidyt verkkosivut ja -kaupat. Suuri osa saittien kustomoinnista pystytään hoitamaan koodilla, mutta täysin ilman lisäosia mekään emme kuitenkaan selviä. Niinpä seuravaksi tulee perusteluineen parhaat lisäosat, joita me käytetään sivustoprojekteissamme – olkaapa hyvät!

Advanced Custom Fields Pro eli lyhyemmin ACF

Advanced Custom Fields Pro on maksullinen lisäosa, joka nimensä mukaisesti mahdollistaa kustomoitujen lisäkenttien lisäämisen WordPressin editointinäkymään. Käytännössä WordPressin perusmuokkaimessa oletuksena olevien tekstieditorin, artikkelikuvan ja kategorioiden lisäksi näkymään saadaan joustavasti lisättyä lisää tekstikenttiä, kuvia, videoita… Aika lailla mitä vaan.

Me käytetään ACF:ää kaikissa sivustoprojekteissamme. Rakennamme sivustot dynaamisesti helpottaen siten sivuston sisältöjen päivitettävyyttä asiakkaiden kannalta. ACF antaakin reilusti mahdollisuuksia räätälöidä WordPressin perusmuokkainta halutulla tavalla.

CPT UI Custom Post Type

Custom Post Type eli CPT kuuluu ehdottomasti vakiovarusteisiin Sinisen Härän saittiprojekteissa. Sen syvemmälle WordPressin perusajatukseen menemättä, WP:n julkaisualustassa on kaksi tapaa lisätä sisältöä sivustolle: sivut ja artikkelit. CPT-lisäosan avulla sivustolle saadaan lisättyä kustomoituja artikkelityyppejä, kategorioita ja taksonomioita. Niin ja mikä parasta, tämä lisäosa toimii ACF-lisäosan kanssa saumattomasti yhteen!

Sivustoprojekteissamme CPT-lisäosan avulla tehdään omia kustomoituja artikkelityyppejä muun muassa erilaisille palveluille, tapahtumille tai vaikkapa ruokalistoille. CPT-osiot nousevat WordPressin ohjausnäkymään omana osionaan (aivan kuten artikkelit) ja niiden hallinnointi on siten tehty käyttäjälle helpoksi. Esimerkiksi, kun asiakas haluaa lisätä uuden palvelun sivustolleen, tämän ei tarvitse, kun täyttää (luonnollisesti ACF:llä kustomisti lisätyt) sisältökentät halutuilla sisällöillä ja valmista tuli. Palvelulistaus ja palvelun oma sivu haetaan dynaamisesti verkkosivustolle ennalta määriteltyjen ulkoasujen mukaisesti, joten mitään ulkoasuun liittyvää osaamista ei tarvita.

Yoast SEO / Rank Math

Verkkosivuston hakukoneoptimoinnista huolehtiminen on eittämättä melkoisen merkittävässä roolissa nykyaikana. Jos siis meinasit selvitä mahdollisimman pienellä määrällä lisäosia, niin hakukoneoptimoinnin lisäosaa ei kannata ensimmäisenä tipauttaa pois ladattavien lisäosien listalta. Meillä hyviksi todettuja SEO-lisäosia ovat Yoast SEO ja Rank Math. Molemmissa ehdoton etu on se, että yhdellä lisäosalla saat käyttöösi kokonaisen hakukoneoptimoinnin työkalupakin, joka sisältää käytännössä kaiken mm. avainsana-analyysistä, sivustokarttoihin, metatietojen muokkaamiseen sekä tekstisisällön optimointiin.

LiteSpeed Cache

Sivuston latausnopeus vaikuttaa paitsi sivuston käytettävyyteen, myös sen sijoittumiseen hakukoneiden hakutuloksissa. LiteSpeed Cache on ilmainen lisäosa verkkosivuston kokonaisvaltaiseen latausnopeuden optimointiin.  LiteSpeed -lisäosa tallentaa välimuistia koko sivustolta palvelintasoisesti, mikä parantaa sivuston latausnopeutta merkittävästi enemmän, kun vain pelkän sivuston välimuistia tallentavat lisäosat.  Lisäksi se sisältää kattavat työkalut sivuston nopeuden optimoimiseksi, minkä vuoksi se asennetaankin oletuksena meidän tekemille sivustoille sivuston latausnopeutta parantamaan.

WooCommerce

WooCommerce on ilmainen ja ylivoimaisesti suosituin verkkokauppalisäosa WordPressille. Se on kevyt ja avoimeen lähdekoodiin perustuva lisäosa, joka taipuu moneen käyttötarkoitukseen, oli kyseessä sitten iso tai pieni verkkokauppa. WooCommerce on helposti räätälöitävissä ja siihen on saatavilla erilaisia lisämoduuleja niin WooCommercen omasta lisäosatarjonnasta kuin muista WooCommercen kanssa yhteensopivista lisäosista. Sinisellä Härällä WooCommercea on käytetty niin suurten verkkokauppojen (Suomen Luonnonmaalit) rakentamiseen kuin katalogimallisten verkkosivustojen tekemiseen (Biozell).

Redirection

Uudelleenohjausten tavoitteena on huolehtia siitä, että käyttäjä ohjataan esimerkiksi Googlesta oikeaan osoitteeseen, vaikka sivuston osoite olisikin muuttunut. Näin säilytetään vanhalla sivulla saavutettu hakukonenäkyvyys ja estetään kävijän eksyminen 404-sivuille. Uudelleenohjaustyypeissä on eroja ja niillä on myös oma merkityksensä hakukonenäkyvyydessä. Siksi kannattaakin olla tarkkana, minkä uudelleenohjauksen valitsee. Käydäänpä nopeasti tähän väliin vielä uudelleenohjausten erittäin lyhyt oppimäärä:

• 301-uudelleenohjaus > Pysyvä
• 302-uudelleenohjaus > Väliaikainen
• 303-uudelleenohjaus > Korvattu

Me huolehdimme Sinisellä Härällä sivuston uudelleenohjaukset Redirection-plugarilla, joka on ilmainen ja hyväksi todettu lisäosa sivuston uudelleenohjausten hallinnointiin. Redirectionilla pystytään toteuttamaan muun muassa ehdollisia uudelleenohjauksia ja saamaan logeja 404 erroreista sekä aktiivisista uudelleenohjauksista.

Polylang Pro

Kun sivustolle ei riitä yksikielinen toteutus, ovat käännöstyöhön tarkoitetut lisäosat, kuten Polylang korvaamaton apu. Polylang Pro-lisäosalla sivuston sisältöjen käännöstyöt onnistuvat  helposti ja käyttölogiikaltaan yksinkertaisesti. Sinisellä Härällä monikieliset sivustototeutukset hoidetaan Polylang Prolla sen tarjotessa kattavat integraatiot myös Custom Post Typejen sekä ACF-kenttien käännöksiin.

Tilaa arvio verkkosivujesi nykytilasta

Hyvät verkkosivut tarkoittavat meille teknisesti ja visuaalisesti toimivia, mutta ennen kaikkea myyntiä tukevia kokonaisuuksia. Verkkosivut ovat monesti asiakkaan ja yrityksen ensimmäinen myyntikohtaaminen, eikä markkinoinnista saada kaikkea irti, mikäli sivusto ei tue mainonnan tavoitteita.

Tilaa ilmainen arvio