myynti@metsosivut.fi

041 498 9805

Soita

"*" näyttää pakolliset kentät

Consent*
Kenttä on validointitarkoituksiin ja tulee jättää koskemattomaksi.
041 498 9805
Aloitetaan keskustelu ➤
kotisivut tekoälyllä

Miten tehdä WordPress-sivut tekoälyllä?

  1. Home
  2. /
  3. Blogi
  4. /
  5. Miten tehdä WordPress-sivut tekoälyllä?

Tekoäly voi auttaa suunnittelemaan sivuston rakenteen, kirjoittamaan tekstit, rakentamaan sivuja ja toteuttamaan jatkossa tarvittavat muutokset.

Esimerkissä käytän ChatGPT Business -tiliä, mutta vastaava toimintatapa toimii myös monella muulla tekoälymallilla.

1. Nettihotelli

Ensimmäiseksi tarvitset nettihotellin, johon WordPress asennetaan.

Hyviä kotimaisia nettihotelleja ovat esimerkiksi Hostaan tai Cloudcity. Kun tilaat palvelun, saat tarvittavat tunnukset ja pääsyn palvelun hallintaan.

WordPressin asentaminen onnistuu Hostaanilla ja Cloudcityllä automaattisen asennuksen avulla:

Asennuksen jälkeen sinulla on toimiva WordPress-sivusto, mutta varsinainen sisältö ja yrityksen sivut puuttuvat.

Kirjautuminen WordPressin hallintapaneeliin löytyy osoitteessa:

