Hur man gör en sida mer sökbar

En kort, praktisk guide. Samma sak som gör en sida hittbar i Google gör den också hittbar för AI-tjänster (ChatGPT, Perplexity, Google AI Overviews). Nedan: problemet, sex tekniker, och två färdiga exempelsidor att titta på.

Problemet, konkret

Dagens projektsidor på murman.se är nästan bara bilder. En sökmotor eller AI som läser Åre Skiers Lodge-sidan hittar i praktiken bara detta i texten:

<h1>Åre Skiers Lodge</h1>
<!-- ...och därefter enbart bildblock, ingen brödtext -->

Det finns inget att matcha mot när någon söker "arkitekt fjällstuga" eller frågar en AI "vem ritar fritidshus i Åre?". Bilderna är vackra men osynliga för maskiner.

De sex teknikerna

1Beskrivande brödtext med rätt ord

Skriv vad projektet är, var det ligger, storlek, material och uppdrag – med orden folk faktiskt söker på (fritidshus, fjällhus, arkitekt, ortnamnet). Text är det enda maskiner kan matcha.

2Frågebaserade rubriker (H2/H3)

Formulera rubriker som människor ställer frågor: "Var ligger lodgen?", "Vilka material användes?". AI plockar ut svaret som sitter direkt under en matchande rubrik.

3Ett direkt svar högst upp

En kort ledtext (40–60 ord) som sammanfattar hela sidan. Det är ofta exakt det stycke en AI citerar.

4En faktaruta

Ort, år, storlek, typ, status – i en tydlig lista. Lätt för både läsare och maskiner att läsa av.

5En FAQ som svarar på köparens frågor

Vad kostar en arkitekt? Hur lång tid tar det? Bygglov? Detta är precis det format AI-tjänster citerar – och det kan märkas upp som FAQPage.

6Strukturerad data (JSON-LD)

Ett osynligt datablock som talar om för maskinen vad sidan är, istället för att den ska gissa. Exempel för en projektsida:

<script type="application/ld+json">
{
  "@context": "https://schema.org",
  "@type": "CreativeWork",
  "name": "Åre Skiers Lodge",
  "creator": { "@type": "Organization", "name": "Murman Arkitekter" },
  "locationCreated": { "@type": "Place", "name": "Åre, Sverige" },
  "about": ["fjällarkitektur", "fritidshus", "lodge"],
  "inLanguage": "sv-SE"
}
</script>

Före / efter

Se exemplen live