<meta> tags i <head> gir metadata om siden — tegnkoding, viewport-oppførsel, SEO-beskrivelser og forhåndsvisninger for sosial deling. De blir ikke gjengitt, men leses av nettlesere, søkemotorer og sosiale plattformer.
De to essensielle
html
<meta> tags i <head> gir metadata om siden — tegnkoding, viewport-oppførsel, SEO-beskrivelser og forhåndsvisninger for sosial deling. De blir ikke gjengitt, men leses av nettlesere, søkemotorer og sosiale plattformer.
charset sikrer at tekst (spesielt ikke-ASCII) dekodes riktig. Sett det først.viewport er det som gjør en nettside responsiv på mobil — uten det gjengivir telefoner med en falsk 980px bredde og zoomer ut, noe som ødelegger responsiv 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 det som vises i Google-resultater, så de driver gjennomklikk. canonical forteller søkemotorer den autoritative URL-en.
<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 kortet som vises når lenken din deles på Facebook, LinkedIn, Slack, X osv. — uten dem får du en stygg eller tom forhåndsvisning.
charset og viewport er ikke forhandlingsbare for korrekt gjengivelse og mobil responsivitet; title/description/canonical driver SEO; Open Graph tags kontrollerer hvordan lenkene dine ser ut når de deles.
Tilsammen er de metadatalaget som gjør at en side gjengiveres korrekt, ranker bra og deles godt.