सर्च और शेयरिंग के लिए meta tags, प्रीव्यू के साथ
यह meta tag generator वह HTML लिखता है जो तय करता है कि पेज Google के नतीजों में कैसा दिखेगा और उसका लिंक Facebook, LinkedIn, X, Slack, Discord या WhatsApp पर शेयर होने पर कैसा दिखेगा। टाइटल, डिस्क्रिप्शन, canonical URL और शेयर इमेज भरें, और आपको मुख्य SEO टैग, Open Graph टैग और Twitter Card टैग मिलते हैं — सही तरह escape किए हुए और आपके <code><head></code> में पेस्ट करने के लिए तैयार — साथ में सर्च स्निपेट और हर सोशल कार्ड का लाइव प्रीव्यू। किसी मौजूदा पेज का head पेस्ट करके उसके टैग लोड करें और उन्हें बेहतर बनाएँ। सब कुछ आपके ब्राउज़र में चलता है।
Meta tags कैसे बनाएँ
- 1एक टाइटल और डिस्क्रिप्शन लिखें। जब Google के उन्हें काटने की संभावना हो तो काउंटर लाल हो जाते हैं: टाइटल के लिए लगभग 600 पिक्सल (≈60 अक्षर) और डिस्क्रिप्शन के लिए लगभग 160 अक्षर।
- 2पेज का canonical URL, साइट का नाम और एक absolute इमेज URL — बेहतर हो तो 1200 × 630 पिक्सल — alt टेक्स्ट के साथ डालें।
- 3Open Graph टाइप, locale और Twitter कार्ड स्टाइल चुनें, और अपने X हैंडल जोड़ें। जिन पेजों को सर्च नतीजों से बाहर रहना है, उनके लिए इंडेक्सिंग की अनुमति दें से टिक हटा दें।
- 4Google, Facebook, LinkedIn और X के प्रीव्यू देखें, फिर HTML पर जाएँ, कौन-से ग्रुप शामिल करने हैं चुनें और टैग अपने पेज के
<head>में कॉपी करें। - 5किसी मौजूदा पेज को एडिट करने के लिए Import पर क्लिक करें और उसका HTML या view-source पेस्ट करें।
SEO के लिए ज़रूरी टैग
- <title>
- पेज पर सबसे अहम सिग्नल और नतीजों में क्लिक होने वाली हेडलाइन। मुख्य विषय पहले रखें, हर पेज के लिए अलग रखें और आख़िर में ब्रांड लिखें। जो टाइटल Google को बेकार, बहुत लंबे या कीवर्ड से भरे लगते हैं, उन्हें वह दोबारा लिख देता है।
- meta description
- यह रैंकिंग फ़ैक्टर नहीं है, लेकिन अक्सर टाइटल के नीचे स्निपेट के रूप में दिखता है, इसलिए क्लिक पर असर डालता है। पेज को 120–160 अक्षरों में समझाएँ और आने की एक वजह दें।
- canonical
- <link rel="canonical"> पसंदीदा URL बताता है जब एक ही कंटेंट कई पतों पर मिलता हो (ट्रैकिंग पैरामीटर, http और https, आख़िर का स्लैश)।
- robots
- noindex पेज को नतीजों से बाहर रखता है, nofollow क्रॉलर को उसके लिंक फ़ॉलो न करने को कहता है। Index, follow डिफ़ॉल्ट है, इसलिए टैग तभी लिखा जाता है जब आप इसे बदलते हैं।
- viewport & charset
- ये असल में SEO टैग नहीं हैं, लेकिन हर पेज को इनकी ज़रूरत है: UTF-8 और responsive viewport mobile-first indexing की बुनियादी शर्तें हैं।
- keywords
- Google और Bing इसे दस साल से ज़्यादा समय से रैंकिंग में अनदेखा करते हैं। इसे तभी शामिल करें जब कोई इंटरनल सर्च या दूसरा सिस्टम इसे पढ़ता हो।
Open Graph: शेयर होने पर लिंक कैसे दिखते हैं
Open Graph वह प्रोटोकॉल है जो Facebook ने शुरू किया और जिसे अब लगभग हर प्लैटफ़ॉर्म पढ़ता है: LinkedIn, Slack, Discord, WhatsApp, Telegram, iMessage, Pinterest और कई दूसरे। ज़रूरी टैग हैं og:title, og:description, og:image, og:url और og:type; og:site_name और og:locale कार्ड को और बेहतर बनाते हैं।
कार्ड की कामयाबी इमेज पर टिकी है। Absolute https:// URL, 1200 × 630 पिक्सल (1.91:1 अनुपात), 5 MB से कम, JPEG, PNG या WebP में इस्तेमाल करें, और टेक्स्ट व लोगो किनारों से दूर रखें क्योंकि हर प्लैटफ़ॉर्म अलग तरह से क्रॉप करता है। प्लैटफ़ॉर्म कार्ड को cache करते हैं: टैग बदलने के बाद उन्हें Facebook के Sharing Debugger, LinkedIn के Post Inspector से या query string वाला URL शेयर करके रिफ़्रेश करें।
Twitter / X कार्ड
X लेआउट चुनने के लिए अपना twitter:card टैग पढ़ता है — पूरी चौड़ाई की इमेज के लिए summary_large_image, छोटे चौकोर थंबनेल के लिए summary — और साइट व लेखक के हैंडल के लिए twitter:site और twitter:creator। टाइटल, डिस्क्रिप्शन और इमेज के लिए वह Open Graph टैग इस्तेमाल करता है, इसलिए generator twitter:title, twitter:description और twitter:image तभी लिखता है जब Open Graph बंद हो, ताकि मार्कअप दोहराया न जाए।
फ़िलहाल X बड़ी इमेज वाले कार्ड को इमेज पर टाइटल और नीचे डोमेन के साथ दिखाता है; डिस्क्रिप्शन सिर्फ़ summary कार्ड पर और कुछ ही क्लाइंट में दिखते हैं।
टाइटल की लंबाई: अक्षर बनाम पिक्सल
Google टाइटल को अक्षरों की गिनती से नहीं, चौड़ाई से काटता है: डेस्कटॉप पर सीमा 20 पिक्सल के Arial जैसे फ़ॉन्ट में लगभग 600 पिक्सल है, जिसमें अक्षरों के हिसाब से लगभग 50–60 अक्षर आते हैं — "WWW" "iii" से तीन गुना चौड़ा है। काउंटर आपके ब्राउज़र में उसी फ़ॉन्ट से टाइटल मापता है, इसलिए यह आपके असली शब्दों को दिखाता है। डिस्क्रिप्शन लगभग 920 पिक्सल पर कटते हैं, यानी डेस्कटॉप पर करीब 155–160 अक्षर और मोबाइल पर कम।
कटना कोई पेनल्टी नहीं है — यह सिर्फ़ टेक्स्ट का आख़िरी हिस्सा छिपाता है — लेकिन ज़रूरी शब्द शुरू में रखने से वे ज़रूर दिखते हैं। टाइटल और डिस्क्रिप्शन को पेज पर दिखने वाले कंटेंट से मिलाएँ; तब Google के उन्हें बिना बदले रखने की संभावना ज़्यादा होती है।
टैग कहाँ लगाएँ
ये सभी टैग पेज के <head> एलिमेंट के अंदर आते हैं, और इन्हें सर्वर से भेजे गए HTML में होना चाहिए: लिंक प्रीव्यू क्रॉलर JavaScript नहीं चलाते, इसलिए client-side कोड से जोड़े गए टैग Facebook, LinkedIn और X को दिखाई नहीं देते। Next.js, Nuxt या Astro जैसे फ़्रेमवर्क में इन्हें सर्वर पर रेंडर करने के लिए उनकी metadata API इस्तेमाल करें। हर attribute वैल्यू HTML-escape की जाती है, इसलिए आपके टाइटल में quotes और ampersand मार्कअप नहीं तोड़ सकते।
इसके साथ एक robots.txt रखें जो क्रॉलर को आपके पेज तक पहुँचने दे, एक XML sitemap जिसमें आपके canonical URL हों, और एक favicon ताकि नतीजे में आपका आइकन दिखे।
अक्सर पूछे जाने वाले सवाल
- Meta title और description की सही लंबाई क्या है?
- टाइटल के लिए लगभग 50–60 अक्षर (~600 पिक्सल से कम) और डिस्क्रिप्शन के लिए 120–160 अक्षर। काउंटर दोनों दिखाते हैं और जब Google के टेक्स्ट काटने की संभावना हो तो लाल हो जाते हैं।
- Open Graph इमेज का साइज़ क्या होना चाहिए?
- 1200 × 630 पिक्सल (1.91:1) Facebook, LinkedIn, X और मैसेजिंग ऐप पर काम करता है। Absolute https URL इस्तेमाल करें, 5 MB से कम रखें और ज़रूरी कंटेंट बीच में रखें।
- मेरे लिंक प्रीव्यू में पुरानी इमेज या टाइटल क्यों दिखता है?
- प्लैटफ़ॉर्म लिंक प्रीव्यू cache करते हैं। URL को दोबारा पढ़वाने के लिए Facebook का Sharing Debugger या LinkedIn का Post Inspector इस्तेमाल करें; X लगभग एक हफ़्ते बाद cache रिफ़्रेश करता है, या नई query string वाले URL के लिए तुरंत।
- क्या मुझे Open Graph और Twitter दोनों टैग चाहिए?
- ज़्यादातर प्लैटफ़ॉर्म के लिए Open Graph चाहिए और X के लिए कम से कम twitter:card। X og:title, og:description और og:image से काम चला लेता है, इसलिए Open Graph होने पर बाकी Twitter टैग वैकल्पिक हैं।
- क्या meta keywords टैग SEO में मदद करता है?
- नहीं। Google और Bing कई सालों से रैंकिंग में इसे अनदेखा करते हैं। यहाँ यह वैकल्पिक है और तभी काम का है जब कोई इंटरनल सिस्टम इसे पढ़ता हो।
- क्या मैं किसी मौजूदा पेज के meta tags एडिट कर सकता हूँ?
- हाँ। Import पर क्लिक करें, पेज का HTML पेस्ट करें (view-source भी चलेगा), और title, description, canonical, Open Graph, Twitter और robots की वैल्यू फ़ॉर्म में लोड हो जाती हैं।
- मेरी शेयर इमेज प्रीव्यू में क्यों नहीं दिखती?
- URL absolute (https://…) और सबके लिए उपलब्ध होना चाहिए। कुछ सर्वर दूसरी साइटों पर अपनी इमेज दिखाने से रोकते हैं; असली प्लैटफ़ॉर्म इमेज सर्वर-साइड से लाते हैं, इसलिए वहाँ यह फिर भी काम कर सकती है।
- क्या कुछ अपलोड होता है?
- नहीं। टैग आपके ब्राउज़र में बनते हैं। सिर्फ़ शेयर इमेज आपके डाले गए URL से लोड होती है, ताकि प्रीव्यू में दिख सके।