दस्तावेज़ के head में कौन से महत्वपूर्ण मेटा टैग जाते हैं?

Question

Accepted Answer

`` में `` टैग पृष्ठ के बारे में मेटाडेटा प्रदान करते हैं — वर्ण एन्कोडिंग, viewport व्यवहार, SEO विवरण, और सोशल-शेयरिंग पूर्वावलोकन। वे रेंडर नहीं होते हैं लेकिन ब्राउज़र, सर्च इंजन और सोशल प्लेटफॉर्म द्वारा पढ़े जाते हैं। ## क्यों यह महत्वपूर्ण है ```html ``` - **`charset`** सुनिश्चित करता है कि टेक्स्ट (विशेषकर non-ASCII) सही तरीके से डिकोड हो। इसे पहले रखें। - **`viewport`** वही है जो एक साइट को मोबाइल पर **responsive** बनाता है — इसके बिना, फोन नकली 980px चौड़ाई पर रेंडर करते हैं और बाहर की ओर ज़ूम करते हैं, आपके responsive 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` सही रेंडरिंग और मोबाइल responsiveness के लिए अनिवार्य हैं; `title`/`description`/`canonical` SEO चलाते हैं; Open Graph टैग नियंत्रित करते हैं कि आपके लिंक कैसे दिखाई देते हैं जब साझा किए जाते हैं। एक साथ वे मेटाडेटा परत हैं जो एक पृष्ठ को सही तरीके से रेंडर करते हैं, रैंक करते हैं, और अच्छी तरह साझा करते हैं।