Nettisivujen kehittäminen ja ylläpito tekoälyaikakaudella

Oppeja ja vinkkejä hankkeen työpajoista ja sparrauksista.

Tekoälystä voi saada suuren avun työarjen askareisiin sekä toiminnan kehittämiseen, jos vain osaa hyödyntää sitä asiaan sopivalla tavalla. Mutta miten oppia hyödyntämään tekoälyä liiketoiminnassa tehokkaasti? Tätä moni miettii ja sen takia haluammekin tarjota vinkkejä aiheeseen liittyen hankkeessamme eri tavoin. Työpajoissa opetellaan, miten tekoälyä voi käytännössä hyödyntää matkailutoimijan arjessa, sparrauksissa käydään läpi tiettyjä haasteita ja ratkaisuja niihin sekä jaettujen materiaalien kautta tarjotaan vinkkejä ja harjoitteita oman tekoälyosaamisen kehittämiseen. 

Työpajoissa ja sparrauksissa keskusteltiin nettisivujen kehittämisestä tekoälyn avulla. Voit käyttää tekoälyä sparraajana, joka käy läpi nettisivusi ja antaa sitten positiivista sekä kehittävää palautetta. Näin saat listan asioista, joita asiakas saattaisi sivuillesi kaivata ja mitkä asiat kannattaa pitää ennallaan. Seuraavaksi voit kehitellä uusia tekstejä ja ominaisuuksia sivuillesi tekoälyn kanssa. Muista kuitenkin, että tekoäly haluaa tarjota sinulle vastauksia, jonka vuoksi se löytää hyvistäkin nettisivuista aina kehitettävää. Arvioi siis aina itse, onko tekoälyn suosittelemat toimenpiteet tarpeen vai ei. 

Löydät ohjeet ja erinomaisen promptipohjan tähän harjoitukseen ensimmäisen työpajamme materiaaleista. Pääset tutustumaan materiaaleihin hankesivulta löytyvän kansion kautta (tutustu materiaaleihin tästä). Kun olet tehnyt analyysiä tekoälyn kanssa ja olet valmis seuraavaan askeleeseen nettisivujen kehittämisen parissa, alla olevasta tekstistä löydät apuja kevyeen koodaamiseen.

Työnkulku lyhyesti

Sama kaava toistuu, tehtiin muutos sitten yhteen sivuun tai koko sivustoon.

1. Ihmisen strategia Tavoitteet ja kohderyhmä Sivuston rakenne ja teemat

2. Tekoäly raaka-aineena Teksti- ja koodiluonnokset GEO-tiivistelmät, ALT-tekstit

3. Laadunvarmistus Faktojen tarkistus Äänensävy ja kriitikkotesti

4. Julkaisu Päivitys alustaan Seuranta ja mittaus

Huomaa järjestys. Tekoäly astuu kuvaan vasta, kun ihminen on jo päättänyt, mitä sivun pitää saada aikaan. Jos aloittaa pyytämällä konetta ”tekemään hyvät kotisivut”, takaisin tulee geneeristä täytettä.

Koodiavusteinen verkkosivujen kehitys

Sparraus meni suoraan tekniikkaan. Kysymys oli yksinkertainen: voiko yrittäjä, joka ei osaa koodata, silti saada sivulleen pieniä toiminnallisia lisäyksiä tekoälyn avulla? Lyhyt vastaus on: riippuu mitä alustaa käyttää.

1. Kuvaile toive Kerro tavallisella kielellä, mitä sivulle haluat

2. Tekoäly koodaa Kone palauttaa valmiin HTML/CSS/JS-pätkän

3. Liitä alustaan Yleensä custom HTML -lohkoon

Koodi ilman koodausta

Tekoäly kirjoittaa HTML-, CSS- ja JavaScript-koodia pieniin lisäyksiin ongelmitta. Sille tarvitsee kuvailla vain haluttu lopputulos. Esimerkiksi: ”Tee usein kysytyille kysymyksille haitarivalikko, joka avautuu klikkaamalla.” Kone palauttaa valmiin pätkän, jonka voit liittää sivulle.

Realistinen käyttöala on rajattu: pieniä, itsenäisiä palasia. Haitarivalikko, korostuslaatikko, tyylitelty painike, yksinkertaiset välilehdet. Koko sivupohjan uusiksi rakentaminen voi taas olla hankalampaa riippuen, millä järjestelmällä sivuja hallinnoidaan ja mitä tekoäly työkalua käyttää.

Tunne alustasi rajat

Aluksi kannattaa selvittää yksi asia: salliiko hallintajärjestelmäsi ylipäätään oman koodin lisäämisen? WordPressissä on Custom HTML -lohko, Wixissä ja Webflowissa oma upotuslohko, Squarespacessa koodilohko. Halvimmat DIY-tasot lukitsevat tämän kokonaan. Jos omaa koodia ei voi lisätä sivulle, tekoälyn tuottama pätkä on hyödytön riippumatta siitä, kuinka hyvä se on.

Kun tila löytyy, liitä koodi aina erilliseen Custom HTML- tai upotuslohkoon, älä teeman ydintiedostoihin. Näin jos jokin menee rikki, poistat lohkon ja loppu sivustosta pysyy ennallaan. Testaa ensin julkaisemattomalla luonnossivulla.

Tsemppiä verkkosivujen kehittämiseen!

Teksti on toteutettu osana Matkailualan älyloikka – Eteläpohjalaisten matkailualan toimijoiden innovaatiokyvykkyyden kasvattaminen tekoälyn avulla –hankkeen toimenpiteitä. Hanketta toteuttavat Visit Seinäjoki Region ja Tampereen yliopisto / GPT-Lab (Seinäjoki).
Hankeaika: 1.1.–31.12.2026
Rahoitus: Etelä-Pohjanmaan liitto, AKKE