<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.
Et bibliotek af IT-interviewspørgsmål med detaljerede svar — fra Junior til Senior.
Donér