Tekniikan Maailman verkkopalvelu-uudistus

Tekniikan Maailman uudistus oli startti Otavamedian yhtenäiselle alustalle

Tekniikan Maailman verkkopalvelu-uudistus toimi pilottina koko Otavamedian ekosysteemin modernisoinnille – ja tulokset puhuvat puolestaan.

Printtimedian pirstaloituneesta teknologiakokoelmasta kohti yhtenäistä alustaa

Otavamedian digitaalinen ympäristö oli ajautunut vuosien saatossa tilanteeseen, joka on tuttu monelle suurelle toimijalle: kymmenen eri brändiä, vaihtelevat teknologiaversiot ja päällekkäiset ratkaisut olivat luoneet pirstaloituneen kokonaisuuden, jota oli kallista ylläpitää ja hidasta kehittää.

Otavamedian lippulaivatuotteen Tekniikan Maailman sivuston tekninen toteutus oli kankea ja eriytynyt liiaksi muusta kehityksestä. Se ei tukenut toimituksen sujuvaa arkea tai sisällön tehokasta jakamista eri medioiden välillä, ja tekninen velka kasvoi jokaisen päivityksen myötä. Tiedossa oli myös vanhan Tekniikan Maailma -sivuston tekniset haasteet: se oli hidas ja eikä näkyvyys hakukoneissa (esim. Google) ollut hyvä.

Otavamedia kaipasi ratkaisua, joka tehostaisi ylläpitoa, mahdollistaisi sisällön saumattoman liikkumisen brändien välillä ja toimisi pohjana tuleville uudistuksille. Lähtökohtana oli rakentaa järjestelmä, jossa yhden sivuston kehitys hyödyttää välittömästi kaikkia muitakin.

“Sivustokohtaiset erot tekevät kokonaisuudesta vaikeasti hallittavan ja jatkokehityksestä kallista. Tämä projekti oli ensimmäinen askel, joka rakentaa pohjaa tuleville uudistuksille – tähtäimessä on koko tekemisen huomattava tehostaminen.” –Riku Österlund, Head of Design and Technology, Otavamedia

Tarkka vaatimusmäärittely viitoitti tien sujuvalle toteutukselle

Ennen kuin varsinainen projekti käynnistyi, tehtiin kohtalaisen iso vaatimusmäärittelyvaihe.

“Tarkka määrittely mahdollisti sen, että heti ensimmäisistä demoista alkaen Hionin kehittäjät pystyivät näyttämään konkreettisia asioita. Usein projekteissa on demoja, joissa näytetään vain koodirivejä, mutta nyt tekeminen muuttui heti konkreettiseksi ja meillä oli elementtejä testattavana.” –Riku Österlund, Head of Design and Technology, Otavamedia

Projektin tekninen toteutus oli vaativa voimannäyte, jossa siirrettiin 25 vuoden digitaalinen historia uuteen aikaan. Suurin haaste oli valtavan datamassan migraatio, joka kattoi satoja tuhansia artikkeleita ja kuvia aina 1950-luvulta saakka.

Toteutuksen onnistumisen takasi perinteisestä tilaaja-toimittaja-asetelmasta luopuminen. Toimimme yhtenä tiiminä, jossa asiakas testasi viikoittain toimivaa koodia suunnitelmien tuijottelun sijaan.

Tämä läpinäkyvyys mahdollisti nopeat suunnanmuutokset, itsenäiset ratkaisut ja turhan byrokratian karsimisen. Kehittäjämme pystyivät tekemään proaktiivisia ratkaisuja, ja lopputuloksena syntyi huippuunsa viritetty palvelu.

Less is more ja paluu natiiviin

Suunnitteluamme ohjasi vahva näkemys siitä, että teknologian on palveltava ensisijaisesti sekä käyttäjien tarpeita että liiketoiminnan skaalautuvuutta, ei hetkellisiä teknologiatrendejä.

Strateginen painopiste: Tehoja toimitukselliseen työhön

Projektin ytimessä oli valinta kohdistaa kehityksen suurin vipuvoima sisällöntuotantoon ja toimitukselliseen arkeen, sillä teknologian on palveltava ensisijaisesti liiketoiminnan skaalautuvuutta. Resurssit keskitettiin sisäisten avainkäyttäjien eli toimittajien työkalujen yhtenäistämiseen, mikä tuo Otavamedian laajuisesti merkittäviä tehokkuushyötyjä. Samalla kun toimituksen työnkulku sujuvoitui, uudistus paransi sivustojen teknistä suorituskykyä ja nopeutti latausaikoja, mikä näkyy lukijoille parempana käyttökokemuksena.

Tekninen visio: Paluu natiiviin ja modulaarisuuteen

Tekninen toteutus pohjautuu vahvaan kokonaisarkkitehtuuriin, jossa kalliit kustomoinnit korvattiin modernin WordPressin natiiveilla ominaisuuksilla. Hyödyntämällä Full Site Editing -ominaisuuksia ja Gutenberg-editoria toimitus sai enemmän joustavuutta ja yhtenäiset työkalut. Vanhat mammuttimaiset lisäosat purettiin modulaarisiksi kokonaisuuksiksi, mikä takaa järjestelmän tulevaisuudenkestävyyden ja mahdollistaa esimerkiksi digilehtitoiminnallisuuden jakamisen eri brändien välillä ilman sivustokohtaista räätälöintiä.

Skaalautuva arkkitehtuuri: Teema erillään teknisestä alustasta

