Kodulehe tegemine: eritellimus või valmis mall?

Kui ettevõte hakkab uut kodulehte ehk veebilehte tegema, jõuab jutt varem või hiljem ühe küsimuseni: kas võtta valmis mall (WordPressi teema, Wix, Squarespace, Shopify teema) või lasta leht teha eritellimusel?

Enamik Eesti lehti, mis kodulehe tegemisest räägivad, keskendub hinnale. Hind on oluline, aga see ei ütle, mida te selle raha eest tegelikult saate. Selles artiklis võtame lahti, mis kahe tee vahel päriselt erineb, millal mall on aus ja parem valik ning kuidas arendajat ja tema portfooliot hinnata.

Näitena kasutame oma demolehte Lõke. See on väljamõeldud restorani koduleht, mille tegime müügidemoks. Päris klienti ega restorani selle taga ei ole, aga kõik lehel olev töötab ja seda saab ise proovida.

Mida mall ja eritellimus tegelikult tähendavad

Mall on valmis kujundus ja struktuur, mille sisse vahetate oma teksti, pildid ja värvid. Lehe loogika, kiirus ja võimalused on suures osas ette antud. Lisafunktsioonid tulevad pluginatest või rakendustest.

Eritellimusel koduleht kirjutatakse teie ettevõtte jaoks. Kujundus, liikumine, vormid ja liidestused tehakse just selle töö jaoks, mida leht peab tegema. Midagi ei ole "kaasas lihtsalt igaks juhuks".

Kumbki pole iseenesest parem. Küsimus on selles, kui palju teie leht peab erinema ja kui palju see erinevus teile sisse toob.

Kiirus ja Core Web Vitals

Google mõõdab lehe kasutuskogemust kolme näitajaga (Core Web Vitals). Google'i juhendi järgi on hea tulemus:

• LCP (suurima sisuelemendi laadimine) kuni 2,5 sekundit;
• INP (reageerimine klikile või puudutusele) kuni 200 millisekundit;
• CLS (sisu hüppamine laadimise ajal) kuni 0,1.

Mõõdetakse 75. protsentiili järgi ehk leht peab olema kiire ka aeglasema telefoniga külastajale, mitte ainult arendaja arvutis.

Malli puhul ei ole aeglus tavaliselt kujunduse enda süü. Tavaliselt kogunevad aja jooksul pluginad, lehe-ehitajad, lisaskriptid ja optimeerimata pildid. Iga üksik neist tundub süütu, koos teevad nad lehe aeglaseks.

Eritellimusel lehel on kõik koodis olev sinna teadlikult pandud. Lõkke leht on tehtud Vite'i, GSAP-i, Lenise ja OGL-iga (WebGL) ning tavalise JavaScriptiga, ilma suure raamistikuta. Kuigi leht on täis animatsiooni, annab Lighthouse sellele kõigis neljas kategoorias 98 kuni 100 punkti. Raske osa laaditakse alles siis, kui seda on vaja: näiteks menüü WebGL-efekt käivitub alles siis, kui külastaja roa peale liigub.

Oluline täpsustus: kiirus ei asenda sisu. Google ütleb lehekogemuse juhendis ise, et otsing näitab alati kõige asjakohasemat sisu, isegi kui lehe kasutuskogemus on kehvem. Kiirus on osa tervikust, mitte imerohi.

SEO: mis on päriselt teie kontrolli all

Otsingumootori jaoks on vahe malli ja eritellimuse vahel väiksem, kui arvatakse. Mõlemaga saab teha hästi leitava lehe. Erinevus on detailides, mida mallis on raske või võimatu muuta:

• päris HTML-tekst, mitte pildi sisse kirjutatud pealkirjad või JavaScripti taha peidetud sisu;
• korrektne pealkirjade struktuur ja iga lehe oma pealkiri ning kirjeldus;
• struktureeritud andmed (nt restoranile Restaurant ja lahtiolekuajad);
• mitu keelt õigete hreflang-viidetega;
• puhas kood, mida otsingurobot kiiresti läbi loeb.

