<meta> टॅग <head> मध्ये पृष्ठाबद्दल मेटाडेटा प्रदान करतात — वर्ण एन्कोडिंग, व्यूपोर्ट वर्तन, SEO वर्णन, आणि सोशल-शेअरिंग पूर्वावलोकन. ते रेंडर केले जात नाहीत परंतु ब्राउজर, शोध इंजिन, आणि सोशल प्लॅटफॉर्मद्वारे वाचले जातात.
अत्यावश्यक दोन
<meta> टॅग <head> मध्ये पृष्ठाबद्दल मेटाडेटा प्रदान करतात — वर्ण एन्कोडिंग, व्यूपोर्ट वर्तन, 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 टॅग नियंत्रित करतात की आपली लिंक शेअर केली जाते तेव्हा कसे दिसते.
एकत्रितपणे ते मेटाडेटा स्तर आहे जे पृष्ठ योग्यरित्या रेंडर करते, रँक करते, आणि चांगल्या प्रकारे शेअर करते.