HTML <meta> . का उपयोग करना सीखें तत्व।
<meta> HTML दस्तावेज़ों के बारे में कई प्रकार के मेटाडेटा को परिभाषित करने के लिए तत्व का उपयोग किया जाता है। मेटाडेटा का मतलब सिर्फ सूचना है। या अधिक विशेष रूप से मेटाडेटा वह डेटा है जो अन्य डेटा का वर्णन करता है और जानकारी देता है।
<meta> तत्व के कई गुण और मूल्य हैं।
name विशेषता सबसे महत्वपूर्ण में से एक है।
name कई मान लेता है। उदाहरण के लिए description , जिसका उपयोग content . के साथ किया जाता है किसी पृष्ठ का वर्णन करने के लिए विशेषता:
<head>
<meta name="description" content="Learn about the HTML meta element" />
</head>
<meta> तत्व केवल <head> . के अंदर रहते हैं तत्व।
मेटाडेटा आपके वेब पेज पर दिखाई नहीं देता है लेकिन सर्वर, ब्राउज़र और सर्च इंजन जैसी मशीनों द्वारा पार्स (पढ़ा) और संसाधित किया जाता है।
यह <meta> . बनाता है तत्व SEO के लिए सबसे महत्वपूर्ण HTML तत्वों में से एक है क्योंकि यह Google को अतिरिक्त डेटा (आपकी वेबसाइट की सामग्री के अलावा) जैसे खोज इंजन प्रदान करता है जो उन्हें बताता है कि आपकी वेबसाइट किस बारे में है और लोगों की खोज की तुलना में यह कितनी प्रासंगिक है।
मेटा description कभी-कभी . है SERPs (Search Engine Results Pages) में आपकी वेबसाइट के लिए एक पृष्ठ विवरण उत्पन्न करने के लिए खोज इंजन द्वारा उपयोग किया जाता है यदि वह इसे आपकी ऑन-पेज सामग्री से बेहतर पाता है।
व्यूपोर्ट टैग
viewport मेटा टैग गैर-मोबाइल-अनुकूल वेबसाइटों को छोटी स्क्रीन पर बेहतर दिखने में मदद करता है। निम्न व्यूपोर्ट टैग कॉन्फ़िगरेशन मोबाइल के लिए अनुकूलित है, और डिफ़ॉल्ट रूप से उपयोग किया जाना चाहिए जब तक कि आपके पास कोई अच्छा कारण न हो:
<meta name="viewport" content="width=device-width, initial-scale=1" />width=device-widthब्राउज़र को उपयोगकर्ता की डिवाइस की चौड़ाई के आधार पर पृष्ठ की चौड़ाई निर्धारित करने के लिए कहता है।initial-scaleप्रारंभिक पृष्ठ लोड पर ज़ूम स्तर को नियंत्रित करता है।initial-scale-1यानी इसका जूम लेवल 100% है। अगर आप इसेinitial-scale-2. पर सेट करते हैं , पहले पेज लोड होने पर पेज 200% ज़ूम करेगा।
viewport अधिक उन्नत में से एक है <meta> तत्व टैग, कि आपको डिफ़ॉल्ट को अनुकूलित करना शुरू करने से पहले ध्यान से अध्ययन करना चाहिए।
मोज़िला के व्यूपोर्ट टैग पर ठोस दस्तावेज़ हैं।
रोबोट मेटा टैग
robots मेटा टैग (जिसे "रोबोट मेटा निर्देश" भी कहा जाता है) विशेषता मान index का उपयोग करके खोज इंजनों को बताता है कि उन्हें आपके पृष्ठ को अनुक्रमित करना चाहिए या नहीं या noindex ।
डिफ़ॉल्ट रूप से, यह index . पर सेट होता है , इसलिए यदि आप नहीं चाहते कि आपकी वेबसाइट अनुक्रमित हो, तो आप इसे content के रूप में निर्दिष्ट करते हैं मान noindex
<meta name="robots" content="noindex" />
robots follow का उपयोग करके खोज इंजनों को यह बताने के लिए भी इस्तेमाल किया जा सकता है कि क्या उन्हें आपकी वेबसाइट पर किसी लिंक का अनुसरण नहीं करना चाहिए या nofollow मान।
<meta name="robots" content="nofollow" />
आप noindex . को भी मिला सकते हैं और nofollow एक ही तत्व में:
<meta name="robots" content="noindex, nofollow" />
सावधानी से पर चलें अपने <meta> . के साथ robots विन्यास।
यदि आप वास्तव में इसे noindex, nofollow . पर सेट करते हैं ऊपर दिए गए कोड की तरह, आप खोज इंजनों को वैश्विक रूप से (आपकी पूरी वेबसाइट पर) अपनी सामग्री और अपने लिंक दोनों को अनुक्रमित करने से हतोत्साहित करेंगे। आप शायद ही कभी ऐसा करना चाहते हैं, क्योंकि यह आपके SEO को नुकसान पहुंचाएगा।
noindex . के लिए एक सामान्य उपयोग मामला यदि आपकी वेबसाइट अभी भी विकास के अधीन है, और जनता के लिए तैयार नहीं है। वर्डप्रेस के पास पेज इंडेक्सिंग को अस्थायी रूप से अक्षम करने का विकल्प है (nofollow ) उस उद्देश्य के लिए।
और लिंक के लिए nofollow applying लगाने के बजाये विश्व स्तर पर (सभी लिंक के लिए), एक अधिक व्यावहारिक उपयोग का मामला nofollow . का उपयोग करना है कुछ आउटबाउंड (बाहरी) लिंक पर, उदा। सशुल्क लिंक के लिए, जिनका खोज इंजन द्वारा अनुसरण किए जाने का कोई कारण नहीं है। आप इसे सीधे एंकर तत्व पर करेंगे:
<a href="#" rel="nofollow">Click to see our sponsor</a>
डिफ़ॉल्ट रूप से, हाइपरलिंक follow पर सेट होते हैं ।