Lõkke lehel on kõik, mis otsingu jaoks loeb (aadress, lahtiolekuajad, menüü), tavaline HTML-tekst, kuigi selle ümber toimub palju liikumist. Isegi illustreeritud kaardil on tänavanimed ja restorani märk eraldi tekstina pildi peal, mitte pildi osa.

Broneerimis- ja kontaktivood, mis toovad kliente

Koduleht ei ole ajakiri. Enamasti peab see külastaja viima ühe tegevuseni: broneeri laud, küsi pakkumist, osta, helista.

Mallis on see tegevus tavaliselt kolmanda osapoole vidin või üldine kontaktivorm. See töötab, aga harva sobib see täpselt teie protsessiga.

Lõkke broneerimisvoog näitab, mida eritellimus siin võimaldab:

1. seltskonna suurus (1 kuni 8 inimest);
2. oma kalender, mis näitab ainult päevi, mil restoran on avatud (teisipäevast laupäevani, 90 päeva ette);
3. vabad kellaajad poole tunni kaupa;
4. kontaktandmed koos selgete veateadetega kohe välja juures;
5. kokkuvõte, kust saab iga vastuse juurde tagasi minna;
6. lõpus .ics-fail, mille abil broneering läheb ühe klikiga külastaja enda kalendrisse.

Iga samm töötab ka klaviatuuriga ja fookus liigub õigesse kohta. Demos ei ole broneeringu taga süsteemi, päris projektis ühendaksime selle restorani broneerimis- või kassasüsteemiga.

Sama loogika kehtib e-poe kohta. AMPSU on töötav platvorm, kus e-pood, kohalikud maksed ja tarne ning tasulised retseptid on üks teekond. Tooted ja tellimused käivad Medusas, maksed Montonio kaudu, tarne Omnivaga, retseptid ja püsitellimused Directuse ja Stripe'iga. Sellist kombinatsiooni ei saa ühestki valmis teemast.

Omandiõigus ja hooldus

Enne otsustamist küsige endalt: kellele leht kuulub ja mis juhtub kolme aasta pärast?

• Platvormil nagu Wix või Squarespace rendite lehte. Kui lõpetate tellimuse, ei saa te kujundust ega koodi kaasa võtta.
• WordPressi teemaga kuulub kood teile, aga teema, pluginad ja WordPress ise vajavad regulaarselt uuendamist. Iga uuendus võib midagi katki teha.
• Eritellimusel lehe kood peaks kuuluma teile. Leppige see lepingus kirja, koos ligipääsuga koodihoidlale, domeenile ja majutusele.

Ka eritellimusel leht ei ole hooldusvaba. Seda tuleb samuti aeg-ajalt uuendada. Erinevus on selles, et sõltuvusi on vähem ja te teate täpselt, mis seal sees on.

Millal on mall ausalt parem valik

Me ei soovita eritellimust igale ettevõttele. Mall on mõistlikum, kui:

• teil on vaja lehte kiiresti ja eelarve on väike;
• leht on sisuliselt visiitkaart: kes te olete, mida pakute, kuidas ühendust võtta;
• te soovite ise iga päev sisu muuta ega taha selleks arendajat;
• teie ärimudel on alles paika loksumas ja leht muutub nagunii poole aasta pärast;
• tavaline e-pood standardse makse ja tarnega katab teie vajaduse.

Hea mall, mis on korralikult seadistatud, on parem kui halvasti tehtud eritellimus.

Millal eritellimus end ära tasub

Eritellimus tasub end ära siis, kui erinevus toob raha sisse või hoiab kulusid kokku:

