Slik designer du et nettsted som fungerer: Tilgjengelighet, kodekvalitet og innhold som ranker

Mange nettstedseiere fokuserer utelukkende på utseende og funksjoner. Men fundamentet for et nettsted som *virker* – rangerer i Google, konverterer besøkende, er tilgjengelig for alle – ligger i koden og innholdet. Inspirert av boken "Building Accessible Websites" (Clark), her er kjerneprinsippene.

1. Kodekvalitet = SEO-fundament

Søkemotorer bruker "bots" som crawler milliarder sider. De må forstå innholdet *raskt*. Ren, semantisk HTML gir dette:

• Riktig overskriftshierarki (H1 → H2 → H3) – struktur for bots og skjermlesere.
• Hovedinnholdet *først* i kildekoden (før sidemeny, footer).
• Beskrivende lenketekster (ikke "klikk her").
• Alt-tekster på *alle* bilder (tekstlig alternativ).
• Tekstbasert navigasjon (ikke bare JS/Flash).
• Validerer (W3C) – færre feil = raskere indeksering.

Disse reglene er identiske med WCAG-tilgjengelighetskrav. En side som er universelt tilgjengelig, er søkemotorvennlig.

2. Innhold som trekker og beholder

• Kvalitet > Kvantitet: Én dyp, velre-searchert artikkel slår 10 tynde.
• Nøkkelord naturlig integrert i titteler, ingress, overskrifter, brødtekst, bilde-alt, meta-beskrivelse.
• Unikt innhold: Ikke duplikat (innen eget nettsted eller fra andre).
• Verdi for brukeren: Svar på spørsmål, løs problemer, gi innsikt.
• Oppdater jevnlig: Friskhetssignal til Google.

3. Teknisk ytelse

• Rask lasting (< 3 sek): Bildeoptimalisering (WebP, riktig størrelse), caching, CDN, minifisering CSS/JS.
• Mobilvennlig (responsivt design) – Google bruker mobile-first indexing.
• HTTPS, sikkerhet, ingen broken links.

4. Lenkebygging gjennom verdi

Ikke kjøp lenker. Lag innhold som *fortjener* lenker: original data, guider, verktøy, infografikk, ekspertintervjuer. Da kommer lenkene organisk – og fra kvalitetskilder.

Konklusjon

Et nettsted som fungerer er en symbiose av **ren, semantisk kode** (tilgjengelighet/SEO) og **verdifullt, velstrukturer innhold** (bruker/konvertering). Investér i fundamentet – utseendet kan endres senere, koden bærer ansvaret for synlighet og tilgjengelighet.