HTML में <meta> एलिमेंट मेटाडेटा वर्णन करने के लिए उपयोग किया जाता है - जैसे पेज का विवरण, कीवर्ड्स, दस्तावेज़ के लेखक, आदि। यह मेटाडेटा पेज पर प्रदर्शित नहीं होता, लेकिन सर्च इंजन, वेब ब्राउज़र और अन्य सेवाओं द्वारा उपयोग किया जाता है।
व्यूपोर्ट सेटिंग (मोबाइल के लिए महत्वपूर्ण)
<meta name="viewport" content="width=device-width, initial-scale=1.0">
मुख्य एट्रिब्यूट्स
| क्र.सं. | प्रकार और विवरण |
|---|---|
| 1 | name प्रॉपर्टी के लिए नाम। कुछ भी हो सकता है। उदाहरण: keywords, description, author, revised, generator आदि। |
| 2 | content प्रॉपर्टी का मान निर्दिष्ट करता है। |
| 3 | scheme (अप्रचलित) प्रॉपर्टी के मान की व्याख्या करने की स्कीम निर्दिष्ट करता है (content एट्रिब्यूट में घोषित अनुसार)। |
| 4 | http-equiv HTTP रिस्पॉन्स मैसेज हेडर्स के लिए उपयोग किया जाता है। उदाहरण: पेज रीफ्रेश करना या कुकी सेट करना। मान: content-type, expires, refresh, set-cookie। |
| 5 | charset कैरेक्टर एन्कोडिंग निर्दिष्ट करता है (जैसे UTF-8)। |
उदाहरण: मेटा टैग का पूर्ण उपयोग
<!DOCTYPE html>
<html>
<head>
<meta name="description" content="मुफ्त में सीखें">
<meta name="keywords" content="वीडियो ट्यूटोरियल, मुफ्त ट्यूटोरियल, सीखें, वेब">
<meta http-equiv="refresh" content="20">
<meta name="author" content="जैक स्पैरो">
<meta charset="UTF-8">
</head>
<body>
<h2>ट्यूटोरियल्स</h2>
<p>मुफ्त प्रोग्रामिंग ट्यूटोरियल्स:</p>
<ol>
<li>Java</li>
<li>C++</li>
<li>C</li>
<li>C#</li>
</ol>
</body>
</html>
SEO के लिए महत्वपूर्ण मेटा टैग्स
<meta name="description" content="...">- सर्च रिजल्ट्स में दिखने वाला विवरण (150-160 वर्ण)<meta name="keywords" content="...">- कीवर्ड्स (अब कम महत्वपूर्ण)<meta name="robots" content="index, follow">- क्रॉलिंग निर्देश<meta property="og:title" content="...">- सोशल मीडिया शेयरिंग के लिए Open Graph
