Kopier prompten under, bytt ut klammeparentesene med dine egne detaljer, og lim inn i Claude eller ChatGPT. Du får en komplett, SEO optimalisert norsk hjemmeside på 30 til 60 minutter.
Publisert 23. april 2026 av IT-Firma.no. Lesetid: 6 minutter. Gratis å bruke.
Den utfyllende prompten
Dette er den samme prompten vi brukte for å lage aihjemmeside.no. Den dekker alt fra teknisk struktur til SEO og AEO optimalisering. Kopier hele blokken og bytt ut teksten i hakeparenteser med din egen informasjon.
ROLLE: Du er en senior frontend utvikler og SEO spesialist. Lag en komplett, produksjonsklar norskspråklig hjemmeside i en enkelt HTML fil for [DIN BEDRIFT] i [DIN BY]. Hjemmesiden skal publiseres på domenet [DITTDOMENE.NO] via Vercel.
KONTEKST OM BEDRIFTEN:
[BESKRIV BEDRIFTEN DIN I TRE TIL FEM SETNINGER. Hva gjør dere? Hvem er kundene? Hva skiller dere fra konkurrenter?]
TEKNISK:
Kun HTML, CSS og minimal vanilla JavaScript. Ingen rammeverk, ingen build steg, ingen npm. Inline alt i en index.html fil. Bruk Google Fonts via @import i CSS, ikke next/font. Ingen emoji i HTML, bruk kun inline SVG for ikoner. Ingen backtick template literals.
STRUKTUR:
1. Navigasjon (sticky, backdrop blur, logo til venstre, ankerlenker i midten, CTA knapp til høyre)
2. Hero seksjon (stor tittel på to linjer, lede tekst, to knapper, meta badge øverst)
3. Statistikk rad (fire tall med etiketter i kontrastfarge)
4. Hurtigsvar boks (spørsmål og svar format som AI søkemotorer kan sitere ordrett)
5. Hoved innholdsseksjoner (fire til seks, hver med farget bakgrunn som skifter, pris kort, signup steg, inkludert boks, alternativer)
6. Oppsummering tabell (sammenligning i boks med tykk svart kant og offset skygge)
7. FAQ seksjon (syv til ti spørsmål i prosa format, ikke accordion)
8. Final CTA (mørk bakgrunn med fargede sirkler som dekor)
9. Footer (credit og lenker)
DESIGN:
Moderne og varmt. Primærfarger: fersken #2DE8A8, grønn #5FE388, mint, lilla, blå gradient bakgrunner. Svart tekst #0D0D0D, grå #555 for sekundær. Inter font som hovedtype, JetBrains Mono for kode. Avrundede hjørner 10 til 16px. Subtile skygger. Store 16px+ knapper. Mobilvennlig breakpoint på 860px.
SEO OPTIMALISERING (10/10):
Meta title med hovednøkkelord først (under 60 tegn). Meta description med sitatvennlig setning (under 155 tegn). Canonical URL. OpenGraph og Twitter Cards for deling. Semantisk HTML med header, nav, main, section, article, footer. Alt tekst på alle SVG og bilder. Lang attributt nb-NO på html tag. Robots meta tag. Favicon i flere størrelser (16x16, 32x32, 180x180 for Apple, 192x192 og 512x512 for Android). Site.webmanifest fil.
AEO OG LLM SEO (for ChatGPT, Claude, Perplexity, Gemini):
Inkluder JSON-LD schema for tre typer samtidig: HowTo med numbered steps, FAQPage med question and acceptedAnswer, TechArticle eller LocalBusiness med author, datePublished og dateModified. Hurtigsvar boks på toppen med konkret setning under 50 ord som AI kan sitere ordrett. FAQ i prosa, ikke accordion, slik at søkemotorer kan lese alt. Konkrete tall og priser i teksten. Direkte svar på spørsmål i h3 format. Inkluder "Sist oppdatert" dato synlig. Lenker til kilder og dokumentasjon.
LLM DISCOVERY FILER (separate filer jeg skal generere selv etterpå):
llms.txt i rot med oversikt over siden
robots.txt som tillater GPTBot, ClaudeBot, PerplexityBot, Google Extended, Bingbot
sitemap.xml med alle interne lenker
entity-index.json med navngitte entiteter
INNHOLD:
Alt på norsk bokmål. Naturlig språk uten markedsførings klisjeer. Ingen bindestreker i sammensatte ord som ikke trenger dem. Ingen em dash. Ingen "egentlig", "faktisk", "altså". Skriv som en erfaren menneskelig forfatter, ikke en AI. Nevn konkrete priser, datoer, tall. Fortell hva dere faktisk har brukt av verktøy.
TILGJENGELIGHET:
Kontrastforhold minimum 4.5:1 for normal tekst. Focus states på alle interaktive elementer. Alt tekst på bilder. aria labels der det trengs. Tastaturnavigering fungerer.
LEVERANSE:
Komplett, fungerende index.html klar til å lastes opp til GitHub og deployes via Vercel. Ingen placeholder tekst, ingen TODO kommentarer. Send hele filen, ikke utdrag.
Tips: Jo mer detaljert du beskriver bedriften i seksjon 2 (KONTEKST), jo bedre blir resultatet. Skriv minst tre setninger om hva dere gjør, hvem kundene er, og hva som skiller dere.
Hva hver del av prompten gjør
ROLLE
Ved å gi Claude en spesifikk rolle (senior frontend utvikler og SEO spesialist) øker du kvaliteten betydelig. Claude tenker som en ekspert og leverer profesjonelt arbeid, ikke hobbynivå.
KONTEKST
Dette er den viktigste delen. Uten kontekst blir siden generisk. Skriv som om du forklarer bedriften til en ny kollega. Hva gjør dere, hvem er kundene, hva skiller dere fra konkurrenter?
TEKNISK
Her setter du rammene. "Kun HTML, CSS og vanilla JavaScript" sørger for at siden er enkel å vedlikeholde og publisere. Ingen avhengigheter betyr at siden alltid fungerer.
STRUKTUR
Ved å fortelle Claude eksakt hvilke seksjoner du vil ha, slipper du å ende opp med en side som mangler viktige elementer. Ni seksjoner er standard for en god bedriftshjemmeside.
DESIGN
Farger og typografi bestemmer følelsen. Bruk en konkret hex kode som aksentfarge, og Inter som fontvalg gir et moderne, lesbart uttrykk.
SEO, AEO og LLM SEO
Dette er det som gjør siden din søkbar. Meta tags, JSON-LD skjemaer og strukturert innhold sørger for at både Google og AI søkemotorer finner og siterer siden.
INNHOLD
Reglene om å unngå em dash og "egentlig" er viktige. Dette er klassiske AI signaler som får teksten til å høres maskinell ut. Ved å forby dem eksplisitt, tvinger du Claude til å skrive mer menneskelig.
Slik bruker du malen
Start med å kopiere hele prompten over. Gå til claude.ai og lim den inn. Bytt ut hakeparentesene med din egen informasjon. Trykk enter. Claude leverer en komplett HTML fil på 30 til 60 sekunder.
Viktig: Ikke bytt ut det engelske ordet ROLLE eller de andre tekniske nøkkelordene. Bytt kun ut teksten som står i hakeparenteser som [DIN BEDRIFT].
Ofte stilte spørsmål om prompten
Kan jeg bruke denne malen i ChatGPT i stedet?
Ja, men mange velger Claude for selve kodeskrivingen. Claude lager renere, mer strukturert HTML og CSS. ChatGPT er bedre på å hjelpe deg tilpasse malen til din bedrift.
Hva hvis resultatet ikke blir bra?
Be Claude om å endre spesifikke deler. "Gjør hero seksjonen mer dristig." "Bytt fargen til mørkeblå." "Legg til en seksjon om åpningstider." Claude forstår naturlig norsk og oppdaterer siden umiddelbart.
Må jeg kunne HTML for å tilpasse siden senere?
Nei. Du beskriver endringene på norsk, og Claude oppdaterer koden for deg. Du trenger aldri å åpne koden manuelt.
Hvor ofte bør jeg oppdatere prompten?
Mange velger å oppdatere hvert halvår for å holde innholdet ferskt. Dette er bra for SEO. Claude kan legge til nye seksjoner eller oppdatere eksisterende på minutter.