<meta> oznake v <head> zagotavljajo metapodatke o strani — kodiranje znakov, vedenje viewport-a, opis za SEO in predogled za deljenje v družbenih omrežjih. Niso prikazane, vendar jih berejo brskalniki, iskalniki in platforme za družbeno omrežje.
charset zagotavlja, da se besedilo (posebej znaki zunaj ASCII) pravilno dekodira. Postavite ga na prvo mesto.viewport je tisto, kar naredi spletno mesto odzivno na mobilnih napravah — brez njega telefoni prikazujejo pri lažnih 980px širini in se pomanjšajo, kar prekine vaš odzivni 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> in description sta tista, ki se pojavita v rezultatih Google-a, zato vplivata na verjetnost klikanja. canonical pravi iskalnikom, kateri URL je avtoritaren.
<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" />
Te oznake krmilijo kartico, ki se pojavi, ko je vaša povezava deljena na Facebooku, LinkedInu, Slacku, X, itd. — brez njih dobite neprijazen ali prazen predogled.
charset in viewport so nepogrešljiva za pravilno upodabljanje in odzivnost na mobilnih napravah; title/description/canonical poganjajo SEO; oznake Open Graph krmilijo, kako izgledajo vaše povezave, ko so deljene.
Skupaj predstavljajo plast metapodatkov, ki omogoči strani, da se pravilno prikaže, da ima dober vrstni red v iskanju in je dobra za deljenje.