Tee se itse -kotisivut tekoälyllä syntyvät yhdessä illassa, kun sisältö on kirjoitettu valmiiksi ennen kuin avaat yhtään työkalua. Tekoäly kirjoittaa koodin, asettelee sivut ja korjaa virheet, ja se tekee sen nopeasti. Sen sijaan se ei tiedä, mitä yrityksesi tekee, keitä se palvelee tai mikä on sen puhelinnumero. Tuo osuus on sinun, ja se on myös se osuus, joka ratkaisee lopputuloksen.
Työjärjestys on siis päinvastainen kuin moni olettaa. Ensin tekstit, sitten rakenne, vasta lopuksi ulkoasu.
Sisältö ennen työkalua
Kirjoita jokaisen sivun teksti valmiiksi tavalliseen tekstitiedostoon. Etusivulle tulee yksi lause siitä, mitä teet ja kenelle, sen alle kolme konkreettista asiaa, ja loppuun tapa ottaa yhteyttä. Palvelusivulle tulee mitä työ sisältää, mitä se maksaa ja miten se etenee. Yhteystietosivulle tulee osoite, sähköposti ja puhelin.
Tämä vaihe kestää tunnin ja se ratkaisee kaiken muun. Kun tekstit ovat valmiina, tekoäly rakentaa niiden ympärille sivuston. Kun ne puuttuvat, tekoäly keksii täytetekstiä, joka näyttää sivustolta ja lupaa asioita, joita et tarjoa.
Kerää samalla kansioon logo, kuvat ja väri, jos brändillä on sellainen. Jos kuvat puuttuvat, ilta venyy helposti: valmis sivupohja odottaa kuvaa, jota kukaan ei ole ottanut.
Pohjaksi valmis kehys
Tekoäly kirjoittaa parasta koodia niille kehyksille, joita se on nähnyt eniten. Next.js on tässä turvallinen valinta, koska sen dokumentaatio on laaja ja mallit tuntevat sen rakenteen hyvin.
Projekti syntyy yhdellä komennolla. Next.js-asennusohjeen mukaan kehys vaatii vähintään Node.js-version 20.9, ja komento npx create-next-app@latest my-app --yes luo oletusasetuksilla projektin, jossa on TypeScript, Tailwind CSS, ESLint, App Router ja Turbopack. Kaikkia niitä ei tarvitse tuntea. Riittää että tiedät, että pohja on nyt olemassa ja tekoäly osaa täyttää sen.
Kun pohja on pystyssä, anna tekoälylle yksi sivu kerrallaan. Liitä mukaan kirjoittamasi teksti ja kerro, mitä osioita sivulla on ja missä järjestyksessä. Yksi sivu kerrallaan on tärkeä sääntö, koska koko sivuston pyytäminen kerralla tuottaa sotkun, jota et osaa korjata.
Pyynnön muoto, joka tuottaa käyttökelpoisen sivun
Sivupyyntö kannattaa kirjoittaa samalla tarkkuudella kuin antaisit ohjeen graafikolle. Kerro sivun nimi, sen osiot ylhäältä alas, jokaisen osion teksti sellaisenaan ja se, mihin painikkeet vievät. Kerro myös, mitä sivulla ei ole.
Ulkoasusta riittää kolme rajausta: leipätekstin fontti, pääväri ja se, kuinka leveä sisältöalue on. Ilman rajauksia malli valitsee ne puolestasi, ja jokainen uusi sivu saa hieman eri valinnat. Sivusto, jonka jokainen sivu on omanlaisensa, on illan tyypillisin lopputulos.
Kun sivu on valmis, pyydä korjaukset yksi kerrallaan ja nimeä kohta. Pyyntö "siirrä yhteystiedot ylöspäin otsikon alle" toimii. Pyyntö "paranna ulkoasua" ei toimi. Nimetty korjaus muuttaa yhden asian, ja epämääräinen pyyntö kirjoittaa koko sivun uusiksi.
Verkkotunnus omalla nimellä
Osoite kannattaa hankkia samana iltana, koska se vaikuttaa siihen, miten sivut julkaistaan. Fi-verkkotunnuksen voi rekisteröidä kuka tahansa yritys, yhteisö tai yksityishenkilö kotipaikasta riippumatta, ja rekisteröinti tehdään verkkotunnusvälittäjän kautta. Traficom muistuttaa myös tarkistamaan ennen rekisteröintiä, ettei nimi loukkaa suojattua nimeä tai tavaramerkkiä.
Tuo tarkistus kannattaa tehdä kunnolla. Toiminimen kaltainen verkkotunnus, joka osuu jonkun toisen tavaramerkkiin, voidaan poistaa käytöstäsi, ja silloin menetät myös sähköpostiosoitteet, jotka olet ehtinyt painaa käyntikortteihin.
Julkaisu ja ilmaisen tason rajat
Valmis sivusto viedään palvelimelle, joka kääntää sen ja tarjoilee sen kävijöille. Vercelin maksuton Hobby-taso sisältää 100 GB nopeaa tiedonsiirtoa ja miljoona funktiokutsua kuukaudessa, ja sillä voi julkaista enintään sata käyttöönottoa vuorokaudessa. Käännösaika on rajattu 45 minuuttiin. Hobby-taso on Vercelin ehtojen mukaan kuitenkin vain ei-kaupalliseen henkilökohtaiseen käyttöön, joten yrityksen sivusto kuuluu maksulliselle Pro-tasolle tai toiselle palveluntarjoajalle.
Harjoitussivustolle nuo rajat ovat kaukana. Sata julkaisua päivässä riittää vaikka koko illan korjauskierroksiin, joten Hobby-taso sopii hyvin siihen vaiheeseen, kun sivusto on vielä luonnos.
Julkaisun jälkeen tarkista sivusto puhelimella. Tekoäly rakentaa oletuksena leveän näkymän, ja mobiilissa paljastuu heti, jos jokin osio venyy yli ruudun tai teksti jää kuvan alle.
Saavutettavuus ja lain vaatimukset
Tavallisella yrityssivustolla saavutettavuus on laatuasia, jota laki ei vaadi. Laki digitaalisten palvelujen tarjoamisesta 306/2019 koskee viranomaisten ja julkisoikeudellisten laitosten digitaalisia palveluja sekä yksityisten toimijoiden palveluja silloin, kun viranomainen rahoittaa vähintään puolet niiden kehitys- tai ylläpitokuluista. Saman lain mukaan sisällön on oltava havaittavaa ja ymmärrettävää ja käyttöliittymän hallittava ja toimintavarma, ja palveluntarjoajan on julkaistava saavutettavuusseloste.
Jos siis rakennat sivut yhdistykselle ja kunta tai valtio maksaa vähintään puolet sivuston teko- tai ylläpitokuluista, velvoite koskee sivustoa. Tavallisen osakeyhtiön markkinointisivut jäävät sen ulkopuolelle.
Perusasiat kannattaa silti pyytää tekoälyltä joka kerta: jokaiselle kuvalle vaihtoehtoinen teksti, riittävä kontrasti tekstin ja taustan välillä, otsikkotasot järjestyksessä ja lomakekenttien nimilaput. Ne ovat kymmenen minuutin työ silloin, kun sivu syntyy, ja usean tunnin työ jälkikäteen.
Kohdat, joissa tekoäly pettää
Tekoäly kirjoittaa yhteystietoja, joita se ei tiedä. Se täyttää puhelinnumeron, osoitteen ja aukioloajat uskottavan näköisillä keksinnöillä, jos et anna oikeita. Lue jokainen numero ja osoite läpi ennen julkaisua.
Toinen kohta on lomake. Yhteydenottolomake näyttää valmiilta heti, mutta se ei lähetä mitään ennen kuin sen taakse on kytketty palvelu, joka ottaa viestin vastaan. Testaa lomake lähettämällä itsellesi viesti, ja tarkista että se saapuu.
Kolmas on hakukonenäkyvyys. Otsikko ja kuvaus ovat ensimmäinen asia, jonka hakija näkee, joten ne kannattaa kirjoittaa itse jokaiselle sivulle. Ilman erillistä pyyntöä tekoäly tuottaa sivun, jolla ei ole otsikkoa selaimen välilehdellä eikä kuvausta hakutuloksessa.