Sådan bygger du en hjemmeside med AI: Fra første prompt til live-side

At bygge en hjemmeside med AI betyder, at du skriver ned, hvad siden skal bruges til, og hvilke sider den har brug for, beskriver det for en AI-builder til hjemmesider eller apps med få almindelige sætninger, og lader den generere en første version, som du kan se i en live-forhåndsvisning. Derefter retter du teksten, tjekker den på en telefon, tilføjer det grundlæggende, søgemaskiner har brug for, og udgiver den til et domæne. De fleste små sites — en virksomhedsside, en portfolio, en landingsside, en simpel blog — kan gå fra idé til live på én session.

Hvilken slags hjemmeside bygger du?

„Hjemmeside“ dækker meget forskellige ting, og den type, du vælger, ændrer, hvad du beder om:

Hvis din ligger i den sidste række, bygger du i virkeligheden en webapp med en marketingforside. Det er fint — AI-app-builders håndterer begge dele — men planlæg app-delen særskilt; vores guide til hvordan du bygger en app med AI dækker den.

AI-builders til hjemmesider vs. skabeloner vs. AI-app-builders

Der findes tre almindelige veje, og hver passer til forskellige folk.

• Skabelonbaserede builders med AI-funktioner (Wix, Squarespace, Framer og lignende). Du starter fra en designet skabelon og redigerer visuelt; AI hjælper med at skrive tekst eller foreslå et layout. De er gode, når du vil have et velafprøvet design, en visuel editor og indbyggede ekstra som en blog eller en tidsbestillingswidget.
• AI-app-builders (Mythex, Lovable, Bolt og andre). Du beskriver siden i chatten, og AI'en skriver koden fra bunden og kører den i en live-forhåndsvisning. De er gode, når du vil have noget skræddersyet, vil ændre det ved at tale i stedet for at trække bokse rundt, eller forventer at tilføje app-funktioner senere.
• Håndbyggede sites eller bureausites. Stadig det rigtige valg til store sites med komplekse indholdsprocesser, strenge brandsystemer eller juridisk gennemgang af hver side.

Et side-om-side-overblik over bestemte værktøjer finder du i de bedste AI-builders til hjemmesider.

Trin 1: Planlæg siden på ét ark

Før du åbner et værktøj, så besvar disse fem spørgsmål. Det tager ti minutter og sparer timer med frem og tilbage:

1. Hvem er besøgeren, og hvad skal de gøre? „Lokale husejere, der skal ringe for et tilbud“ er en plan. „Alle“ er ikke.
2. Hvilke sider findes der? Skriv dem op. De fleste små sites har brug for fire eller fem.
3. Hvad skal der stå på hver side? En eller to linjer hver: „Ydelser: tre ydelser med en kort beskrivelse og en startpris.“
4. Hvad er ægte? Saml dit faktiske virksomhedsnavn, dine ydelser, priser, adresse, åbningstider, billeder og udtalelser, du har lov til at bruge. AI'en laver pladsholdere for alt, det ikke får.
5. Hvordan skal det føles? To eller tre ord („roligt, rent, masser af luft“) eller et link til et site, du godt kan lide.

Trin 2: Skriv den første prompt

En god første prompt beskriver virksomheden og siderne, ikke koden:

Byg en hjemmeside til Harbor Physio, en fysioterapiklinik i en lille kystby. Sider: Forside (hero med knappen „Book en vurdering“, tre grunde til at vælge os, en kort sektion med udtalelser), Ydelser (sportsskader, ryglidelser, genoptræning efter operation — hver med et afsnit og behandlingslængde), Om os (de to fysioterapeuter, med pladsholdere til billeder), og Kontakt (adresse, åbningstider, telefon og en kontaktformular). Roligt, rent look med en blød blå accentfarve. Mobil først. Brug troværdig tekst, ingen lorem ipsum, og opfind ikke anmeldelser eller priser.

Den sidste sætning betyder noget. AI-værktøjer fylder gerne tomt rum med opdigtede udtalelser, bannere med „tillid fra 10.000 kunder“ eller falske priser. Bed den lade være, og tjek alligevel.

Har du allerede et logo, brandfarver eller et skærmbillede af et site, du godt kan lide, så vedhæft det. Flere mønstre finder du i sådan skriver du prompts til AI-app-builders.

Trin 3: Gennemgå den som en besøgende

Når den første version dukker op, så start ikke med at pille ved skrifttyper. Gå igennem den, som din besøgende ville:

• Kan du se, hvad virksomheden laver, inden for fem sekunder efter, du lander?
• Er hovedknappen tydelig, og fører den et sted hen?
• Findes hver side i menuen, og linker den rigtigt?
• Skift til en visning i telefonstørrelse. De fleste besøgende kommer via telefon, og det er her, trange tekster og overdimensionerede billeder viser sig.

Ændr derefter én ting ad gangen. „Gør hovedoverskriften kortere, og flyt telefonnummeret op i headeren“ giver et bedre resultat end „gør den bedre“. Hvis en ændring går galt, så rul tilbage til en tidligere version i stedet for at forsøge at tale dig ud af det.

Trin 4: Erstat pladsholdere med rigtigt indhold

Det første udkast har pladsholderbilleder og generiske sætninger. Arbejd side for side:

