Mobiilioptimointi: 15 kohdan checklist yrityksille
Google käyttää mobile-first indexingiä – sivustosi mobiiliversio ratkaisee sijoitukset. Tässä käytännön checklist mobiilioptimointiin.
TL;DR – Mobiilioptimointi pähkinänkuoressa
Mitä se on? Verkkosivuston optimointia mobiililaitteille: nopeus, käytettävyys ja näkyvyys hakukoneissa.
Miksi tärkeää? Google käyttää mobile-first indexingiä – sivustosi mobiiliversio määrittää sijoitukset myös desktop-hauissa.
Mitä tarkistaa? Nopeus, responsiivisuus, tekstin luettavuus, nappien koko, kuvien optimointi ja Core Web Vitals.
Työkalut: Google PageSpeed Insights, Lighthouse, Search Console Mobile Usability -raportti.
Mitä mobile-first indexing tarkoittaa käytännössä?
Google siirtyi mobile-first indexingiin vaiheittain 2018–2023. Tämä tarkoittaa, että:
- Googlebot indeksoi ensisijaisesti mobiilisivun – ei desktop-versiota
- Mobiilisivun sisältö ratkaisee sijoitukset – myös desktop-hauissa
- Jos mobiilisivu on huono, koko sivusto kärsii – vaikka desktop olisi täydellinen
- Sisällön pitää olla sama – älä piilota sisältöä mobiilissa
Käytännössä: Jos sivustosi ei toimi hyvin mobiilissa, menetät näkyvyyttä kaikissa hauissa. Tämä ei ole enää valinnaista.
Miten tarkistan onko sivustoni mobile-first-indeksoitu?
- Avaa Google Search Console
- Mene URL-tarkastus-työkaluun
- Tarkista "Googlebot"-kentästä: jos lukee "Googlebot Smartphone", olet mobile-first
- Tarkista myös "Kattavuus" → onko mobiili-indeksoinnissa ongelmia
Mobiilioptimoinnin 15 kohdan checklist
Käytettävyys (UI)
- Responsiivinen design – sivusto skaalautuu kaikkiin näyttökokoihin, ei vaakasuuntaista vieritystä
- Luettava teksti ilman zoomia – vähintään 16px perusteksti, riittävä kontrasti
- Riittävän isot nappi- ja linkkialueet – vähintään 48x48px kosketusalue, etäisyys toisiin elementteihin
- Toimiva navigaatio – hamburger-menu toimii, alavalikot avautuvat, takaisin-navigointi toimii
- Lomakkeet toimivat – oikeat input-tyypit (tel, email), autocomplete toimii, ei pieniä kenttiä
- Ei häiritseviä pop-upeja – Google rankaisee intrusive interstitialseista mobiilissa
- Puhelinnumerot klikattavia – tel:-linkki, jotta voi soittaa suoraan
Nopeus
- LCP (Largest Contentful Paint) alle 2,5s – suurin sisältöelementti latautuu nopeasti
- FID/INP alle 100ms – sivu reagoi klikkauksiin ja kosketuksiin välittömästi
- CLS alle 0,1 – sivun elementit eivät hypi latauksen aikana
- Kuvat optimoitu – WebP-formaatti, oikea koko, lazy loading (paitsi hero)
- Kriittinen CSS inline – above-the-fold-sisältö näkyy heti
Tekniset asetukset
- Viewport-meta kunnossa –
<meta name="viewport" content="width=device-width, initial-scale=1"> - Sama sisältö kuin desktopissa – ei piiloteta tekstiä, linkkejä tai kuvia mobiilissa
- Strukturoitu data toimii mobiilissa – testaa Rich Results Test -työkalulla mobiili-URL:lla
3 nopeaa voittoa – tee nämä heti
1. Optimoi kuvat
Muunna kuvat WebP-formaattiin, käytä oikeita kokoja (srcset) ja lisää lazy loading. Tämä parantaa nopeutta merkittävästi ilman koodaustyötä.
Vaikutus: LCP paranee tyypillisesti 30–50%
2. Korjaa CLS-ongelmat
Aseta kuville width ja height -attribuutit, varaa tila mainoksille/upotuksille etukäteen. Estää layout-hyppimisen.
Vaikutus: Parempi käyttökokemus, Core Web Vitals kuntoon
3. Tee puhelinnumerot klikattaviksi
Lisää tel:-linkki: <a href="tel:+358501234567">050 123 4567</a>. Helppo konversio mobiilissa.
Vaikutus: Lisää puheluita, parantaa käytettävyyttä
3 isompaa projektia – jos aikaa ja budjettia
1. Sivuston uudelleenrakentaminen
Jos sivusto on rakennettu desktop-first, mobiilioptimointi voi vaatia kokonaan uuden rakenteen. Mobile-first design alusta asti.
Työmäärä: 2–8 viikkoa, riippuen sivuston koosta
2. Hostingin ja palvelimen optimointi
CDN käyttöön, palvelimen TTFB (Time to First Byte) kuntoon, HTTP/2 tai HTTP/3, välimuistit oikein.
Työmäärä: 1–3 päivää + jatkuva seuranta
3. JavaScript-kuorman keventäminen
Poista turhat kirjastot, viivästä ei-kriittinen JS, jaa koodi (code splitting). Erityisen tärkeää hitailla mobiiliyhteyksillä.
Työmäärä: 1–5 päivää, riippuen teknologiasta
Mobiilioptimoinnin testaustyökalut
- Google PageSpeed Insights – Core Web Vitals, nopeus, käytettävyys. Testaa sekä mobile että desktop.
- Google Search Console → Mobile Usability – näyttää mobiiliongelmat sivukohtaisesti
- Lighthouse (Chrome DevTools) – laaja analyysi: suorituskyky, saavutettavuus, SEO
- Chrome DevTools Device Mode – testaa sivusto eri mobiililaitteilla visuaalisesti
- WebPageTest – syvällinen nopeusanalyysi, valittava laite ja yhteysnopeus
Vinkki: Testaa oikeilla laitteilla, ei vain emulaattoreilla. Lainaa vanhempi Android-puhelin ja testaa sillä.
Usein kysytyt kysymykset: mobiilioptimointi
Mikä on tärkein mobiilioptimoinnin mittari?
Core Web Vitals: LCP (latausnopeus), INP (interaktiivisuus) ja CLS (visuaalinen vakaus). Google käyttää näitä sijoitustekijänä.
Riittääkö responsiivinen design?
Responsiivisuus on pohja, mutta ei riitä yksinään. Nopeus, käytettävyys ja sisällön toimivuus mobiilissa ovat yhtä tärkeitä.
Vaikuttaako mobiilioptimointi desktop-sijoituksiin?
Kyllä! Mobile-first indexing tarkoittaa, että mobiilisivun laatu vaikuttaa kaikkiin sijoituksiin – myös desktop-hauissa.
Paljonko mobiilioptimointi maksaa?
Pienet korjaukset: muutama tunti (70 €/h). Laaja optimointi: 1 000–5 000 €. Kokonaan uusi sivusto: riippuu laajuudesta.
Kuinka nopeasti tulokset näkyvät?
Tekniset parannukset näkyvät Search Consolessa viikkojen sisällä. Sijoitusmuutokset voivat viedä 2–3 kuukautta.
Onko AMP vielä relevantti?
AMP ei ole enää pakollinen Top Stories -näkyvyyteen. Jos sivustosi on nopea ilman AMP:ia, sitä ei tarvita.
Mitä jos sivustoni on WordPress?
Valitse kevyt teema, vähennä lisäosia, käytä välimuistia ja CDN:ää. Vältä page buildereita, jotka lisäävät paljon koodia.
Miten testaan sivustoa hitaalla yhteydellä?
Chrome DevTools → Network-välilehti → valitse "Slow 3G" tai "Fast 3G". Testaa todellista käyttäjäkokemusta.
Kuinka usein pitäisi testata?
Vähintään kerran kuukaudessa tai jokaisen merkittävän muutoksen jälkeen. Seuraa Search Consolen Mobile Usability -raporttia jatkuvasti.
Voiko mobiilioptimoinnin ulkoistaa?
Kyllä. Teemme mobiilioptimointia osana hakukoneoptimointia tai erillisenä projektina.
Tarvitsetko apua mobiilioptimoinnissa?
Varaa maksuton 15 min kartoitus, niin käydään läpi sivustosi mobiilitilanne.