Etusivu (kotisivu) — mitä se on ja miten se toimii

Tutustu etusivuun (kotisivu): mitä se on, miten se toimii ja miten suunnitella selkeä pääsivu, joka ohjaa käyttäjiä, parantaa käytettävyyttä ja näkyvyyttä hakukoneissa.

Tekijä: Leandro Alegsa

14-12-2025 15:30

Verkkosivuston etusivu on asiakirja, jonka verkkopalvelin lähettää toisen tietokoneen selainsovellukselle, kun siihen on otettu yhteyttä ilman erityistä tietopyyntöä. Toisin sanoen, kun osoitekenttään kirjoitetaan vain verkkotunnus ilman hakemisto- tai tiedostomäärittelyä, etusivu on yleensä ensimmäinen osa verkkosivustoa, johon henkilö siirtyy. Kotisivua kutsutaan myös pääsivuksi.

Oikein kirjoitettu etusivu kertoo käyttäjälle, mitä tietoja sivustolla on saatavilla ja miten sivuston eri osia voi tarkastella. Etusivun tavoitteena on johdattaa kävijä haluttuun sisältöön mahdollisimman nopeasti ja selkeästi.

simple.wikipedia.org-sivuston etusivu löytyy tästä linkistä.

Miten etusivu määritellään palvelimella?

