Hurtigere hjemmeside hjælp til en langsom hjemmeside

Title-element

Title-elementet i HTML er den primære titel for siden. Den vises i browserfane, bogmærker og som blå linklinje i Google - og er central for relevans og klik.

Skrevet af Kim Tetzlaff

Kort fortalt: <title> er et af de stærkeste semantiske signaler du har: kort, unikt og præcist. Det skal matche H1 og brødtekst uden at duplikere canonical URL -problemer på tværs af parametre.

Hvis du er ny på området

Title-elementet er den tekst der står i browserens fane, og som Google ofte bruger som blå overskrift i søgeresultater. Det er ikke det samme som den synlige overskrift på siden (H1), men de to skal fortælle samme historie, ellers virker siden utroværdig. En god titel er specifik for den enkelte side – ikke bare «Forside» eller dit firmanavn gentaget overalt.

Opbygning og skabeloner

Brug konsistente templates (brand + sideemne), men undgå identiske titler på liste- vs. detaljesider. For e-handel: inkluder produktnavn og nøgleattribut - men hold det læsbart.

Sammenhæng med Core Web Vitals

Titlen påvirker ikke LCP direkte, men en rodet <head> med for mange scripts før vigtige hints kan. Sørg for at preload og resource hints til kritiske ressourcer ikke blokeres af unødvendig parser-arbejde.

Typiske fejl

Standardtekster som “Forside” på alle undersider, for lange titler der trunkeres uden meningsbærende start, eller keyword-lister uden kontekst.

Én unik titel pr. vigtig URL

<title> er det stærkeste korte signal om sidens emne. To vigtige landingsider med næsten samme titel konkurrerer internt i brugerens opmærksomhed og kan gøre rapporter i Search Console sværere at læse.

Placér det mest specifikke først (Produktnavn – kategori – brand), så mobil-tabs og delinger ikke ender med kun at vise brandnavnet. Undgå keyword-stuffing: tre varianter af samme ord hjælper ingen.

Dynamiske skabeloner og datakvalitet

Når titler bygges af databasefelter, opstår der hurtigt null, dobbelte bindestreger eller tomme kategorier. Sæt fallback-logik og validering i CMS eller i build-pipelinen.

Paginering og filtre: enten inkluder side/tjek tydeligt i titlen, eller sørg for at side 2+ ikke skal rankes som selvstændige landinger - ellers skal strategien for noindex eller canonical være besluttet på forhånd.

Sammen med synlig H1

Title og synlig H1 behøver ikke være identiske, men de må ikke modsige hinanden. Hvis titlen lover «komplet guide» og H1 kun siger «Nyheder», føles siden som clickbait.

Efter større redesigns: crawl sitet og find titler der er blevet for lange (klippet i SERP) eller for korte (spildt plads til præcision).

Videre på sitet

FAQ

Skal title og H1 være identiske?

De bør være tæt forbundne semantisk, men ikke nødvendigvis ordret identiske. Undgå at begge er generiske.

Næste skridt fra begreb til handling

Guides og blogindlæg der matcher begrebets emne - ud fra fælles tags og sidens fokus.

Guide

Brug Transfer-Encoding (chunked) til progressiv rendering: hurtigere første visning

Lær at finde ud af om din server eller reverse proxy buffer HTML-svar, og få streaming (chunked) til at flytte første visning og LCP i den rigtige retning.

Guide

Gør hero til LCP: sådan ændrer du struktur, CSS og prioritering

Hvis LCP bliver en tilfældig paragraf i stedet for hero, får du både dårligere tal og en måling der ikke matcher brugerens første indtryk. Her er en konkret metode til at få hero (H1/billede) til at blive LCP – uden at snyde.

Guide

Få edge cache-hit på HTML: undgå cookies, forkert Vary og dårlige cache keys

Mange sites har CDN, men får stadig høj TTFB fordi HTML ikke caches. Lær et praktisk workflow til at få cache-hit på offentlige sider uden at servere forkert indhold.

Blog

Vary-header og caching: undgå forkert indhold og lav cache-hit-rate

Vary bestemmer hvornår caches skal gemme flere varianter af samme URL (fx gzip vs brotli eller dansk vs engelsk). Lær de typiske fejl, og hvordan du tester med headers og curl.

Blog

Sådan prioriterer du hastighedsoptimering uden at spilde tid

Lær hvordan du prioriterer hastighedsoptimering rigtigt, så du starter med de ændringer der giver mest effekt på LCP, INP, CLS og TTFB.

Blog

Hvad er Core Web Vitals? LCP, INP og CLS forklaret enkelt

Få en praktisk forklaring på LCP, INP og CLS. Lær hvad Core Web Vitals måler, hvorfor de betyder noget, og hvordan du kommer i gang.

Om forfatteren

Kim Tetzlaff

Kim skriver og vedligeholder indhold på hurtigere-hjemmeside.dk med fokus på målelig performance, Core Web Vitals og teknisk SEO. Målet er at gøre optimering konkret: hvad der faktisk flytter tal i feltdata, og hvordan du finder den korteste vej fra symptom til fix.

Kim Tetzlaff