Kodulehe optimeerimine: tasuta juhend WordPressile

„Optimeerimine" on üks neist sõnadest, mida pakkumistes kasutatakse palju ja seletatakse harva. Ühe pakkuja jaoks tähendab see piltide kokkupressimist, teise jaoks märksõnu tekstis ja kolmanda jaoks uut teemat.

Allpool on lahti kirjutatud, mis on mis, mida kumbki tegelikult mõjutab ja kuidas enamiku sellest WordPressis ilma raha kulutamata ise ära teha. Konkreetsed pluginanimed on kirjas, sest ilma nendeta on juhendist vähe kasu.

Kolm asja, mida optimeerimiseks nimetatakse

Segadus tuleb sellest, et sama sõna katab kolme erinevat tööd.

Kiirusoptimeerimine on tehniline pool: kui kiiresti leht laeb ja kui sujuvalt ta kasutamisel reageerib. Seda saab mõõta ja tulemust näeb kohe.

Tehniline SEO on see, kui hästi otsimootor su lehte lugeda ja mõista saab: pealkirjad, sisukaart, aadressistruktuur, dubleeriv sisu. Ka see on mõõdetav, aga tulemus tuleb nädalatega.

Konversioonioptimeerimine on töö sellega, mitu külastajat päringuni jõuab. See pole tehniline töö, vaid sisu ja paigutuse töö.

Selles postituses on juttu kahest esimesest, sest just neid saab tasuta ja ise ära teha. Kolmas nõuab su enda ärilisi teadmisi ja seda ei asenda ükski plugin.

Enne kui midagi teed: tee varukoopia

See ei ole formaalne hoiatus. Vahemälu- ja optimeerimispluginad muudavad seda, kuidas leht brauserisse jõuab, ja vale seadistus võib saidi valgeks teha. Vahe on selles, kas sa taastad viie minutiga või õpid õhtu jooksul FTP-d.

Tasuta variant: UpdraftPlus teeb täisvarukoopia ja laeb selle Google Drive'i. Enne iga järgmist sammu tee üks värske koopia.

Ja veel üks reegel: tee üks muudatus korraga ja vaata sait pärast üle. Kui lisad korraga kolm pluginat ja sait läheb katki, ei tea sa, kumb neist süüdi oli.

Samm 1: mõõda, ära arva

Kõige levinum viga on hakata parandama kohta, mis polnudki katki.

Tasuta tööriistad, mis annavad päris vastuse:

• PageSpeed Insights (pagespeed.web.dev) — Google'i enda tööriist. Sisesta aadress ja saad nii labori- kui ka päriskasutajate andmed. Vaata eraldi mobiili tulemust — see on peaaegu alati halvem ja Google hindab saiti just mobiilivaate järgi.
• Google Search Console — tasuta ja kohustuslik. Seal on „Core Web Vitals" raport, mis näitab päris külastajate kogemust, mitte ühte testi.
• GTmetrix — tasuta konto annab laadimise ajajoone, kus on näha, milline fail täpselt aega sööb.

Kirjuta enne alustamist tulemused üles. Ilma alguspunktita ei tea sa hiljem, kas midagi läks paremaks.

Mida numbrid tähendavad

Kolm mõõdikut, mille järgi Google saidi kasutuskogemust hindab:

• LCP — kui kaua läheb, enne kui külastaja näeb lehe põhisisu. Hea tulemus on alla 2,5 sekundi. Süüdlane on tavaliselt liiga suur hero-pilt.
• CLS — kui palju sisu laadimise ajal hüppab. Tekib siis, kui piltidel puuduvad mõõtmed. Hea tulemus on alla 0,1.
• INP — viivitus klõpsu ja reaktsiooni vahel. Enamasti liigne JavaScript. Hea tulemus on alla 200 millisekundi.

Skoor 100 ei ole eesmärk. Eesmärk on, et kõik kolm mõõdikut oleksid rohelised — 100 nimel viimase paari punkti taga ajamine lõhub tavaliselt rohkem, kui võidab.

Samm 2: pildid

Enam kui pooltel saitidel, mida vaatame, on suurim probleem pildid. See on ka kõige lihtsam koht, kus tasuta suur võit tuleb.

Kolm asja, mis pildiga peavad korras olema:

1. Õige mõõt. 4000 pikslit lai fotoaparaadipilt, mida kuvatakse 800 piksli laiuselt, on lihtsalt raisatud liiklus. Vähenda pilt enne üleslaadimist umbes selle laiuseni, milles teda päriselt näidatakse (hero-pildil ~1920 px, sisupildil ~1200 px).

2. Õige formaat. WebP on tavaliselt 25–35% väiksem kui sama kvaliteediga JPEG. Tasuta pluginad, mis teisendavad kogu meediateegi:

