<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.
Et bibliotek av IT-intervjuspørsmål med detaljerte svar — fra Junior til Senior.
Doner