Verkkosivut yritykselle: teknisesti moderni alusta
Nopeat, turvalliset ja hakukoneystävälliset verkkosivut React-pohjalla. Ei WordPress-liitännäisiä, ei tietokantayhteyksiä, ei viikoittaisia päivityksiä.
Yrityksen verkkosivujen tekniikka määrittää neljä asiaa: kuinka nopeasti sivusto latautuu, miten hyvin se sijoittuu Googlessa, kuinka turvallinen se on ja kuinka paljon ylläpito vaatii jatkuvaa työtä. Näihin kaikkiin vaikuttaa merkittävästi valittu tekninen alusta.
Suurin osa Suomen yrityssivuista pyörii WordPressillä. Se on tuttu ratkaisu, mutta sen mukana tulee jatkuva ylläpitovelka: viikoittaiset päivitykset, liitännäisten ristiriidat, tietoturvapaikat ja säännölliset varmuuskopiointitarpeet. Makkee valitsi tietoisesti toisen tien.
Tällä sivulla käydään läpi mitä eroa on staattisesti tarjoillulla React-alustalla ja perinteisellä WordPress-sivustolla, ja miksi tekninen valinta on merkittävä liiketoiminnalle, ei vain teknistä snobbailua.
React-alusta vs. WordPress. Mitä eroa on käytännössä
WordPress on sisällönhallintajärjestelmä, joka koostaa sivun palvelimella jokaisella latauksella. Se vaatii tietokannan, PHP-palvelimen ja usein 10–40 liitännäistä lisätoiminnallisuuksien vuoksi. Jokainen kerros lisää hitautta, riippuvuuksia ja tietoturvariskin.
React-alusta esirenderöi sivut julkaisuhetkellä staattisiksi HTML-tiedostoiksi ja tarjoilee ne CDN-verkosta. Ei tietokantaa, ei PHP:tä, ei liitännäisiä ajossa. Sivu on käytännössä valokopio, joka kopioituu käyttäjän selaimeen millisekunneissa.
Käytännön ero näkyy latausajassa (yleensä 3–5x nopeampi), palvelinkuluissa (staattinen hosting maksaa murto-osan) ja ylläpitotarpeessa (ei viikoittaisia päivityksiä).
- WordPress: PHP + MySQL + liitännäiset → jatkuva ylläpito
- React + CDN: staattinen HTML → ei ajonaikaisia riippuvuuksia
- Etuja: nopeus, tietoturva, alempi palvelinkuormitus
- Rajoitteita: sisältöä ei muokata suoraan selaimessa. Makkee hoitaa pienet muutokset puolestasi
Nopeus ja Core Web Vitals. Miksi ne ratkaisevat
Google käyttää Core Web Vitals -mittareita hakukoneiden sijoittelussa. Kolme mittaria ovat LCP (kuinka nopeasti pääsisältö latautuu), INP (kuinka nopeasti sivu reagoi klikkiin) ja CLS (kuinka paljon sivu hyppii latauksen aikana). Rajat ovat tiukat: LCP alle 2,5 s, INP alle 200 ms, CLS alle 0,1.
Tyypillinen WordPress-yrityssivusto ylittää LCP-rajan mobiilissa. Syitä on monta: raskaat teemat, optimoimattomat kuvat, blocking-JavaScript ja hidas palvelinvaste. Vaikka mittari saadaan vihreäksi, se vaatii jatkuvaa optimointityötä ja lisäliitännäisiä (jotka itsessään lisäävät kuormaa).
Staattinen React-toteutus alkaa käytännössä vihreältä. CDN palvelee HTML:n välittömästi, kuvat toimitetaan optimoituina, ja JavaScript ladataan vain sen verran kuin todella tarvitaan. Nopeus on tekninen ominaisuus, ei jatkuvasti korjattava ongelma.
- LCP alle 2,5 s. Sisältö näkyy heti
- INP alle 200 ms. Sivu reagoi välittömästi
- CLS alle 0,1: ei hyppiviä elementtejä
- Google käyttää näitä hakusijoituksissa (page experience)
Tietoturva ja ylläpito. Työmäärä joka jää tekemättä
WordPress-sivustoihin kohdistuu maailmanlaajuisesti suurin osa CMS-hyökkäyksistä yksinkertaisesta syystä: se on yleisin alusta ja jokainen liitännäinen on potentiaalinen haavoittuvuus. Yrittäjän vastuulla on pitää ydinsovellus, teema ja jokainen liitännäinen ajan tasalla. Käytännössä viikoittaista työtä.
Staattisella React-toteutuksella ei ole palvelimella suoritettavaa koodia, ei tietokantaa hakattavaksi eikä liitännäisiä murrettavaksi. Sivusto koostuu pelkistä HTML-, CSS- ja kuvatiedostoista, jotka tarjoillaan CDN:stä. Hyökkäyspinta-ala on olennaisesti pienempi.
Käytännössä tämä tarkoittaa sitä, että et joudu tekemään mitään ylläpitoa. Kaikki päivitykset (tekniikka + sisältö) tehdään Makkeen puolelta ja tarjoillaan sinulle valmiina.
- Ei viikoittaisia päivityksiä ajettavana
- Ei liitännäisten yhteensopivuusongelmia
- Ei tietokantayhteyksiä, joita murtaa
- Automaattiset varmuuskopiot versionhallinnassa
Tekninen SEO ja indeksointi
Tekninen SEO on kaikki se, mikä tapahtuu ennen kuin ensimmäistä sisältösanaa on kirjoitettu. Semanttinen HTML (H1, H2, artikkelirakenne), sivuston nopeus, mobiilioptimointi, sitemap.xml, robots.txt, canonical-tagit ja skeemamerkinnät (JSON-LD). Nämä ovat pöytävaatimuksia, joita ilman sisältö ei tavoita sijoitusta.
Makkeen alustaan on rakennettu tekninen SEO oletuksena. Jokaisella sivulla on ainutlaatuinen title ja meta description, kanoninen URL osoittaa aina itseen, sivukartta päivittyy automaattisesti ja skeemamerkinnät (Organization, Service, FAQPage, BreadcrumbList) toimitetaan Googlelle valmiina.
- Semanttinen HTML5-rakenne (article, section, nav)
- JSON-LD schema per sivutyyppi
- Automaattinen sitemap.xml ja robots.txt
- Canonical + Open Graph + Twitter Card per sivu
- hreflang-tuki jos monikielinen
Millainen alusta yritykselle kannattaa valita
Yleissääntö: valitse alusta joka ratkaisee ongelman, ei alusta jota kaikki muutkin käyttävät. Pienyrityksille, joilla ei ole omaa IT-henkilöä eikä halua ottaa vastuuta viikoittaisesta ylläpidosta, staattinen React-alusta on selkeästi parempi valinta kuin WordPress.
WordPress on parempi valinta silloin, kun tarvitset laajan roolipohjaisen käyttöoikeushallinnan, kymmeniä kirjoittajia, monimutkaisen verkkokaupan ilman kolmannen osapuolen palveluita tai käyttäjät haluavat itse muokata sisältöä selaimessa. Nämä ovat kuitenkin harvinaisia tarpeita pienyrityksissä.
- Pienyritys, palveluliiketoiminta → React-alusta
- Media, blogialusta, monta kirjoittajaa → WordPress voi olla parempi
- Verkkokauppa 500+ tuotteella → Shopify tai räätälöity
- Käyttäjien tuottama sisältö → tarvitaan CMS
Näin projekti etenee
Kuusi vaihetta ensimmäisestä keskustelusta jatkuvaan kehitykseen.
Keskustelu ja kartoitus
Käymme läpi mitä yrityksesi tekee, kenelle ja mitä sivustolta odotat. 15–30 min puhelu tai lomake.
Suunnittelu
Rakennamme sivuston rungon, otsikkohierarkian ja avainsanakartan. Näet ilmaisen ehdotuksen noin minuutissa.
Toteutus
Toteutus modernilla React-alustalla. Kommenttisi jälkeen teemme muutokset saman päivän aikana.
Julkaisu
Sivusto julkaistaan omalle domainillesi. SSL, sähköpostit, analytiikka ja Search Console kuntoon.
Hakukoneoptimointi
Sivusto lähetetään Googlelle indeksointiin. Tekninen SEO, sitemap, schema ja Core Web Vitals ovat kunnossa jo julkaisussa.
Jatkuva kehitys
Pienet muutokset ja päivitykset kuuluvat kuukausimaksuun. Uusia palvelusivuja ja artikkeleita lisätään tarpeen mukaan.
Makkee vs. perinteinen toimisto vs. WordPress-DIY
Yrityksen sivuston hankinnassa on käytännössä kolme reittiä. Vertailu auttaa hahmottamaan mihin rahat menevät ja mitä oikeasti saat.
| Ominaisuus | Makkee | Perinteinen toimisto | WordPress-DIY |
|---|---|---|---|
| Toimitusaika | Ehdotus minuutissa, julkaisu päivissä | 2–8 viikkoa | 20–80 h omaa aikaa |
| Aloitusmaksu | alk. 349 € | 1 500–5 000 € | 0–200 € |
| Kuukausimaksu | 49 €/kk sis. verkkosivupalvelu | 0–150 €/kk | 10–40 €/kk (hosting) |
| Hakukoneoptimointi | Sisältyy toteutukseen | Erillinen projekti | Oma osaaminen ratkaisee |
| Muutokset jälkikäteen | Rajattomat pienet muutokset | Tuntiveloitus 80–150 €/h | Tee itse |
| Tekninen alusta | Moderni React + CDN | Yleensä WordPress | WordPress / Wix / Squarespace |
| Sitoutuminen | Kuukauden irtisanomisaika | 12–24 kk sopimus | Ei sopimusta |
Toimitusaika
Aloitusmaksu
Kuukausimaksu
Hakukoneoptimointi
Muutokset jälkikäteen
Tekninen alusta
Sitoutuminen
Toteutettuja yrityssivuja
Todelliset asiakkaat, todelliset toteutukset. Katso yksityiskohtaiset case-tarinat referenssisivulta.
Miksi Makkee: teknistä osaamista, ei buzzwordeja
- Yli 12 vuoden kokemus verkkopalveluiden kehittämisestä
- Moderni React-alusta rakennettu skaalautuvaksi
- Core Web Vitals kunnossa jo julkaisussa
- Tekninen SEO ja schema-merkinnät oletuksena
- Suomalainen yritys ja tuki
- Ei WordPress-riippuvuutta, ei liitännäisiä ylläpidettävänä
- Läpinäkyvä hinta alk. 349 € + 49 €/kk
- Kuukauden irtisanomisaika, sisällöt ja domain omat
Usein kysyttyä
Miksi ette käytä WordPressiä?
WordPress vaatii jatkuvaa ylläpitoa, on hitaampi ja alttiimpi tietoturvaongelmille. Moderni React-alusta tarjoaa nopeamman sivuston, paremman SEO-perustan ja vähemmän ylläpitoa.
Voinko itse muokata sivujen sisältöä?
Suoraan selaimessa et. Staattinen alusta ei sisällä hallintapaneelia. Käytännössä tämä on hyvä asia: kaikki pienet muutokset hoidamme puolestasi kuukausimaksun puitteissa. Sinun ei tarvitse opetella työkalua.
Toimiiko React-sivusto hakukoneissa yhtä hyvin kuin WordPress?
Kyllä, itse asiassa paremmin. Google indeksoi staattisen HTML:n välittömästi, kun taas WordPressin dynaamiset sivut ovat hitaampia palvelemaan. Core Web Vitals -mittarit ovat tyypillisesti selvästi paremmat.
Mitä eroa on staattisella ja dynaamisella sivustolla?
Staattinen sivusto koostuu valmiiksi generoiduista HTML-tiedostoista, dynaaminen kootaan palvelimella jokaisella latauksella. Staattinen on nopeampi, turvallisempi ja halvempi ylläpitää.
Voidaanko sivustolle liittää verkkokauppa?
Kyllä. Käytämme headless-verkkokaupparatkaisuja (esim. Shopify) tai räätälöityä integraatiota. Lisähinta +200 €/kk.
Miten sivut varmuuskopioidaan?
Kaikki koodi ja sisältö on versionhallinnassa (Git). Jokainen julkaisu on palautettavissa millä hetkellä hyvänsä.
Voinko siirtää sivut myöhemmin toiselle alustalle?
Sisällöt (tekstit, kuvat) ja domain ovat sinun. Tekninen React-toteutus on Makkeen palvelua, joten uudelle alustalle siirryttäessä sivusto joudutaan rakentamaan uudelleen. Sisältöjen kanssa.
Toimivatko sivut mobiilissa?
Kyllä, mobiili on ensisijainen kohde. Sivut suunnitellaan mobiilinäkymä edellä, koska yli 70 % kävijöistä käyttää puhelinta.
Lue myös
Aiheeseen liittyvät artikkelit
Syventävät oppaat kotisivujen hinnasta, hakukonenäkyvyydestä ja yleisimmistä sudenkuopista.
Modernit verkkosivut ilman WordPress-riesaa
Luo maksuton sivuehdotus. Näet oman sivustosi luonnoksena noin minuutissa.
Luo maksuton sivuehdotusIlmainen ehdotus minuutissa, julkaisu päivissä. Kuukauden irtisanomisaika. Ei piilokuluja.