Kun selain pyytää verkkotunnusta ilman polkua (esim. https://esimerkki.fi/), palvelin käsittelee pyynnön yleensä hakemiston oletustiedostona. Tavallisia oletustiedoston nimiä ovat esimerkiksi index.html, index.php tai default.html. Palvelimen asetuksissa (esim. Apache DirectoryIndex, Nginx try_files tai vastaava) määritellään, mikä tiedosto lähetetään oletustapauksessa.

Palvelin voi myös ohjata käyttäjän etusivulle uudelleen (redirect) toiseen URL-osoitteeseen, esimerkiksi paikalliseen kieliversioon (/fi/) tai staattiseen etusivuun. Lisäksi HTTP-otsikot ja tilakoodit (200, 301, 302) vaikuttavat siihen, miten hakukoneet ja selaimet käsittelevät tätä sivua.

Hyvät käytännöt etusivun sisällölle ja suunnittelulle

Selkeä viesti: Etusivun yläosassa (above the fold) tulisi näkyä, mitä sivusto tarjoaa ja miksi kävijän kannattaa jatkaa. Käytä lyhyttä otsikkoa ja tiivistä kuvausta.
Navigaatio: Tarjoa looginen ja helposti löydettävä valikko, linkit tärkeimpiin osioihin sekä hakutoiminto tarvittaessa.
Kutsuva toimintakehote (CTA): Esimerkiksi "Osta nyt", "Rekisteröidy" tai "Ota yhteyttä" auttavat ohjaamaan käyttäjän haluttuun toimintoon.
Visuaalinen hierarkia: Hyödynnä otsikoita, kuvia ja tilaa niin että tärkein sisältö erottuu selkeästi.
Luottamusta lisäävät elementit: Asiakaslausunnot, sertifikaatit, yhteystiedot ja selkeä tietosuojaseloste parantavat uskottavuutta.
Toiminnallisuus mobiilissa: Suunnittele responsiivisesti tai mobile-first; useimmat käyttäjät vierailevat sivuilla mobiililaitteilla.
Esteettömyys: Käytä semanttista HTML:ää, otsikointia (h1–h3), alt-tekstejä kuville ja riittävää kontrastia. ARIA-atribuutit voi lisätä tarvittaessa.

Tekniset huomioitavat seikat

Suorituskyky: Optimoi kuvat, minimoi JavaScriptin latauksia, käytä selaimen välimuistia ja CDN:ää nopeuttaaksesi sivun avausta.
SEO: Hyvä <title>-teksti, kuvaava meta description, rakenteelliset tiedot (schema.org) ja selkeä URL-rakenne auttavat hakukonenäkyvyyttä. Varmista myös, että etusivu käyttää kanonista URL-osoitetta.
Kielet ja lokalisaatio: Jos sivusto on monikielinen, tarjoa helppo tapa valita kieli tai ohjaa kävijä oikeaan kieliversioon. Käytä tarvittaessa hreflang-tunnisteita.
Tietoturva: Palvelimen tulee käyttää HTTPS-yhteyttä ja ajantasaisia sertifikaatteja. Harkitse HSTS-otsikkoa ja turvallisia evästeasetuksia.
Välimuistitus ja dynaamisuus: Jos etusivu on dynaaminen (luodaan palvelimella tai CMS:stä), käytä caching-mekanismeja (server-side cache, varnish, reverse proxy) estämään ylikuormitusta ja parantamaan vasteaikaa.

Sisällönhallinta (CMS) ja etusivu

Monissa sisällönhallintajärjestelmissä (esim. WordPress, Joomla) etusivu voidaan määrittää näyttämään joko viimeisimmät artikkelit tai staattinen sivu. WordPressissä etusivun asetukset löytyvät kohdasta Asetukset → Lukeminen (Settings → Reading), jossa määritetään etusivu ja mahdollinen blogisivusto erikseen.

Lisävinkkejä ja ylläpito

Päivitä sisältöä säännöllisesti: Ajantasainen etusivu parantaa luotettavuutta ja hakukonenäkyvyyttä.
Seuraa analytiikkaa: Käytä verkkokäyttäjäseurantaohjelmia (esim. Google Analytics) ymmärtääksesi, miten kävijät käyttävät etusivua ja missä on parantamisen varaa.
Testaa erilaisia versioita: A/B-testit voivat paljastaa, mikä sisältö tai asettelu konvertoi parhaiten.

Home Page oli suosittu verkkosivujen laatimiseen käytetty tietokonesovellus.

Linux-palvelimissa

Linux-pohjaisissa palvelimissa etusivu on yleensä index.html, index.php, index.cgi jne. Ellei sivuston ylläpitäjä ole luonut uudelleenohjausta tietylle verkkosivulle.

Windows-palvelimissa

Windows-pohjaisissa palvelimissa kotisivut ovat kuitenkin default.html, default.php jne. Tämä on ongelma verkkosivujen ylläpitäjille, jotka asentavat verkkosivusovelluksia, kuten MediaWikiä. Tämä johtuu pääasiassa siitä, että useimmat verkkosovellukset luodaan siten, että etusivun nimi on index.php (PHP-sovelluksissa).

Kysymyksiä ja vastauksia

K: Mikä on verkkosivuston etusivu?

V: Verkkosivuston etusivu on asiakirja, jonka verkkopalvelin lähettää toisen tietokoneen selainsovellukselle, kun siihen on otettu yhteyttä ilman pyyntöä tietyistä tiedoista.

K: Miten verkkosivuston etusivulle pääsee?

V: Verkkosivuston etusivulle pääsee syöttämällä osoitekenttään vain verkkotunnuksen ilman hakemisto- tai tiedostomäärittelyä.

K: Mikä on toinen nimi verkkosivuston etusivulle?

V: Verkkosivuston etusivua kutsutaan myös pääsivuksi.

Kysymys: Mitä tietoja oikein kirjoitetun etusivun pitäisi antaa käyttäjälle?

V: Oikein kirjoitetun etusivun pitäisi kertoa käyttäjälle verkkosivustolla saatavilla olevista tiedoista ja siitä, miten verkkosivuston eri osia voi tarkastella.

K: Mistä löytyy simple.wikipedia.org-sivuston etusivu?

V: simple.wikipedia.org-sivuston etusivu löytyy tästä linkistä.

K: Mikä oli kotisivu?

V: Home Page oli suosittu tietokonesovellus, jota käytettiin verkkosivujen laatimiseen.

K: Viittaako teksti tiettyyn kotisivuun?

V: Ei, teksti ei viittaa tiettyyn kotisivuun. Siinä käsitellään kotisivun käsitettä yleisesti.

Etsiä