दस्तऐज हेडमध्ये कोणचे महत्त्वाचे मेटा टॅग असतात?

Question

Accepted Answer

`` टॅग `` मध्ये पृष्ठाबद्दल मेटाडेटा प्रदान करतात — वर्ण एन्कोडिंग, व्यूपोर्ट वर्तन, SEO वर्णन, आणि सोशल-शेअरिंग पूर्वावलोकन. ते रेंडर केले जात नाहीत परंतु ब्राउজर, शोध इंजिन, आणि सोशल प्लॅटफॉर्मद्वारे वाचले जातात. ## अत्यावश्यक दोन ```html ``` - **`charset`** सुनिश्चित करते की मजकूर (विशेषत: non-ASCII) योग्यरित्या डिकोड होतो. याला प्रथम ठेवा. - **`viewport`** हेच आहे जे साइटला मोबाइलवर **प्रतिक्रियाशील** बनवते — त्याशिवाय, फोन 980px रुंदीवर रेंडर करतात आणि झूम आउट करतात, आपली प्रतिक्रियाशील CSS खराब करतात. ## SEO मेटा ```html Page Title — 50–60 chars ``` `` आणि `description` हे Google परिणामांमध्ये दिसतात, म्हणून ते क्लिक-थ्रू चालित करतात. `canonical` शोध इंजिनांना अधिकृत URL सांगते. ## Open Graph — सोशल शेअरिंग पूर्वावलोकन ```html <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 टॅग नियंत्रित करतात की आपली लिंक शेअर केली जाते तेव्हा कसे दिसते. एकत्रितपणे ते मेटाडेटा स्तर आहे जे पृष्ठ योग्यरित्या रेंडर करते, रँक करते, आणि चांगल्या प्रकारे शेअर करते.