<meta>-tags i <head> giver metadata om siden — tegn encoding, viewport-adfærd, SEO-beskrivelser og sociale deling-forvisninger. De bliver ikke renderet, men bliver læst af browserere, søgemaskiner og sociale platforme.
De to vigtigste
html
<meta>-tags i <head> giver metadata om siden — tegn encoding, viewport-adfærd, SEO-beskrivelser og sociale deling-forvisninger. De bliver ikke renderet, men bliver læst af browserere, søgemaskiner og sociale platforme.
charset sikrer, at tekst (især non-ASCII) dekoderes korrekt. Placer det først.viewport er det, der gør et websted responsiv på mobil — uden det viser telefoner med en falsk bredde på 980px og zoomer ud, hvilket ødelægger dit responsive CSS.<title>Page Title — 50–60 chars</title>
<meta name="description" content="Summary shown in search results, ~150 chars" />
<link rel="canonical" href="https://site.com/page" /> <!-- avoid duplicate-content penalties -->
<title> og description er hvad der vises i Google-resultater, så de driver click-through. canonical fortæller søgemaskiner den autoritative URL.
<meta property="og:title" content="Shareable title" />
<meta property="og:description" content="Shown when shared" />
<meta property="og:image" content="https://site.com/preview.jpg" />
<meta property="og:url" content="https://site.com/page" />
<meta name="twitter:card" content="summary_large_image" />
Disse kontrollerer kort, der vises, når dit link deles på Facebook, LinkedIn, Slack, X osv. — uden dem får du en grim eller tom forvisning.
charset og viewport er ikke til forhandling for korrekt rendering og mobilresponsivitet; title/description/canonical driver SEO; Open Graph-tags kontrollerer, hvordan dine links ser ud, når de deles.
Sammen er de metadatalaget, der får en side til at blive renderet korrekt, rangeret højt og deles godt.