Luova ratkaisu kiteytyi yhteiskäyttöiseen lohkoteema-arkkitehtuuriin, jossa sivuston teema toimii vain esityskerroksena ja tekninen alusta on yhteinen. Tämän mallin toimivuus todistettiin toteuttamalla Rakennusmaailma.fi samalle tekniselle pohjalle kuin Tekniikan Maailma vain brändivärejä ja fontteja vaihtamalla. Tämä syvällinen rakenteellinen muutos mahdollistaa uusien digitaalisten palveluiden lanseerauksen ja medioiden uudistamisen jatkossa huomattavasti aiempaa nopeammin ja kustannustehokkaammin.

Mitä tehtiin:

1. Siirryttiin Full Site Editingiin & Gutenberg-editoriin: Toimitukselle enemmän valtaa ja modernin WordPressin työkalut, jotka ovat yhtenäiset läpi koko Otavamedian mediaperheen.
2. Modulaarisuus: Mammutti-lisäosien purkaminen. Yksi lisäosa tekee yhden asian (esim. haku tai digilehdet), ja se on jaettavissa eri lehtien (TM, Rakennusmaailma, Anna jne.) kesken.
3. Future-proofing: Hyödynsimme WordPressin core-ominaisuuksia kustomointien sijaan. Kun WP päivittyy, koko ekosysteemi hyötyy ilman tarvetta kalliille räätälöintityölle.
4. Tietokannan radikaali siivous: Luovuimme raskaista ACF-lomakekentistä ja siirsimme sisällön suoraan WordPressin natiiviin Gutenberg-rakenteeseen. Tämä operaatio poisti tietokannasta satoja tuhansia rivejä turhaa metadataa, mikä kevensi järjestelmää merkittävästi.

Ennusteet rikki ja mittarit koilliseen

Uudistus ylitti kaikki optimistisimmatkin odotukset.

Tyypillisen uudistuksen jälkeisen hakukonenäkyvyyden notkahduksen sijaan mittarit lähtivät välittömästi lanseerauksen jälkeen jyrkkään nousuun. Sivuston kävijämäärät ja sivulataukset yli tuplaantuivat uudistuksen jälkeen, mikä on poikkeuksellinen tulos vakiintuneelle medialle.

Suorituskyvyn parannukset

Sivustonlaajuisesti Google PageSpeed Insightsin antama Performance Score parani mediaanilla laskettuna 53%.

• Suorituskykypisteiden muutos: 53.4%
• Ensimmäisen sisällön piirron muutos (fcp): -47.1%
• Suurimman sisällön piirron muutos (lcp): -19.1%
• Asettelun siirtymän muutos (cls): -98.9%

Sivuston latausnopeuksien parannukset selittyvät ensisijaisesti välimuististrategian tehostamisella.

Luvut on kauttaaltaan raportoitu mediaaneina, sillä ne antavat huomattavasti luotettavamman kuvan tilanteesta kuin pelkät keskiarvot.

Kävijämäärien muutos

Tekniikan Maailman kävijät yhteensä ennen julkaisua olivat 947 000 ja julkaisun jälkeen 2 638 000. Kävijämäärä siis yli 2,5-kertaistui. Viikkotasolla muutos on kutakuinkin sama.

Sivulataukset per istunto

Sivulatausten osalta uudistuksen jälkeen sivulataus / istunto sivustolla on ollut ennen uudistusta 2,26 ja jälkeen 1,47. Toisaalta istuntoja oli ensimmäisellä ajanjaksolla 2 miljoonaa ja jälkimmäisellä 10 miljoonaa, kasvua 400%.

Mainonnan impressiot

Kasvua 325%.

Google-hakujen muutos

Orgaaniset Google-haut tuottivat ennen julkaisua 600 000 sivulatausta ja julkaisun jälkeen 805 000 sivulatausta. Kasvua 34%.

Google Discover-muutokset

Google Discover tuotti ennen julkaisua 605 000 sivulatausta ja julkaisun jälkeen 8,5 miljoonaa sivulatausta. Discoverissa muutos on ollut suurin, kasvua 1 305%.

Vaikutukset mediamyyntiin ja kustannuksiin

– Lisääntynyt liikenne ja sivuston parantunut suorituskyky ovat realisoituneet suoraan kasvaneena mediamyyntinä, sillä mainosten näkyvyys (viewability) on parantunut latausnopeuksien myötä.
– Samalla kun liikenne on kasvanut, tekniset kustannukset ovat laskeneet. Tietokannan optimoinnin ja resurssitehokkaamman arkkitehtuurin ansiosta palvelinkulut (AWS) pienenivät arviolta 5–10 %.

Kun saatiin teknologia kuntoon, se näkyy suoraan luvuissa

Strategisella tasolla hanke onnistui validoimaan arkkitehtuuriratkaisun: konsepti on todistettu toimivaksi jo kahdessa eri mediassa, ja sisällön ristiinjulkaisu eri brändien välillä on nyt teknisesti vaivatonta. Projektilla varmistettiin Otavamedian kilpailukyky ja tekninen ketteryys pitkälle tulevaisuuteen.

“Tärkein tulos on tekninen softakehitys-framework, jonka päälle viedään yhtenäistämistä eteenpäin. Se maksaa itseään takaisin tulevaisuudessa.” –Riku Österlund, Head of Design and Technology, Otavamedia

Pilottina toiminut Tekniikan Maailman uudistus viitoittaa tietä Otavamedian harmonisointistrategian jatkumiselle. Palveluiden jatkokehitys ja ekosysteemin harmonisointi jatkuu, ja mukaan otetaan myös käyttäjäpolkujen parantaminen.

”Projekti oli oikein onnistunut. Harvoin suunta pysyy näin selkeänä koko projektin ajan. Tekeminen oli hyvin avointa ja duunia painettiin yhteistyössä yhtenä tiiminä.” –Riku Österlund, Head of Design and Technology, Otavamedia