• Tekst. Indsæt dine rigtige ydelsesbeskrivelser, priser og åbningstider. Bed AI'en om at stramme dem op, men hold fakta i din egen hånd.
• Billeder. Upload dine egne fotos, hvor du kan. Stockfotos er fine som baggrunde; rigtige fotos af dit arbejde, dit team eller dine lokaler skaber mere tillid.
• Dokumentation. Brug kun udtalelser, logoer og tal, du kan bakke op.
• Juridiske sider. Hvis du indsamler personoplysninger via en formular, har du typisk brug for en privatlivspolitik. Bed AI'en om en side, og få den derefter tjekket mod reglerne, hvor du driver forretning — en genereret politik er et udgangspunkt, ikke juridisk rådgivning.

Trin 5: Formularer, bookinger og andre „app“-dele

En kontaktformular skal have et sted at sende indsendelser hen. Mulighederne, fra enklest til mest omfattende:

Hvis du har brug for rigtige bookinger eller betalinger, se sådan bygger du en bookingapp og sådan tilføjer du betalinger til din app.

Trin 6: SEO-grundlæggende, før du deler den

En AI kan skrive en smuk side, som søgemaskiner næsten ikke forstår. Før lancering skal du bede om:

• En unik titel og metabeskrivelse på hver side
• Én tydelig hovedoverskrift pr. side med fornuftige underoverskrifter
• Beskrivende alt-tekst på billeder
• Open Graph-tags, så links ser rigtige ud, når de deles på sociale medier eller i beskeder
• Et sitemap og en robots-fil

Ét teknisk punkt er værd at kende. Mange AI-builders producerer single-page apps, hvor browseren bygger siden med JavaScript. Søgemaskiner kan indeksere dem, men statisk eller server-renderet HTML er mere pålideligt for sider, der skal rangere. Hvis søgetrafik betyder noget, så bed om et statisk site eller et framework, der renderer sider på serveren. Vores guide til SEO for hjemmesider bygget med AI går dybere.

Trin 7: Udgiv og forbind et domæne

Udgivelse gør forhåndsvisningen til et offentligt site. De fleste builders giver dig først et gratis underdomæne, hvilket er fint til test og til at dele med venner. Til en virksomhed forbinder du dit eget domæne: enten køber du et via builderen, eller du peger et domæne, du allerede ejer, mod siden med en DNS-post. Sådan forbinder du et eget domæne gennemgår DNS-delen.

Efter lancering opretter du en gratis Google Search Console-konto, så du kan se, om dine sider bliver indekseret.

Almindelige fejl

• At bede om alt på én gang. Tolv sider, en blog, en shop og et medlemsområde i én prompt giver en overfladisk version af hver. Byg kernesiderne først.
• At udgive pladsholdertekst. Søg på hver side efter „Lorem“, „Your Company“ og opdigtede tal, før du går live.
• At ignorere mobil. Tjek hver side i telefonbredde, ikke kun forsiden.
• At lade opfordringen til handling være vag. Hver side skal gøre næste skridt tydeligt: ring, book, køb eller kontakt os.
• At glemme, hvem der skal opdatere den. Hvis en anden redigerer sitet ugentligt, så sørg for, at vedkommende kan — enten ved at chatte med samme builder eller ved at vælge et værktøj med en visuel editor.

Hvad det koster

Et simpelt site bygget med AI koster typisk langt mindre end et designet og håndbygget. Løbende omkostninger, du skal planlægge for, er:

• Builderen. De fleste har en gratis plan til at prøve ting og en betalt plan til egne domæner og mere brug.
• Hosting. Nogle gange inkluderet i planen, nogle gange forbrugsbaseret.
• Et domænenavn. Et årligt registreringsgebyr, der afhænger af navnet og endelsen.
• Ekstra. En mailudbyder til formularnotifikationer, eller betalte værktøjer til bookinger eller nyhedsbreve.

Hvornår en hjemmesidebuilder er det bedre valg

Vær ærlig om, hvad du har brug for. Hvis du vil have et klassisk brochuresite, en visuel editor til en kollega uden tekniske kompetencer, en indbygget blog med planlagte indlæg eller en onlinebutik, hvor lager og forsendelse håndteres for dig, så kan en skabelonbaseret hjemmesidebuilder eller en dedikeret platform som Shopify tjene dig bedre end enhver AI-genereret kode. AI-app-builders får fordelen, når sitet er usædvanligt, ændrer sig ofte, eller er indgangen til noget, der opfører sig som en app.

Byg den med Mythex

Mythex er en AI-app-builder, og hjemmesider er en af de mest almindelige ting, folk bygger med den. Du beskriver siden, den bygges i en live-forhåndsvisning (inklusive en visning i telefonstørrelse), og du udgiver til en adresse som dinnavn.mythex.app; på Pro kan du købe et domæne i Mythex eller forbinde et, du ejer. Hvis søgerangeringer betyder noget, kan du bede om et almindeligt statisk site i stedet for standard React-appen — se dokumentationen om statiske hjemmesider og SEO for din udgivne app.

Mythex er ikke et CMS: der er intet separat editor-login til et marketingteam, så ændringer laves ved at chatte med builderen eller redigere koden. For at undgå den tomme side kan du starte fra en af hjemmesideskabelonerne eller portfolioskabelonerne, som hver åbner et nyt projekt med en startprompt udfyldt.

Spørgsmål