• esmamulje on osa tootest. Restoran, hotell, kinnisvaraarendus, disainibränd. Kui külastaja otsustab tunde põhjal, müüb leht ise. Lõkke lehel liigub külastaja kerides läbi tammepuust liuguksest otse saali, grilli juurde. Just see hetk jääb meelde, ülejäänud leht on meelega rahulik. Kes on oma seadmes liikumise vähendanud, näeb animatsiooni asemel liikumatuid pilte.
• Leht peab ühenduma teie süsteemidega. Broneeringud, laoseis, CRM, raamatupidamine, makse- ja tarnelahendused.
• Tegevusvoog on teie oma. Mitmesammuline broneerimine, hinnakalkulaator, tellimused, tasuline sisu.
• Kiirus on otseselt seotud müügiga. Näiteks e-pood, kuhu suur osa liiklusest tuleb telefonist.
• Pluginate kuhi on juba probleem. Olemasolev leht on aeglane, habras ja keegi ei julge seda puutuda.

Mis mõjutab kodulehe tegemise hinda

Oma hindu me ei avalda, sest iga töö on erinev. Aga hinna kujunemise põhjused on alati samad:

• lehtede ja keelte arv;
• kui palju on oma kujundust ja animatsiooni;
• vormid, broneeringud, kalkulaatorid ja muu loogika;
• liidestused teiste süsteemidega;
• kas sisu (tekstid, fotod, video) on olemas või tuleb see luua;
• sisuhaldus: kas ja kui palju peate ise muutma;
• hooldus ja edasiarendus pärast avaldamist.

Kui kaks pakkumist erinevad mitu korda, on tavaliselt põhjus selles, et need katavad erinevat tööd. Võrrelge sisu, mitte ainult lõppsummat.

Mida peaks sisaldama hea lähteülesanne

Hea lähteülesanne säästab mõlema poole aega ja annab võrreldavad pakkumised. See ei pea olema pikk. Piisab, kui vastate nendele küsimustele:

• Eesmärk: mida peab külastaja lehel tegema? Üks peamine tegevus.
• Sihtrühm: kes on külastaja ja millisest seadmest ta tuleb?
• Sisu: mis on olemas (tekstid, fotod, logo), mis puudub?
• Lehed ja keeled: umbkaudne struktuur ja keelte arv.
• Funktsioonid: vormid, broneeringud, e-pood, liikmeala.
• Liidestused: millised süsteemid on juba kasutusel?
• Sisuhaldus: kes ja kui tihti lehte muudab?
• Näited: 2–3 lehte, mis teile meeldivad, ja miks.
• Ajakava ja eelarve vahemik.
• Omandiõigus: kellele jääb kood, domeen ja majutus?

Kuidas arendaja portfooliot hinnata

Ekraanipildid on kõige lihtsam osa. Palju rohkem ütleb see, kui avate töö ise:

• Avage leht telefonis. Kas see on kiire ja kas kõik töötab ka väikesel ekraanil?
• Käivitage Lighthouse või PageSpeed Insights. Tulemus võtab minuti.
• Proovige peamist tegevust. Täitke vorm, läbige broneering, pange toode ostukorvi. Kus te takerdute?
• Kasutage klaviatuuri. Kas Tab-klahviga saab kõik läbi teha?
• Vaadake, kas töö on päris. Kas leht on elus ja kas arendaja ütleb ausalt, mis on kliendiprojekt ja mis demo?
• Küsige, mida arendaja tegi. Kujundus, kood, sisu, liidestused? Kas temaga saab tegelikult rääkida?

Sama kontrolli võite teha meie tööde kohta. Meie töödes on iga veebiarenduse klipp läbikerimine päris lehest ja lehte saab ise avada.

Kokkuvõte

Mall sobib, kui vajate lihtsat ja kiiresti valmivat lehte. Eritellimus sobib, kui leht on osa teie müügist: see peab jääma meelde, olema kiire ja viima külastaja lõpuni, olgu see broneering, päring või ost.

Kui kaalute kodulehe tegemist või olemasoleva uuendamist Tallinnas või mujal Eestis, kirjutage meile. Vaatame koos, mida teie leht peab tegema, ja ütleme ausalt, kas selleks piisab mallist.