• Converter for Media — teeb WebP/AVIF versioonid ja serveerib neid automaatselt, tasuta versioon piisab enamikule.
• EWWW Image Optimizer — pressib pildid serveris kokku, ilma igakuise limiidita.
• Imagify või ShortPixel — tasuta tasemel kuulimiit (u 100–200 pilti kuus), mis väikese saidi jaoks on täiesti piisav.

3. Lazy loading ja mõõtmed. WordPress lisab tänapäeval ise loading="lazy" ja pildi mõõtmed. Aga hero-pilt ehk see, mis on kohe ekraani ülaosas, ei tohi olla lazy — muidu jääb see hiljaks ja LCP läheb halvemaks. Enamikus teemades saab selle märkida „prioriteetseks" või lülitada esimese pildi lazy-load välja.

Kui teed ainult ühe asja sellest postitusest, siis tee see.

Samm 3: vahemälu

Ilma vahemäluta ehitab WordPress iga külastaja jaoks lehe nullist kokku: PHP jookseb, andmebaas vastab, tulemus visatakse ära. Vahemälu salvestab valmis lehe ja annab järgmisele külastajale selle otse.

Vali üks plugin. Kaks vahemälupluginat korraga on klassikaline viis sait katki teha.

• Kui majutaja kasutab LiteSpeed serverit (paljud Eesti majutajad kasutavad), siis LiteSpeed Cache on parim valik ja täiesti tasuta. Kontrolli majutuse infost või küsi klienditoest.
• Kui ei, siis WP Super Cache (lihtne) või W3 Total Cache (võimekam, aga rohkem nuppe).
• Väga kerge alternatiiv: Cache Enabler.

Alusta kõige lihtsamast seadistusest: lülita lehevahemälu sisse, salvesta ja vaata sait üle. Alles siis mine agressiivsemate valikute juurde.

Samm 4: CSS ja JavaScript

Siin tuleb enamik ülejäänud võitu — ja siin läheb ka kõige rohkem katki. Mine sammhaaval.

