Voit kirjoittaa maailman parasta sisältöä, mutta jos hakukone ei pääse lukemaan sitä tai ei ymmärrä sivustosi rakennetta, se ei näy hauissa. Tekninen hakukoneoptimointi on perusta, jonka päälle kaikki muu rakentuu: avainsanatutkimus, sisältö ja linkkien ansaitseminen tuottavat tulosta vasta, kun tekninen pohja on kunnossa.
Käymme läpi teknisen SEO:n keskeiset osa-alueet ja sen, miten kukin niistä hoituu Webflow'ssa – mikä on natiivia ja mikä vaatii hieman koodia.
Indeksointi ja crawlaus – löytääkö Google sivusi?
Ennen kuin sivu voi sijoittua hakutuloksiin, hakukoneen botin täytyy ensin löytää se (crawlaus) ja tallentaa se hakemistoonsa (indeksointi). Kahdella tiedostolla ohjaat tätä prosessia:
- XML-sivukartta kertoo hakukoneelle, mitkä sivut sivustolta löytyvät. Webflow generoi sivukartan automaattisesti osoitteeseen /sitemap.xml ja pitää sen ajan tasalla, kun julkaiset uutta sisältöä. Lähetä sivukartta Google Search Consoleen heti julkaisun jälkeen, niin uudet sivut indeksoituvat nopeammin.
- Robots.txt määrittää, mitä botit saavat crawlata. Webflow luo tiedoston automaattisesti, ja sitä muokataan projektin asetuksista (Site Settings → SEO). Estä turhien sivujen – kiitos-sivut, sisäiset työkalut – crawlaus, jotta crawl-budjetti keskittyy oikeaan sisältöön.
Jos haluat pitää yksittäisen sivun pois hakemistosta, lisää sille noindex-meta-tagi sivukohtaisella head-koodilla – pelkkä robots.txt:n esto ei aina riitä, koska se estää crawlauksen muttei välttämättä indeksointia ulkoisten linkkien kautta.
URL-rakenne ja slugit
Selkeät, kuvaavat URL-osoitteet auttavat sekä käyttäjää että hakukonetta hahmottamaan sivun aiheen. Webflow'ssa jokaisen sivun ja CMS-kohteen slugin muokkaa suoraan Designerissa. Hyvä slug on lyhyt, sisältää sivun pääavainsanan ja erottaa sanat väliviivoilla – ei välilyöntejä, alaviivoja tai erikoismerkkejä.
Webflow tuottaa myös puhdasta, semanttista HTML-koodia, mikä helpottaa hakukoneiden työtä sivun rakenteen tulkinnassa.
Kanoniset tagit ja duplikaattisisältö
Kun sama sisältö on saavutettavissa useasta URL-osoitteesta, hakukone ei aina tiedä, minkä version se indeksoi – ja ranking-arvo hajoaa. Kanoninen tagi kertoo, mikä on virallinen versio.
Webflow asettaa kanoniset tagit automaattisesti, mikä ehkäisee suurimman osan ongelmista. Tarvittaessa määrität kanonisen osoitteen sivukohtaisesti ja CMS-templatekohtaisesti. Tämä korostuu CMS-kokoelmissa, joissa kategoria- ja tagisuodattimet voivat luoda useita polkuja samaan sisältöön.
Uudelleenohjaukset (301)
Aina kun URL muuttuu – slugin päivitys, migraatio, rakenneuudistus – tarvitset 301-uudelleenohjauksen. Se siirtää sekä kävijän että hakukoneen vanhasta osoitteesta uuteen ja säilyttää kertyneen ranking-historian. Ilman sitä menetät sijoitukset ja kävijä törmää 404-virheeseen.
Webflow'ssa redirectit hallitaan Redirect Managerissa (Site Settings → Publishing). Järjestelmä tukee myös wildcard-redirectejä, joilla ohjaat kokonaisia URL-polkuja kerralla – korvaamaton apu suuremmissa migraatioissa.
Rakenteinen data (schema / JSON-LD)
Rakenteinen data on koodia, joka kertoo hakukoneelle eksplisiittisesti, mitä sivulla on: artikkeli, tuote, FAQ, yritys, arvostelu. Oikein toteutettuna se avaa pääsyn rich result -tuloksiin – tähtiarviot, FAQ-pudotukset, leivänmurupolut – jotka erottuvat hakutuloksissa ja nostavat klikkausprosenttia.
Tässä Webflow'n natiivit työkalut loppuvat: schema-merkinnät lisätään custom-koodilla, JSON-LD-muodossa sivun head-osioon. CMS-templaten head-koodiin upotettuna voit kuitenkin templatoida rakenteisen datan niin, että se täyttyy dynaamisesti jokaiselle CMS-kohteelle. Juuri tämäntyyppinen toteutus erottaa ammattimaisesti rakennetun sivuston peruspohjasta.
Mobiilioptimointi
Google indeksoi sivustot mobiili edellä (mobile-first), joten mobiiliversio ei ole jälkikäteisajatus vaan lähtökohta. Webflow'n responsiivinen breakpoint-järjestelmä hoitaa mobiilisovituksen oletuksena: oikea viewport, skaalautuvat asettelut ja kosketuskohteiden mitoitus. Vastuullesi jää varmistaa, että sisältö, otsikkohierarkia ja navigaatio toimivat pienellä ruudulla yhtä hyvin kuin työpöydällä.
Sivuston nopeus lyhyesti
Latausnopeus on sekä ranking-tekijä että keskeinen konversioon vaikuttava asia. Webflow'n globaali CDN antaa vahvan lähtökohdan, mutta kuvien optimointi, fonttien lataus ja koodin keventäminen ratkaisevat lopputuloksen. Tämä on oma kokonaisuutensa, johon palaamme erillisessä Core Web Vitals -artikkelissa.
Teknisen SEO:n muistilista
- Sivukartta luotu ja lähetetty Search Consoleen
- Robots.txt konfiguroitu, turhat sivut estetty
- Slugit lyhyitä, kuvaavia ja väliviivoitettuja
- Kanoniset tagit kunnossa, etenkin CMS-kokoelmissa
- 301-redirectit jokaiselle muuttuneelle URL:lle
- Rakenteinen data (JSON-LD) keskeisille sisältötyypeille
- Mobiiliversio tarkistettu, ei vain skaalattu
- HTTPS päällä koko sivustolla
