Mange tror at du beskriver nettsiden din i en chat, og at den så står ferdig på nett. I praksis tar AI-en seg av noen av delene, og delene som blir igjen, er ofte de som tar lengst tid.
En nettside er fire ting samtidig: innholdet (tekst, bilder, kontaktinfo), utseendet, et sted siden ligger (domene og servertjeneste), og vedlikeholdet etterpå. AI er sterkest på utseendet, halvveis nyttig på innholdet, og til ingen hjelp på de to siste. Velg verktøy ut fra hvilken av de fire delene du faktisk trenger hjelp til.
Under går vi gjennom tre veier. De koster ulikt, passer for ulike behov, og gir deg ulik grad av kontroll over resultatet.
Tre veier, og hvem de passer for
Den første er en nettsidebygger med AI innebygd, altså Wix, Squarespace, Hostinger eller lignende. Du får alt i én pakke og slipper å tenke på teknikk, men du leier plassen og kan ikke flytte siden ut igjen. Den andre er å be Claude eller ChatGPT skrive én enkelt HTML-fil som du legger ut selv. Løsningen koster ingenting eller nesten ingenting, og den passer for én side med kontaktinfo og litt tekst. Den tredje er WordPress på et webhotell, med AI som medhjelper underveis. Det tar mest tid å sette opp, og det er den eneste veien der du eier både innholdet og oppsettet.
Ferdige nettsidebyggere med innebygd AI
Wix, Squarespace, Hostinger og GoDaddy har alle en variant av det samme: du svarer på noen spørsmål om hva bedriften eller prosjektet ditt er, og systemet setter sammen en ferdig side med seksjoner, plassholdertekst og bilder fra en bildebank. One.com, som er utbredt i Norden, selger både domene og en tilsvarende byggeløsning.
AI-delen velger en mal, fyller inn tekst og foreslår farger. Malen fantes fra før, bildene fantes fra før, og teksten er generert ut fra bransjen du oppga. Du kommer til å bytte ut både tekst og bilder uansett. Du betaler først og fremst for at domene, sertifikat, mobiltilpasning, kontaktskjema og sikkerhetskopier er løst uten at du trenger å vite hva noe av det er.
Prisene endrer seg ofte, og de oppgis nesten alltid per måned ved årlig forskuddsbetaling. Hos Wix og Squarespace ligger de rimeligste planene med eget domene i størrelsesorden noen hundre kroner i måneden, altså gjerne to til fire tusen kroner i året. Tre ting gjør regnestykket høyere enn det ser ut til: prisen er ofte oppgitt uten merverdiavgift, og norske privatkunder får 25 prosent på toppen. Domenet er gratis det første året og fornyes så til ordinær pris. Skal du selge noe, kommer det et gebyr per transaksjon i tillegg på de billigste planene.
Den største begrensningen ved denne veien handler om innlåsing, mer enn om pris. Siden kan ikke flyttes, og bytter du leverandør om tre år, må du bygge alt på nytt. Domenet tar du med deg, teksten kan du kopiere, men selve siden blir igjen. Vi mener dette er et greit valg hvis du trenger en liten side raskt og ikke har planer om å bygge videre på den. Skal siden være grunnmuren i noe du driver over tid, vil vi heller anbefale en av de to andre veiene.
La Claude eller ChatGPT skrive siden
Trenger du én side med hvem du er, hva du gjør, og hvordan folk får tak i deg, er det fullt mulig å få en språkmodell til å skrive hele siden som en enkelt fil. Claude viser resultatet direkte som en forhåndsvisning du kan se på mens den bygges, og ChatGPT gjør det samme i Canvas. Fordelen er at du sitter igjen med en fil du eier, som du kan legge hvor som helst.
Resultatet avhenger av hvor stramme rammer du gir. Ber du om «en fin nettside for enkeltmannsforetaket mitt», får du gjerne flere seksjoner med gradienter, ikoner og påstander om deg selv som du ikke har oppgitt. Denne prompten gir et resultat du kan bruke:
Opplysninger: [navn], [hva jeg gjør], [hvem siden er for], [sted], [e-post], [telefon], [tre ting besøkende skal få vite], [den ene handlingen jeg vil at de skal gjøre].
Krav: alt i én fil, CSS i en style-tag i head, ingen JavaScript, ingen eksterne skript eller fonter, ingen bilder som lastes fra nett. Skal fungere på mobil. Maks fire seksjoner. Semantisk HTML med én h1 og h2-er, samt title og meta description som passer.
Design: én farge jeg velger, [farge], pluss svart og hvitt. Systemfonter. God kontrast. Ingen gradienter, ingen ikoner, ingen animasjoner, ingen tre-kolonners kortseksjon.
Tekst: norsk bokmål, korte setninger, ingen superlativer. Ikke bruk ordene skreddersydd, lidenskap, løsninger, kvalitet eller innovativ. Skriv ingenting om meg som ikke står i opplysningene over. Er noe uklart, spør i stedet for å gjette.
Legg nederst inn en tom seksjon med overskriften Personvern som jeg fyller ut selv.
Instruksen om å spørre i stedet for å gjette hindrer modellen i å fylle inn åpningstider, kundetall og år i bransjen som du ikke har oppgitt. Den tomme personvernseksjonen er der fordi du ikke bør la en språkmodell formulere hva du gjør med besøkendes data. Vil du jobbe videre med formuleringene i selve prompten, har vi en egen gjennomgang i prompt-verkstedet, og en bredere oversikt over hva modellen kan brukes til i Claude-guiden.
Så må filen ut på nett. Deler du bare Claude-forhåndsvisningen som en lenke, har du en forhåndsvisning på Anthropics domene. Publiseringen er enklere enn den kan høres ut som: Netlify, Cloudflare Pages og GitHub Pages tar alle imot en mappe med HTML gratis og gir deg en adresse i samme slengen. Har du kjøpt et domene, kobler du det på etterpå. Alternativt laster du filen opp til et vanlig webhotell.
To ting virker ikke ut av boksen. Kontaktskjemaet trenger en tjeneste som tar imot innsendingene, så på en enkel side er en vanlig e-postlenke bedre enn et skjema som ikke sender noe. Hver eneste faktaopplysning på siden må du lese gjennom selv, linje for linje, før du publiserer.
WordPress med AI som medhjelper
Skal siden vokse, med flere undersider, blogg eller nyhetsbrev, er WordPress fortsatt det mest fornuftige valget. Du kjøper webhotell hos en norsk leverandør som Domeneshop eller PRO ISP, installerer WordPress med ett klikk, og velger et tema. Et lite webhotell koster typisk noen hundre kroner i året, og selve programvaren er gratis.
AI-hjelpen her er en annen type hjelp enn i de to første veiene. Du bruker chatboten ved siden av siden: til å skrive utkast til tekstene, til å lage alt-tekster til bildene, til å forklare hva en innstilling gjør, og til å skrive små biter CSS når temaet ikke gjør akkurat det du vil. CSS-hjelpen er nyttig, men koden du får, skal legges i feltet for egendefinert CSS, slik at du slipper å lime den inn i temafiler du ikke har sikkerhetskopi av.
Vi vil advare mot plugins som lover å generere hele sider automatisk. De legger inn store mengder markup du ikke forstår, de er vanskelige å reversere, og de gjør siden treg. Regn også med vedlikehold: oppdateringer som må kjøres, sikkerhetskopier som må være på, og spam i kommentarfeltet. Til gjengjeld eier du alt, og kan flytte hele siden til en annen leverandør uten å bygge den på nytt. Vi har beskrevet hvordan altom.ai ble satt opp med AI-hjelp, og hvordan nesten hele publiseringsløypa ble automatisert, i artikkelen «Vi bygde altom.ai med AI, og automatiserte nesten alt». Det samme gjelder for en liten side: AI-en fjerner mellomsteg i et oppsett du selv har bestemt.
Domene, bilder og personvernerklæring må du ordne selv
Et .no-domene kjøper du hos en av registrarene som står oppført hos Norid. Privatpersoner med norsk fødselsnummer kan registrere .no-domener, med en øvre grense per person, mens bedrifter bruker organisasjonsnummeret. Kjøp domenet hos en leverandør du kan flytte det fra senere.
Bildene avgjør ofte om siden virker ekte. AI-genererte bilder av «et team i møte» eller «en håndverker på jobb» ser generert ut, og de gir lite til en lokal virksomhet der folk vil se hvem de faktisk kommer til. Bilder du har tatt med mobilen, er bedre enn genererte bilder. Har du ingen bilder, er det bedre å ha færre seksjoner enn å fylle dem med noe generert.
Personvernerklæringen kan du la AI-en lage et utkast til, men bare hvis du forteller den nøyaktig hva siden din gjør. Har du et kontaktskjema, behandler du personopplysninger. Har du analyseverktøy eller innebygde videoer, settes det informasjonskapsler som krever samtykke før de lastes. Et generisk utkast lister ofte opp tjenester du ikke bruker, og utelater det du faktisk gjør. Datatilsynet har veiledning om hva den må inneholde.
To norske krav til: driver du næringsvirksomhet, skal navn, adresse, e-post og organisasjonsnummer være lett tilgjengelig på siden. Retter nettstedet seg mot allmennheten, gjelder kravene til universell utforming, altså kontrast, tastaturnavigasjon og alt-tekst på bilder. Tilsynet for universell utforming av ikt forvalter dette. AI-genererte sider bruker ofte lysegrå tekst på hvit bakgrunn, og den kombinasjonen gir dårlig kontrast.
Slik kjenner du igjen en AI-laget side, og hva du gjør med det
På tekstsiden er kjennetegnene gjenkjennelige: en overskrift som sier at du leverer skreddersydde løsninger, et avsnitt om at dere brenner for kvalitet, tre punkter som begynner med hvert sitt adjektiv, og en avslutning om at veien videre starter her. Ingenting av dette sier hva du gjør. Bytt ut det første avsnittet med noe bare du kunne ha skrevet: hvor du holder til, hva du tar betalt, hvor lang tid det tar, hva du ikke gjør. Vi har skrevet mer om når modellen løfter en tekst og når den flater den ut i artikkelen om AI som skrivehjelp.
På designsiden går det igjen en full bredde-seksjon øverst med farget gradient, tre like kort med runde ikoner under, en tallseksjon med runde tall ingen har regnet på, og flere seksjoner enn innholdet trenger. Be modellen droppe gradienter og ikoner, sett en øvre grense på fire seksjoner, og hold deg til én farge. Resultatet blir enklere og ser mindre generert ut.
Når siden er oppe, bør besøkende raskt kunne se hva du gjør, hvor du holder til, og hvordan de får tak i deg. Står den informasjonen øverst på forsiden, betyr det mindre at designet er enkelt.
