Etiketat <meta> në <head> ofrojnë metapërmasa për faqen — kodimin e karaktereve, sjelljen e viewport-it, përshkrimet për SEO dhe paraqitjet paraprake për ndarjen në rrjete shoqërore. Ato nuk renderohen por lexohen nga shfletuesit, motorët e kërkimit dhe platformat shoqërore.
charset sigurohet që teksti (veçanërisht jo-ASCII) dekodohet saktë. Vendosni atë në radhë të parë.viewport është ajo që bën një faqe përgjegjëse në celular — pa të, telefonat renderohen me gjerësinë e rremë 980px dhe zvogëlohen, duke prishur CSS-in tuaj përgjegjës.<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> dhe description janë ajo që shfaqet në rezultatet e Google, kështu që drejtojnë klikimin. canonical i thotë motorëve të kërkimit URL-in zyrtar.
<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" />
Këto kontrollojnë kartën që shfaqet kur lidhja juaj ndahet në Facebook, LinkedIn, Slack, X, etj. — pa to merrni një paraqitje paraprake të urryer ose të zbrazët.
charset dhe viewport janë të patransformuar për renderimet e sakta dhe përgjegjshmërinë në celular; title/description/canonical drivon SEO; etiketat Open Graph kontrollojnë se si duken lidhjet tuaja kur ndahen.
Sëbashku ato janë shtresa e metapërmasa që e bën faqen të renderohet saktë, të radhitet mirë dhe të ndahet mirë.