Tasuta tööriist: Autoptimize (või samad valikud LiteSpeed Cache'i sees).

Järjekord, mida soovitame:

1. Ühenda ja pressi CSS kokku. Turvaline, tavaliselt ei lõhu midagi.
2. Lükka JavaScript edasi (defer). Enamasti ohutu, aga kontrolli pärast üle: liuguri, menüü ja kontaktvormi töö.
3. Eemalda kasutamata CSS. Suurim võit ja suurim risk. Kui kasutad seda, kontrolli üle iga lehetüüp eraldi — avaleht, sisuleht, blogi, kontakt. Kasutamata CSS-i tuvastus eksib eriti tihti hüpikakende ja mobiilimenüü juures.

Kui midagi läheb katki, on lahendus peaaegu alati „lisa see üks fail välistuste nimekirja", mitte „lülita kogu funktsioon välja".

Samm 5: fondid

Google Fonts välise lingina tähendab, et brauser peab enne teksti näitamist ühendust võtma veel ühe serveriga. See on kaks lisapäringut ja tihti pool sekundit.

Tasuta lahendus: OMGF laeb fondid alla ja majutab need su enda serveris. Sama plugin oskab lisada font-display: swap, mis tähendab, et tekst on loetav ka enne fondi kohalejõudmist.

Boonuseks kaob ära ka üks väline päring, mis GDPR-i mõttes on omaette argument.

Samm 6: pluginad ja teema

Iga plugin laeb koodi igal lehel, ka siis kui sa seda funktsiooni sellel lehel ei kasuta.

Mida teha, tasuta ja käsitsi:

• Ava pluginate nimekiri ja kustuta kõik, mis on välja lülitatud. Väljalülitatud plugin ei tee midagi kasulikku, aga vajab siiski uuendamist ja on turvarisk.
• Käi aktiivsed pluginad läbi ja küsi iga kohta: kas ma kasutan seda? Tüüpiline sait, kus keegi pole aastaid koristanud, kaotab siin 8–10 pluginat.
• Vaata üle kaks kõige raskemat kahtlusalust: lehekonstruktor (Elementor, WPBakery) ja liugur (Slider Revolution). Neid ei pea maha võtma, aga tea, et need on tavaliselt need, mis kõige rohkem koodi lisavad.

Kui kaalud teema vahetust: kerge teema (nt GeneratePress või Kadence tasuta versioon) annab suurema võidu kui kõik ülejäänud sammud kokku. Aga see on ka kõige suurem töö, sest kogu kujundus tuleb üle vaadata. Jäta see viimaseks.

Samm 7: andmebaas

WordPress kogub aastatega prügi: iga postituse iga salvestus jääb revisjonina alles, spämmkommentaarid, ammu kustutatud pluginate seaded.

Tasuta: WP-Optimize teeb ühe nupuvajutusega puhtaks revisjonid, prügikasti ja spämmi.

Ja et see uuesti ei koguneks, lisa wp-config.php faili enne rida /* That's all, stop editing! */:

define( 'WP_POST_REVISIONS', 5 );
define( 'EMPTY_TRASH_DAYS', 14 );

Esimene hoiab alles viis viimast versiooni iga postituse kohta, teine tühjendab prügikasti kahe nädala järel.

Samm 8: server ja PHP versioon

Kaks asja, mis ei maksa midagi ja mille mõju on suurem, kui arvatakse.

PHP versioon. Vaata WordPressi menüüst Tööriistad → Saidi seisund → Info. Kui seal on PHP 7.x, siis lülita majutuse juhtpaneelist ümber PHP 8.1-le või uuemale — see on tavaliselt 20–30% kiirem ja tasuta. Tee enne varukoopia ja kontrolli sait pärast üle.

Cloudflare tasuta plaan. Annab CDN-i, HTTP/3 ja Brotli-pakkimise. Väga väikese Eesti-keskse saidi puhul on võit tagasihoidlik, aga see on tasuta ja lisab ka kaitsekihi.

Majutus ise. Siin tuleb ausalt öelda: kui sait on odaval jagatud majutusel, kus sama masina peal on sadu saite, siis on tehnilisel optimeerimisel lagi ees. Sellest kohast edasi ei aita enam pluginad.

Tehniline SEO — tasuta pool

Kiirus on üks pool, teine on see, kas otsimootor su saidist üldse aru saab.

Vali üks SEO-plugin: Rank Math (tasuta versioon on ebatavaliselt võimekas), Yoast SEO või The SEO Framework. Kaks korraga tekitab dubleerivad sildid.

Mida päriselt ära teha:

1. Iga lehe pealkiri ja kirjeldus. Need ilmuvad otsingutulemuses. Vaikimisi genereeritud „Avaleht — Minu Firma" ei müü midagi.
2. Üks H1 lehe kohta, alapealkirjad H2 ja H3. Pealkirjad on struktuur, mitte kujundus — ära vali H2 sellepärast, et kiri on õige suurusega.
3. XML-sisukaart ja selle esitamine Search Console'is. SEO-plugin teeb sisukaardi ise, aga esitamine on eraldi käik.
4. Piltide alt-tekstid. Kirjuta, mis pildil on. Sellest võidavad korraga otsing ja ekraanilugejaga kasutajad.
5. HTTPS ja üks aadress. Sait peab olema kättesaadav ühelt aadressilt — kas www või ilma — ja teine peab sellele ümber suunama.
6. Sisemised lingid. Kõige alahinnatum tasuta SEO-töö: linki oma teenuselehtedele oma sisu seest.

Mida tasuta ära ei tee

Aus vahekokkuvõte, sest kõik juhendid ei ütle seda välja.

Ülalkirjeldatuga saab tüüpilise WordPressi saidi punasest rohelisse. Mida sa tasuta pluginatega ei lahenda:

• Halb majutus. Aeglane server jääb aeglaseks.
• Ülesehitusprobleem. Kui teema laeb igal lehel 40 fonti ja kolm ikoonikomplekti, siis pluginad üle selle ei kirjuta.
• Aeglane kolmanda osapoole kood. Vestlusaken, broneerimissüsteem, reklaamipiksel — need laevad võõrast serverist ja sinu vahemälu ei puutu neisse.
• Vastuoluliste pluginate lahtiharutamine. See on käsitsi töö, kus lülitatakse asju ükshaaval välja ja mõõdetakse uuesti.

Ja ausalt: aja arvestus. Esimene kord võtab see kõik nädalavahetuse.

Järjekord, kui aega on vähe

Kui tahad teha ainult kolm asja, siis need kolm:

1. Pildid korda — suurim võit, väikseim risk.
2. Vahemälu sisse — teine suurim võit, väike risk.
3. Kasutuseta pluginad maha — tasuta, kiire, vähendab ka turvariski.

Neli ülejäänud sammu annavad juurde, aga alles pärast seda, kui need kolm on tehtud.

Kokkuvõte

Kodulehe optimeerimine ei ole üks nupp ega üks plugin. See on rida väikesi otsuseid, millest igaüks võtab natuke aega maha. Enamiku neist saab WordPressis tasuta ära teha, kui mõõta enne ja pärast ning teha üks muudatus korraga.

Kui sait on pärast seda ikka aeglane, siis on probleem tavaliselt seal, kuhu pluginad ei ulatu — majutuses või teema ülesehituses.

Kui tahad täpsemalt aru saada, mida Core Web Vitals mõõdikud tähendavad ja millal tasub ise nokitsemise asemel spetsialist kutsuda, vaata ka WordPressi kiiruse optimeerimise käsiraamatut.

---

Ei taha ise nokitseda? Teeme tasuta ülevaatuse: mõõdame kiiruse üle, vaatame, kus aeg tegelikult kulub, ja saadame raporti koos konkreetsete soovitustega. Raporti saad ka siis, kui klienti meist ei saa.

Küsi tasuta ülevaatust · Loe optimeerimisteenusest