https://[oma-verkkotunnus].fi/wp-admin
(Eli esim. https://matin-mansikka.fi/wp-admin)

Huom! Kysy nettihotellin asiakaspalvelusta, onko WordPress-hallintapaneelissa tiedostomuokkaimen käyttö estetty. Ellei ole, pyydä asiakaspalvelua estämään se.

2. Anna tekoälylle nettisivulle liitettävät kuvat

Jos sinulla on valmiina yrityksen logo, valokuvia, tuotekuvia tai muita sivustolle tarkoitettuja kuvia, anna ne tekoälylle ennen varsinaisen sivuston rakentamista.

Lataa kuvat ChatGPT:n keskusteluun ja kerro lyhyesti, mitä kuvia ne ovat ja missä niitä on tarkoitus käyttää. Esimerkiksi yrityksen logoa voidaan käyttää sivuston ylätunnisteessa (headerissä).

Kuvien tiedostonimet kannattaa pitää selkeinä ja kuvaavina. Esimerkiksi:

Jos sinulla ei ole kuvia, voit pyytää tekoälyä hakemaan ne kuvapankeista tai luomaan itse.

3. Anna tekoälylle pääsy WordPressiin

WordPressin hallinta onnistuu ChatGPT:n Agent-tilassa.

Agent-tila on käytettävissä esimerkiksi ChatGPT Plus-, Pro-, Business- ja Enterprise-tileillä. Ilmaisella tilillä Agent-tila ei ole käytettävissä.

Agent-tila ei ole erillinen tekoälymalli, vaan ChatGPT:n toiminto, jonka avulla ChatGPT voi käyttää nettiselainta ja suorittaa tehtäviä verkkosivuilla.

Agent-tila tarvitaan siksi, että ChatGPT voi avata WordPressin hallintapaneelin ja käyttää sitä samalla tavalla kuin ihminen.

Näin annat ChatGPT:lle pääsyn WordPressiin

Luo ensin WordPressiin oma ylläpitäjätunnus tekoälyä varten. Älä käytä omaa henkilökohtaista ylläpitäjätunnustasi.

Mene WordPressin hallintapaneelissa kohtaan Käyttäjät → Lisää uusi käyttäjä.

Luo tekoälylle oma käyttäjätunnus ja valitse käyttäjärooliksi Ylläpitäjä. Kopioi käyttäjätunnus ja salasana muistiin ja tallenna uusi käyttäjä.

Avaa ChatGPT:ssä Agent-tila ja pyydä sitä avaamaan WordPressin hallintaosoite:

https://matin-mansikka.fi/wp-admin

Kun WordPress pyytää kirjautumistietoja, syötä tekoälyä varten luotu käyttäjätunnus ja salasana selainikkunassa näkyvän kirjautumislomakkeen kenttiin. Älä kirjoita salasanaa ChatGPT:n keskusteluun.

Tämän jälkeen ChatGPT voi käyttää WordPressin hallintapaneelia ja tehdä siellä tarvittavat toimenpiteet.

4. Anna tekoälylle selkeä tehtävä

Tekoälyn kanssa kannattaa käyttää mahdollisimman tarkkaa promptia eli ohjetta.

Jos sinulla on valmiina palvelukuvauksia, tietosuojaseloste tai muita tekstejä, anna ne tekoälylle ensin.

Malliprompti kotisivujen tekoon

Voit käyttää esimerkiksi seuraavanlaista pohjaa:

Rakenna minulle WordPress-kotisivut Agent-tilassa seuraavien ohjeiden mukaisesti.

Asenna Kadence Theme ja aktivoi se, ja poista kaikki muut teemat.

Poista käytöstä ja poista kaikki WordPress-lisäosat lukuun ottamatta Hostaan-lisäosaa. (WordPress on vasta asennettu ja asennusohjelma on saattanut asentaa lisäosia automaattisesti.)

Kun olet poistanut ne asenna alla listatut lisäosat. Määritä niiden asetukset yritykseni tarpeiden mukaan ja kerro minulle, jos jokin asetus vaatii päätöksen, jota et voi tehdä annettujen tietojen perusteella.

  • Forminator – yhteydenottolomakkeet (Vastaanottaja on alla mainittu yrityssähköpostiosoite.)
  • SEOPress – hakukoneoptimointi
  • Kadence Blocks – Kadence-teeman kanssa yhteensopiva lohkovalikoima
  • SVG Support – SVG-kuvien sallinta
  • ShortPixel – kuvien optimointi (käytä asetuksien API-kohdassa tilin sähköpostiosoitteena [kirjoita tähän sähköpostiosoitteesi])
  • Two Factor by wordpress.org – kaksivaiheinen tunnistautuminen (Aktivoi kaikille käyttäjille sähköpostilla ja älä ota käyttöön palautuskoodeja.)
  • All-in-One WP Migration – manuaaliset varmuuskopiot ja sivuston siirtäminen
  • Index WP MySQL For Speed – tietokannan optimointi
  • Välimuistilisäosa nettihotellin suositusten mukaan. (Cloudcityllä LiteSpeed ja Hostaanilla esim. WP-Optimize tai WP Super Cache.)

Varmista ettei lisäosissa ole käytössä päällekkäisiä asetuksia.

Älä asenna ylimääräisiä lisäosia ilman erillistä lupaani. Jos jokin toiminto vaatii uuden lisäosan, kerro siitä ensin ja perustele, miksi sitä tarvitaan.

Yrityksen nimi: [yrityksen nimi]
Yhteystiedot: [sähköposti, puhelinnumero, postiosoite]
Sosiaalinen media: [kopioi tähän yrityksen sometilien URL-osoitteet selaimen osoitekentästä]
Toimiala: [toimiala]
Paikkakunta/alue: [paikkakunta tai toiminta-alue]
Kohderyhmä: [asiakkaat]
Palvelut: [palvelut]

Tarvitaan seuraavat sivut:

  • Etusivu
  • Palvelut (alasivu jokaiselle palvelulle)
  • Yritys
  • Referenssit
  • Yhteystiedot (mukana yhteydenottolomake)
  • Kiitossivu yhteydenottolomakkeelle
  • Tietosuojaseloste

Sivuston tyylin tulee olla [esimerkiksi moderni, pelkistetty, laadukas ja luotettava, sinivalkoinen, huomioi WCAG-saavutettavuus toimialan mukaan].

Ennen kuin rakennat yksittäisiä sivuja lohkoeditorissa, tee kaikki tarvittavat asetukset WordPressin Mukauta-osiossa.

Käytä tässä keskustelussa lähettämiäni kuvia. Käytä ensisijaisesti omia kuviani aina, kun ne sopivat kyseiseen kohtaan. Älä korvaa niitä kuvapankkikuvilla ilman lupaani. Valitse kuville sopivat paikat sivustolta ja käytä sivujen sisältöä apuna SEOPressin generoimien ALT-tekstien hakukoneoptimoinnissa.

Kirjoita sivujen tekstit selkeällä suomenkielellä. Lyhyitä tekstikappaleita ja käyttökokemusta edistävä otsikkojako. Älä käytä turhaa markkinointijargonia, täytesanoja tai täytelauseita. Muista myös sisäinen linkitys.

Huomioi hakukoneoptimointi (SEOPressin asetukset, sivukohtaiset tiedot ja kuvien automaattiset ALT-tekstit kuvatiedoston nimen mukaan), mobiilikäyttö ja hyvä käyttökokemus.

Rakenna sivusto niin, että sitä on helppo ylläpitää myöhemmin.

Jos jokin tieto puuttuu, kysy siitä ennen kuin keksit yritykselle faktoja.

Tee muutokset yksi kokonaisuus kerrallaan ja tarkista niiden toimivuus ennen seuraavaan vaiheeseen siirtymistä.

Jos jokin toiminto epäonnistuu, älä yritä ratkaista ongelmaa asentamalla lisäosia tai muuttamalla kriittisiä asetuksia, vaan kerro minulle ongelmasta.

Jos sinulla on kysyttävää tästä promptista, kysy minulta ennen kuin aloitat sivuston rakentamisen.

Lopuksi anna yhteenveto:

  • mitä teit
  • mitä et pystynyt tekemään
  • mitkä asiat vaativat minulta vielä toimenpiteitä

Mitä tarkemmat lähtötiedot annat, sitä paremman lopputuloksen tekoäly pystyy tekemään.

Muista, että prosessi on harvoin “yksi prompti ja valmista”, vaan usein tarvitaan korjauskierroksia.

5. Tarkista sivusto ennen julkaisua

Tekoäly on hyvä apulainen, mutta se ei poista tarvetta tarkistaa työn lopputulosta.

Turvallinen käyttö jatkossa

Kun sivusto on valmis, yksi tärkeimmistä asioista on huolehtia tekoälyn käyttöoikeuksista.

Älä jätä tekoälyn käyttöön pysyvästi WordPressin pääkäyttäjän eli ylläpitäjän tunnuksia.

Kun sivusto on valmis, kirjaudu hallintapaneeliin omilla käyttäjätunnuksillasi ja vaihda tekoälyn käyttäjätilin käyttäjäoikeudet ylläpitäjästä päätoimittajaksi.

Käyttäjät-osiossa klikkaa käyttäjän nimeä ja vaihda Rooli-alasvetovalikosta Ylläpitäjä → Päätoimittaja. Tämän jälkeen tallenna muutokset sivun alalaidasta.

Näin tekoäly voi edelleen auttaa sivuston ylläpidossa ja päivittämisessä, mutta sillä ei ole pääsyä tärkeimpiin ylläpitotoimintoihin.

Rajatuilla oikeuksilla tekoäly voi esimerkiksi auttaa:

Sen sijaan tekoälyllä ei pitäisi olla tarpeettomasti oikeuksia esimerkiksi:

Tämä on hyvä periaate myös siksi, että tekoäly voi joskus tehdä virheen. Mitä pienemmät käyttöoikeudet sillä on, sitä pienemmäksi mahdollisen virheen aiheuttama vahinko jää.