<head> లోని <meta> ట్యాగ్లు పేజీ గురించిన మెటాడేటా అందిస్తాయి — క్యారెక్టర్ ఎన్కోడింగ్, viewport ప్రవర్తన, SEO వివరణలు మరియు సామాజిక-భాగస్వామ్య ప్రిప్యూలు. అవి రెండర్ చేయబడవు కానీ బ్రౌజర్లు, సెర్చ్ ఇంజిన్లు మరియు సామాజిక ప్ల్యాట్ఫారమ్ల ద్వారా చదవబడతాయి.
charset టెక్స్ట్ (ముఖ్యంగా non-ASCII) సరిగ్గా డీకోడ్ చేయబడటం నిర్ధారిస్తుంది. ఆ తర్వాత దీన్ని ఉంచండి.viewport సైట్ను మొబైల్లో ప్రతిస్పందించేటట్లు చేస్తుంది — ఇది లేకుండా, ఫోన్లు నకిలీ 980px వెడల్పులో రెండర్ చేయబడతాయి మరియు జూమ్ అవుట్ చేస్తాయి, మీ ప్రతిస్పందించే 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> మరియు description Google ఫలితాల్లో కనిపించేవి, కాబట్టి అవి క్లిక్-థ్రూ ను నడుపుతాయి. canonical సెర్చ్ ఇంజిన్లకు అధికార 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" />
మీ లింక్ Facebook, LinkedIn, Slack, X, మొదలైనవిపై భాగస్వామ్యం చేయబడినప్పుడు కనిపించే కార్డ్ను ఇవి నియంత్రిస్తాయి. — వీటి లేకుండా మీరు అసూచన లేదా ఖాళీ ప్రిప్యూ వదిలివేస్తారు.
charset మరియు viewport సరిగ్గా రెండర్ చేయడానికి మరియు మొబైల్ ప్రతిస్పందనకు విచక్షణీయమైనవి కాదు; title/description/canonical SEO ను నడుపుతాయి; Open Graph ట్యాగ్లు మీ లింక్లు భాగస్వామ్యం చేయబడినప్పుడు ఎలా కనిపిస్తాయో నియంత్రిస్తాయి.
కలిసి అవి పేజీని సరిగ్గా రెండర్ చేయడానికి, ర్యాంక్ చేయడానికి మరియు బాగా భాగస్వామ్యం చేయడానికి మెటాడేట్టా లేయర్ను గଠిष్ఠం చేస్తాయి.