<meta> žymos <head> dalyje pateikia metaduomenis apie puslapį — simbolių kodavimą, rodinio elgesį, SEO aprašus ir socialinio bendrinimo peržiūras. Jie nėra renderuojami, bet skaitomi naršyklių, paieškos variklių ir socialinių platformų.
charset užtikrina, kad tekstas (ypač ne-ASCII) būtų tinkamai dekoduojamas. Įdėkite jį pirmiausia.viewport daro svetainę reaguojančią mobiliajame peržiūroje — be jos, telefonai renderuoja suklaidinta 980px pločiu ir priartina, sugadindami jūsų reaguojantį 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> ir description yra tai, kas pasirodo Google rezultatuose, todėl jie veikia spustelėjimo dažnį. canonical paieškos varikliams nurodo autoritarinį 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" />
Šios žymos kontroliuoja kortelę, kuri atsiranda kai jūsų nuoroda dalijamasi Facebook, LinkedIn, Slack, X ir kt. — be jų gausite negražią arba tuščią peržiūrą.
charset ir viewport yra neginčytini teisingam renderavimui ir mobiliajam atsparumo; title/description/canonical veikia SEO; Open Graph žymos kontroliuoja kaip jūsų nuorodos atrodo dalijantis. Iš viso jie sudaro metaduomenų sluoksnį, dėl kurio puslapis renderuojamas teisingai, užima aukštą vietą ir gerai dalijasi.