HTML <meta> एलिमेंट का उपयोग करना सीखें।
<meta> एलिमेंट का उपयोग HTML दस्तावेज़ों के बारे में कई प्रकार के मेटाडेटा को परिभाषित करने के लिए किया जाता है। मेटाडेटा का सीधा सा मतलब है जानकारी। या अधिक विशेष रूप से मेटाडेटा वह डेटा है जो अन्य डेटा का वर्णन करता है और उसके बारे में जानकारी देता है।
<meta> एलिमेंट में कई एट्रिब्यूट और मान होते हैं।
name एट्रिब्यूट सबसे महत्वपूर्ण में से एक है।
name कई मान लेता है। उदाहरण के लिए description, जिसका उपयोग content एट्रिब्यूट के साथ मिलकर एक पेज का वर्णन करने के लिए किया जाता है:
<head> <meta name="description" content="HTML meta एलिमेंट के बारे में जानें" /> </head><meta> एलिमेंट केवल <head> एलिमेंट के अंदर रहते हैं।
मेटाडेटा आपके वेब पेज पर दिखाई नहीं देता लेकिन मशीनों द्वारा पार्स (पढ़ा) और संसाधित किया जाता है, जैसे सर्वर, ब्राउज़र, और सर्च इंजन।
यह <meta> एलिमेंट को SEO के लिए सबसे महत्वपूर्ण HTML एलिमेंट्स में से एक बनाता है क्योंकि यह Google जैसे सर्च इंजन को अतिरिक्त डेटा प्रदान करता है (आपकी वेबसाइट की सामग्री के अलावा) जो उन्हें बताता है कि आपकी वेबसाइट किस बारे में है और यह लोगों द्वारा खोजी जाने वाली चीज़ों की तुलना में कितना प्रासंगिक है।
मेटा description कभी-कभी सर्च इंजन द्वारा SERPs (सर्च इंजन रिजल्ट पेज) में आपकी वेबसाइट के लिए पेज विवरण उत्पन्न करने के लिए उपयोग किया जाता है यदि यह आपके ऑन-पेज कंटेंट से बेहतर पाता है।
व्यूपोर्ट टैग
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 के लिए एक सामान्य उपयोग का मामला है यदि आपकी वेबसाइट अभी भी विकासाधीन है, और जनता के लिए तैयार नहीं है। WordPress में उस उद्देश्य के लिए अस्थायी रूप से पेज इंडेक्सिंग अक्षम (nofollow) करने का विकल्प है।
और लिंक्स के लिए, nofollow को वैश्विक रूप से (सभी लिंक्स के लिए) लागू करने के बजाय, एक अधिक व्यावहारिक उपयोग का मामला कुछ आउटबाउंड (एक्सटर्नल) लिंक्स पर nofollow का उपयोग करना है, जैसे पेड लिंक्स के लिए, जिनका सर्च इंजन द्वारा फॉलो किए जाने का कोई कारण नहीं है। आप इसे सीधे एंकर एलिमेंट पर करेंगे:
<a href="#" rel="nofollow">हमारे प्रायोजक को देखने के लिए क्लिक करें</a>डिफ़ॉल्ट रूप से, हाइपरलिंक्स follow पर सेट होते हैं।
