Det mesta som går fel när man bygger en hemsida med AI går fel i första meddelandet. Inte för att verktyget är dåligt, utan för att prompten beskriver en känsla i stället för en sida. "En modern och snygg hemsida för mitt företag" ger en modern och snygg sida om ingenting.
Den här guiden visar hur en prompt för en hemsida ser ut när den fungerar, med en mall du kan kopiera och ändra, och hur du fortsätter efter första versionen utan att förstöra det som redan är bra.
Varför första prompten avgör så mycket
Ett AI-verktyg som bygger sidor fyller i allt du inte säger med gissningar. Säger du inget om målgruppen gissar det på "alla". Säger du inget om texten skriver det säljande utfyllnad på engelska-svenska. Säger du inget om vilka sidor du behöver får du en startsida med tre kolumner och ett formulär som inte skickar något.
Varje gissning går att rätta i efterhand, men varje rättning är ett nytt varv, och ju fler varv desto större risk att något som var rätt blir fel. Tio minuter på första prompten sparar en kväll.
Fem saker varje hemsidesprompt behöver
Vem du är och vad du säljer. En mening. "Jag är elektriker med enskild firma i Borås och gör mest laddboxar och elcentraler åt villaägare."
Vem sidan är till för. Inte "kunder" utan en person i en situation. "En villaägare som just köpt elbil och inte vet om säkringarna räcker."
Vad besökaren ska göra. Ett enda huvudmål. Ringa, skicka en förfrågan, boka en tid. Allt annat på sidan finns för att leda dit.
Vilka sidor och sektioner du vill ha. Räkna upp dem. Det är skillnaden mellan att få det du tänkt dig och att få det verktyget brukar göra.
Hur det ska kännas och låta. Två eller tre ord om stilen och en mening om tonen. Skriv också vad du inte vill ha — det hjälper ofta mer än det du vill ha.
En mall att utgå från
Kopiera den här, byt ut det inom hakparenteserna och skicka den som första meddelande.
Bygg en hemsida på svenska för [företagsnamn], [vad du gör] i [ort].
Målgrupp: [vem, i vilken situation, vad de oroar sig för].
Huvudmål: besökaren ska [ringa / skicka förfrågan / boka]. Knappen för det ska synas utan att man scrollar, även på mobil.
Sidor:
1. Startsida: rubrik som säger vad jag gör och var, tre tjänster med en mening var, två kundomdömen, kontaktknapp.
2. Tjänster: en sektion per tjänst med vad som ingår och ungefär hur lång tid det tar.
3. Om mig: plats för ett foto och fyra, fem meningar om mig.
4. Kontakt: telefon, e-post, område jag jobbar i, ett enkelt formulär.
Stil: [ljus och lugn / mörk och tydlig], mycket luft, stora läsbara typsnitt.
Ton: rak och vardaglig, som när jag pratar med en kund. Inga superlativ, inga engelska ord.
Undvik: stockfoton på människor som skakar hand, chattbubblor, popup-fönster.
Skriv riktig text i alla sektioner utifrån beskrivningen ovan, inte platshållare.
Mallen fungerar i de flesta verktyg som bygger från text. I Lovable(annonslänk) blir resultatet en riktig kodbas som du äger, vilket spelar roll den dagen du vill lägga till något mer än en broschyr.
Efter första versionen: en ändring i taget
Det vanligaste felsteget är att skicka en lång lista med tio ändringar i samma meddelande. Verktyget gör åtta av dem, glömmer två och råkar ändra något du inte bad om. Sedan vet du inte vilken ändring som orsakade vad.
Gör i stället så här. Titta på sidan i telefonen först, eftersom det är där de flesta besökare kommer att se den. Välj den ändring som betyder mest. Beskriv den så konkret du kan: vilken sektion, vad som är fel, hur det ska bli. Kontrollera resultatet innan du går vidare.
"Gör rubriken bättre" är en dålig ändringsprompt. "Rubriken på startsidan ska säga Laddbox och elcentral i Borås, och underrubriken ska nämna att jag ger fast pris efter ett hembesök" är en bra.
Prompter för det som brukar skava
Några ändringar kommer nästan alltid, så här är formuleringar som brukar fungera.
För texten: "Skriv om all text på sidan så att den låter som en hantverkare som pratar med en granne. Korta meningar. Ta bort ord som innovativ, skräddarsydd och helhetslösning."
För mobilen: "Kontrollera hela sidan i mobilbredd. Telefonnumret ska vara klickbart, knapparna minst tumbreda, och ingen text får gå utanför skärmen."
För formuläret: "Formuläret på kontaktsidan ska faktiskt skicka förfrågan till [din e-post] och visa ett tydligt kvitto när det är skickat."
För sökbarheten: "Ge varje sida en egen titel och metabeskrivning på svenska som innehåller tjänsten och orten."
När prompten inte räcker
Ibland går verktyget i cirklar och varje ny prompt gör det sämre. Då är det sällan fler ord som hjälper. Gå tillbaka till den senaste versionen som var bra, beskriv problemet från början i ett nytt meddelande, och be om en plan innan verktyget ändrar något. Många verktyg har ett läge för just det, där AI:n först förklarar vad den tänker göra.
Det du inte ska göra är att klistra in felmeddelanden tio gånger i rad. Beskriv i stället vad du ser på skärmen och vad du förväntade dig skulle hända.