SEO-vennlig webdesign: sjekkliste
Sjekklisten tar for seg URL-struktur, overskriftshierarki, hastighet og strukturerte data i designfasen, slik at du unngår feil som er vanskelige å rette etter lansering.
Aurora YazılımRedaksjonen
6 min lesetid
SEO-vennlig webdesign betyr å bygge en nettside slik at søkemotorer enkelt kan gjennomsøke og forstå den fra første dag. Beskrivende URL-er, én H1 per side og en logisk overskriftshierarki, en rask og mobiltilpasset struktur, unike tittel- og beskrivelseskoder, interne lenker, nettstedskart og strukturerte data er de viktigste byggesteinene.
Hvorfor bygge en SEO-vennlig nettside fra start?
SEO oppfattes ofte som en tjeneste som legges til etter at nettsiden er lansert. Men mange av beslutningene som avgjør synligheten i søk, tas allerede under design og utvikling: sidestruktur, URL-oppsett, hvordan overskrifter kodes, hvordan bilder lastes og hvilken teknologi sidene er bygget med.
Hvis disse valgene blir feil, er SEO-arbeid i etterkant som å lappe på fundamentet til et hus utenfra. Å endre URL-strukturen krever omdirigeringer, og å gjøre et tungt grensesnitt lettere krever ny koding. Å gjøre det riktig fra start er både billigere og mer varig.
Sjekklisten nedenfor samler de tekniske og strukturelle punktene som bør gjennomgås under planlegging og utvikling av et webprosjekt.
Nettstedsstruktur og URL-oppsett
Søkemotorer oppdager nettsiden din gjennom lenker. Et logisk hierarki gjør det enkelt for både brukere og roboter å finne det de leter etter. Sammenhengen mellom nettstedsstruktur og SEO er derfor direkte: viktige sider bør kunne nås med få klikk fra forsiden.
- Planlegg en egen, permanent side for hver tjeneste eller produktgruppe.
- Skriv URL-er korte, lesbare og uten spesialtegn, for eksempel: /web-tasarimi/kurumsal-web-sitesi/.
- Unngå datoer, ID-numre og unødvendige parametere i URL-ene.
- Velg én fast skrivemåte for store og små bokstaver, avsluttende skråstrek og www.
- Vis sidens plass i nettstedet med brødsmuler (breadcrumb).
- Ikke la noen side stå uten lenker inn (foreldreløse sider).
Overskriftshierarki og metakoder
I visuelt design skilles overskrifter med størrelse og farge, mens de i koden skilles med H1 til H6. Hvis designeren bruker H1 bare for å få en tekst til å se stor ut, eller utvikleren koder alle overskrifter med samme tagg, misforstår søkemotoren sidens struktur.
- Bruk bare én H1 per side, og la den beskrive sidens hovedtema.
- Bruk H2 og H3 i rekkefølge, slik at de speiler innholdets deler.
- Bruk CSS-klasser, ikke overskriftskoder, til å styre visuell størrelse.
- Gi hver side en unik title-kode, med hovedsøkeordet tidlig.
- La metabeskrivelsen forklare nytten av siden, og ikke gjenta samme tekst på alle sider.
- Definer Open Graph-koder for visning ved deling.
<title>Design av nettside for bedrifter | Firmanavn</title>
<meta name="description" content="Kort beskrivelse som forklarer nytten av siden.">
<link rel="canonical" href="https://www.ornek.com/web-tasarimi/kurumsal-web-sitesi/">
<meta property="og:title" content="Design av nettside for bedrifter">
<meta property="og:image" content="https://www.ornek.com/img/paylasim.jpg">Hastighet og Core Web Vitals
Sidehastighet henger direkte sammen med designvalg. En stor åpningsvideo, mange skriftvekter eller tunge animasjonsbibliotek gjør siden treg, uansett hvor god koden er.
Googles Core Web Vitals-terskler kan brukes som designmål: 2,5 sekunder for LCP, 200 millisekunder for INP og 0,1 for CLS. Vi har forklart målingene nærmere i artikkelen hva er Core Web Vitals, og praktiske metoder i guiden slik gjør du nettsiden raskere.
- Bilder i WebP- eller AVIF-format, i riktig størrelse og med bredde og høyde angitt.
- Bilder utenfor skjermen lastes sent, mens hovedbildet prioriteres.
- Skrifter i WOFF2, bare nødvendige vekter og tegnsett.
- Ingen ubrukt CSS og JavaScript, og ikke-kritiske skript utsettes.
- Hurtigbuffer, komprimering og om nødvendig CDN er på plass.
Mobiltilpasning og tilgjengelighet
Google bruker først og fremst mobilversjonen når nettsider indekseres. Innhold som skjules eller forkortes på mobil, kan regnes som manglende også av søkemotoren. Derfor bør du i mobildesign bygge om oppsettet i stedet for å kutte innhold. Du finner detaljene på siden vår om mobiltilpasset design.
Tilgjengelighet og SEO overlapper også på mange punkter. Meningsfulle alternative tekster til bilder, beskrivende lenketekster, riktig overskriftsrekkefølge og nok fargekontrast gjør det enklere både for brukere med funksjonsnedsettelser og for søkemotorer å forstå innholdet.
Tekniske SEO-innstillinger i designet
Usynlige, men avgjørende tekniske innstillinger bestemmer om nettsiden blir gjennomsøkt og indeksert. I teknisk SEO-design bør disse punktene kontrolleres:
- Hele nettstedet åpnes via https, og http-adresser omdirigeres permanent.
- XML-nettstedskartet oppdateres automatisk og sendes til Search Console.
- robots.txt blokkerer bare områder som faktisk ikke skal gjennomsøkes.
- Riktig canonical-adresse er definert på hver side, og filter- og sorteringssider skaper ikke duplisert innhold.
- Det finnes en egen, nyttig 404-side, og ingen ødelagte lenker.
- Flerspråklige nettsteder bruker hreflang-koder og en egen URL per språk.
- Innholdet er synlig i HTML-en også uten at JavaScript kjøres.
User-agent: *
Disallow: /panel/
Sitemap: https://www.ornek.com/sitemap.xmlStrukturerte data
Strukturerte data forteller søkemotoren på et standardisert språk hva informasjonen på siden betyr: dette er en bedrift, dette er adressen, dette er et produkt med denne prisen, dette er et ofte stilt spørsmål. Schema.org-vokabularet og JSON-LD-formatet er den mest brukte metoden.
Strukturerte data løfter ikke rangeringen direkte, men gir deg mulighet for rike resultater i søk og bidrar til at innholdet forstås riktig. Markeringene må stemme nøyaktig med informasjonen som faktisk vises på siden.
- Organization eller LocalBusiness på bedriftsnettsider
- Service eller Product på tjeneste- og produktsider
- Article i bloggartikler og BreadcrumbList i brødsmulestien
- FAQPage i seksjoner med ofte stilte spørsmål
<script type="application/ld+json">
{
"@context": "https://schema.org",
"@type": "Organization",
"name": "Firmanavn",
"url": "https://www.ornek.com/",
"logo": "https://www.ornek.com/img/logo.png",
"telephone": "+90-000-000-00-00"
}
</script>Innholds- og lenkeplan
Uansett hvor solid den tekniske grunnmuren er, er det innholdet som fører søkemotoren til besøkende. Å avgjøre hvilket søkebehov hver side skal dekke allerede i designfasen gjør at tekstfelt og seksjoner kan planlegges deretter. Søkeordsanalyse bør gjøres sammen med nettstedskartet.
Interne lenker fører både brukere og rangeringskraft mellom sidene. Lenk naturlig og beskrivende fra tjenestesider til relevante bloggartikler, og fra bloggartikler til tjenestesider. Bruk meningsfulle uttrykk som «bedriftsnettside» i stedet for «klikk her».
Når du fornyer en eksisterende nettside, hindrer det at verdifulle sider forsvinner å sammenligne planen med det gamle innholdet. Vi har samlet hva du bør passe på i guiden vår om fornying av nettside, og du finner flere designartikler i kategorien webdesign.
Måling etter lansering
En SEO-vennlig nettside bør måles fra lanseringsdagen. Legg nettstedet til i Search Console, send inn nettstedskartet og følg rapportene om indeksering og Core Web Vitals. I analyseverktøyet følger du organisk trafikk, landingssider og konverteringer hver for seg.
De første månedene bør du se på hvilke sider som får synlighet, hvilke søk du vises for og klikkfrekvensen, og oppdatere innhold og overskrifter deretter. Dette er et kontinuerlig arbeid. For jevnlig rapportering og forbedring kan du få hjelp av tjenesten vår SEO og analyse. På hastighetssiden bør også kontinuerlig overvåking med hastighet og ytelse være en del av planen.
Vanlige spørsmål
01Gir en SEO-vennlig nettside førsteplass?
Ingen design kan love en bestemt rangering. SEO-vennlig struktur legger grunnlaget for at nettsiden blir riktig gjennomsøkt, forstått og gir en god opplevelse, mens rangeringen avgjøres av innholdskvalitet, konkurranse og tillitssignaler samlet.
02Hvordan vet jeg om nettsiden min er SEO-vennlig?
Rapportene om indeksering og brukeropplevelse i Search Console, resultater fra PageSpeed Insights og overskriftsstrukturen i sidekilden gir et godt utgangspunkt. En grundig teknisk gjennomgang avdekker også skjulte problemer som ødelagte lenker og duplisert innhold.
03Er nettsider bygget med JavaScript bra for SEO?
Det kan de være, men innholdet må leveres som ferdig HTML til søkemotoren. Løsninger med server-side rendering eller statisk generering løser dette problemet fra start.
04Når gir SEO-arbeid resultater?
Tiden varierer med nettstedets alder, konkurransen og mengden innhold. Effekten av tekniske rettelser begynner å vises etter gjennomsøking, mens innhold og autoritet vanligvis bygges opp over måneder.
SEO-vennlig webdesign gjør at synlighet i søk ikke lenger er et lag som legges til i etterkant, men en del av nettsidens fundament. For å bruke denne listen i prosjektet ditt fra start, fra URL-struktur til strukturerte data, kan du se tjenesten vår SEO-vennlig webdesign, og hvis du planlegger en ny nettside, kan du bli kjent med vår generelle tilnærming til webdesign.
