मेटा टैग जनरेटर
ओपन ग्राफ मेटा टैग
ट्विटर कार्ड मेटा टैग
मेटा टैग जनरेटर का उपयोग कैसे करें
- 1
ज़रूरी जानकारी भरें
Essential Meta Tags खंड में अपना पेज टाइटल, विवरण, कीवर्ड, लेखक, और robots डायरेक्टिव दर्ज करें।
- 2
सोशल शेयरिंग टैग जोड़ें
टाइटल, विवरण, और इमेज URL सहित Open Graph और Twitter Card फ़ील्ड भरें, ताकि शेयर करते समय पेज कैसा दिखे यह नियंत्रित हो सके।
- 3
जनरेट किए टैग की समीक्षा करें
जैसे-जैसे आप हर फ़ील्ड में टाइप करते हैं, आउटपुट क्षेत्र में मेटा टैग मार्कअप को लाइव बनते देखें।
- 4
अपने <head> में कॉपी करें
Copy Meta Tags पर क्लिक करें और जनरेट किया HTML अपने पेज के head खंड में पेस्ट करें।
SEO के लिए HTML मेटा टैग की संपूर्ण मार्गदर्शिका
मेटा टैग क्या हैं और इनकी जगह कहाँ है
मेटा टैग HTML तत्व हैं जो किसी पेज के head खंड के अंदर रहते हैं और दस्तावेज़ का वर्णन मानव विज़िटरों के बजाय ब्राउज़र, सर्च इंजन, और सोशल नेटवर्क के लिए करते हैं। ये कभी पेज पर ही रेंडर नहीं होते। ब्राउज़र कुछ भी चित्रित करने से पहले इन्हें पढ़ता है, यही कारण है कि जगह मायने रखती है: इस जनरेटर द्वारा बनाया गया हर टैग head तत्व के अंदर, आदर्श रूप से काफ़ी ऊपर, किसी भी रेंडर-रोकने वाली स्क्रिप्ट से पहले पेस्ट किया जाना चाहिए। ख़ासकर title तत्व और charset घोषणा यथासंभव जल्दी आनी चाहिए, क्योंकि ब्राउज़र को बाक़ी मार्कअप पार्स करने से पहले अक्षर एन्कोडिंग पता होनी चाहिए।
मेटाडेटा के दो सबसे अहम हिस्से तकनीकी रूप से मेटा टैग हैं ही नहीं। title तत्व (title) और कैनोनिकल लिंक (link rel="canonical") अलग तत्व हैं, पर ये उसी head ब्लॉक में आते हैं और किसी पेज को कैसे समझा जाता है, इसके केंद्र में हैं। यह टूल title, description, viewport, robots, Open Graph, और Twitter Card टैग पर ध्यान देता है, जो मिलकर वह मेटाडेटा कवर करते हैं जो सर्च और सोशल के लिए असल में फ़र्क़ डालता है।
title टैग: आपका सबसे अहम ऑन-पेज संकेत
title तत्व वह सबसे मज़बूत ऑन-पेज SEO संकेत है जिसे आप नियंत्रित करते हैं। यही वह चीज़ है जिसे Google आमतौर पर सर्च नतीजों में नीली क्लिक-योग्य हेडलाइन के रूप में दिखाता है और जो ब्राउज़र टैब पर दिखाई देती है। लगभग 50 से 60 अक्षरों, या लगभग 580 पिक्सेल, का लक्ष्य रखें, ताकि यह नतीजों के पेज पर एक दीर्घवृत्त के साथ कटे नहीं। सबसे अहम कीवर्ड को आगे की ओर रखें, उस मनुष्य के लिए लिखें जो यह तय कर रहा है कि क्लिक करे या नहीं, और हर title को अपनी पूरी साइट पर अनूठा रखें। हर title की शुरुआत में दोहराए गए ब्रांड नाम जैसी घिसी-पिटी सामग्री आपके पास मौजूद सबसे क़ीमती जगह को बर्बाद करती है।
एक आम ग़लती title टैग और H1 शीर्षक को आपस में बदले जाने योग्य मानना है। ये अलग-अलग दर्शकों की सेवा करते हैं: title सर्च स्निपेट और टैब के लिए है, जबकि H1 ऑन-पेज हेडलाइन है। ये भिन्न हो सकते हैं, और अक्सर होने भी चाहिए, क्योंकि किसी सर्च नतीजे के लिए आदर्श क्लिक-थ्रू वाक्यांश हमेशा उस व्यक्ति के लिए सबसे अच्छा शीर्षक नहीं होता जो पहले से पेज पर है।
मेटा विवरण: क्लिक, रैंकिंग नहीं
मेटा विवरण सीधे रैंकिंग को प्रभावित नहीं करता, पर यह क्लिक-थ्रू दर को भारी रूप से प्रभावित करता है, जो मायने रखती है। इसे विज्ञापन की कॉपी की तरह समझें: पेज का सारांश दें, प्राथमिक कीवर्ड शामिल करें ताकि क्वेरी से मेल खाने पर इसे बोल्ड किया जा सके, और क्लिक करने का एक कारण जोड़ें। इसे लगभग 150 से 160 अक्षरों तक रखें; लंबे विवरण काट दिए जाते हैं, और Google अक्सर ऐसे विवरणों को फिर से लिख देता है जो ग़ायब हों, दोहराए गए हों, या क्वेरी से ठीक से मेल न खाते हों, और इसके बजाय पेज के मुख्य भाग से एक स्निपेट खींच लेता है।
चूँकि Google आपके विवरण को अनदेखा करके अपना ख़ुद का गढ़ सकता है, इसलिए अहम जानकारी के लिए इस पर निर्भर न रहें। फिर भी एक मज़बूत विवरण लिखें, क्योंकि एक आकर्षक विवरण जो बचा रहता है, अक्सर किसी अपने आप बने स्निपेट से बेहतर प्रदर्शन करता है। इसे कभी कीवर्ड से न ठूँसें; इससे एक पुनर्लेखन शुरू हो जाता है और यह उपयोगकर्ताओं को स्पैम जैसा पढ़ा जाता है।
robots मेटा टैग और क्रॉल नियंत्रण
robots मेटा टैग सर्च इंजन को बताता है कि किसी पेज को क्रॉल कर लेने के बाद क्या करना है। सबसे आम मान हैं index/noindex (क्या पेज नतीजों में दिख सकता है) और follow/nofollow (क्या उस पर मौजूद लिंक इक्विटी पास करें)। noindex, follow जैसा मान किसी पेज को अनुक्रमणिका से बाहर रखता है जबकि क्रॉलरों को उसके लिंक पार करने देता है, जो पतले पेजों के लिए उपयोगी है, जैसे आंतरिक सर्च नतीजे या प्रिंटर-अनुकूल रूप। अन्य निर्देशों में नतीजे को कैसे दिखाया जाए, इसके बारीक़ नियंत्रण के लिए noarchive, nosnippet, और max-snippet शामिल हैं।
एक अहम अंतर: robots मेटा टैग अनुक्रमण को नियंत्रित करता है, जबकि robots.txt क्रॉलिंग को नियंत्रित करता है। ये आपस में बदले जाने योग्य नहीं हैं। अगर आप robots.txt में कोई URL ब्लॉक कर देते हैं, तो Google उस पेज पर noindex टैग कभी नहीं देख सकता, क्योंकि वह उसे पढ़ने के लिए पेज को क्रॉल ही नहीं कर सकता, और वह URL नतीजों में फिर भी एक खाली लिंक के रूप में दिख सकता है। किसी पेज को सर्च से भरोसेमंद रूप से हटाने के लिए, उसे क्रॉल-योग्य रहने दें और noindex लगाएँ।
viewport, charset, और तकनीकी ज़रूरतें
viewport टैग, width=device-width, initial-scale=1.0, ही वह चीज़ है जो किसी पेज को मोबाइल-रेस्पॉन्सिव बनाती है। इसके बिना, मोबाइल ब्राउज़र पेज को डेस्कटॉप चौड़ाई पर रेंडर करके सिकोड़ देते हैं, जिससे छोटा-सा टेक्स्ट और एक ख़राब मोबाइल अनुभव बनता है। चूँकि Google पेजों के मोबाइल रूप को पहले अनुक्रमित करता है, इसलिए कोई ग़ायब या ग़लत कॉन्फ़िगर किया गया viewport टैग एक असली रैंकिंग और उपयोगिता समस्या है, कोई सतही नहीं। charset घोषणा, जो लगभग हमेशा UTF-8 होती है, यह सुनिश्चित करती है कि विशेष अक्षर और इमोजी मोजीबेक के बजाय सही ढंग से रेंडर हों।
ये दो टैग छोटे हैं पर ग़ैर-समझौता वाले हैं। viewport को डिवाइस चौड़ाई पर सेट करें, maximum-scale या user-scalable=no से उपयोगकर्ता स्केलिंग बंद करने से बचें (जो सुगम्यता को नुक़सान पहुँचाता है), और हर पेज पर UTF-8 एन्कोडिंग घोषित करें।
सोशल प्रीव्यू के लिए Open Graph और Twitter Cards
Open Graph टैग (og: परिवार) नियंत्रित करते हैं कि आपका लिंक Facebook, LinkedIn, Slack, Discord, और कई अन्य प्लेटफ़ॉर्म में पेस्ट करने पर कैसा दिखता है। मुख्य समूह है og:title, og:description, og:image, og:url, और og:type। Twitter Card टैग (twitter: परिवार) X के लिए वही करते हैं, जहाँ twitter:card को summary_large_image पर सेट करना सबसे आकर्षक विकल्प है। लगभग 1200 गुणा 630 पिक्सेल की एक og:image दें और इसके लिए हमेशा निरपेक्ष URL का उपयोग करें; सापेक्ष इमेज पथ ही वह सबसे आम कारण हैं कि कोई प्रीव्यू कोई थंबनेल नहीं दिखाता।
सोशल प्लेटफ़ॉर्म जो खंगालते हैं उसे कैश कर लेते हैं, इसलिए इन टैगों को बदलने के बाद अक्सर आपको पुराने प्रीव्यू को साफ़ करने के लिए प्लेटफ़ॉर्म के डीबगिंग टूल (उदाहरण के लिए, Facebook का Sharing Debugger) का उपयोग करके पेज को फिर से खंगालना पड़ता है। अगर कोई टैग ग़ायब है, तो अधिकांश प्लेटफ़ॉर्म मानक title और description पर लौट आते हैं, पर नतीजा एक सादा, कम क्लिक-योग्य कार्ड होता है।
जो टैग अब मदद नहीं करते, और आम ग़लतियाँ
meta keywords टैग SEO के लिए मर चुका है। Google ने बरसों पहले पुष्टि की थी कि वह meta keywords को पूरी तरह अनदेखा करता है, और चूँकि यह खुलेआम आपके लक्षित शब्दों को प्रतिस्पर्धियों तक प्रसारित करता था, इसे भरना ज़्यादा से ज़्यादा निरर्थक और कम से कम एक छोटा-सा सूचना रिसाव है। यह जनरेटर पूर्णता और पुराने सिस्टमों के लिए एक keywords फ़ील्ड शामिल करता है, पर इससे किसी रैंकिंग लाभ की उम्मीद न करें। meta revisit-after और meta author जैसे अन्य पुराने टैगों का भी Google रैंकिंग पर कोई असर नहीं होता।
सबसे बार-बार होने वाली असली ग़लतियाँ हैं: कई पेजों पर एक जैसे title और description, ऐसे title और description जो दिखावे की सीमाओं को पार करके कट जाते हैं, कई URL से पहुँचने योग्य पेजों पर ग़ायब कैनोनिकल टैग, og:image में सापेक्ष URL, और किसी स्टेजिंग वातावरण से बचा हुआ साइट-व्यापी noindex ग़लती से भेज देना। हमेशा अपने ब्राउज़र के व्यू-सोर्स या डेवलपर टूल से अंतिम रेंडर किए head की पुष्टि करें, क्योंकि JavaScript फ़्रेमवर्क कभी-कभी आरंभिक HTML लोड होने के बाद मेटा टैग डाल देते हैं या उन पर लिख देते हैं।
अक्सर पूछे जाने वाले प्रश्न
यह जनरेटर कौन-से मेटा टैग बनाता है?
Open Graph और Twitter Card टैग किसलिए होते हैं?
मेरा टाइटल और विवरण कितना लंबा होना चाहिए?
OG टैग के लिए मुझे कौन-सा इमेज आकार इस्तेमाल करना चाहिए?
मैं जनरेट किए टैग कहाँ रखूँ?
संबंधित टूल्स
इन उपयोगी टूल्स के साथ आगे बढ़ें