मेटा टैग जनरेटर
अपने पेज का ब्योरा भरें और head के लिए पेस्ट करने लायक HTML कॉपी करें: title, description, canonical, robots, Open Graph और Twitter कार्ड टैग।
पूरी तरह आपके ब्राउज़र में चलता है
खाली फ़ील्ड आउटपुट से छोड़ दिए जाते हैं। प्रीव्यू आपके टेक्स्ट से बने नमूने हैं; वे आपकी इमेज का पता कभी लोड नहीं करते, और असली सर्च और सोशल साइटें चीज़ों को अपने ढंग से दिखाएंगी।
मेटा टैग कैसे बनाएं
- पेज का title और description लिखें। काउंटर मोटा अंदाज़ा देते हैं कि आम तौर पर हर एक का कितना हिस्सा दिखता है।
- canonical पता, robots के विकल्प, और जो Open Graph और Twitter फ़ील्ड चाहिए वे जोड़ें। चेतावनियाँ उन पतों को चिह्नित करती हैं जो पूरे
https://URL नहीं हैं। - सर्च और सोशल नमूने देखें, फिर HTML कॉपी करें दबाएं और टैग अपने पेज के
<head>के अंदर पेस्ट करें।
हर टैग किसलिए है
<title> और मेटा description से ही आम तौर पर सर्च नतीजा बनता है। canonical लिंक सर्च इंजनों को बताता है कि कौन-सा पता मुख्य है, जब एक ही पेज कई तरीकों से पहुँचा जा सकता हो, जैसे ट्रैकिंग पैरामीटर के साथ। robots टैग की ज़रूरत तभी होती है जब आप पेज को इंडेक्स करने और उसके लिंक फ़ॉलो करने का डिफ़ॉल्ट बदलना चाहें।
Open Graph टैग लिंक प्रीव्यू के लिए शुरू हुए थे और अब ज़्यादातर चैट ऐप और सोशल साइटें इन्हें पढ़ती हैं। title, description, इमेज और URL सबसे अहम चार हैं; og:image:alt तस्वीर को टेक्स्ट विवरण देता है, और og:type आम तौर पर website या article होता है। X कार्ड टैग छोटे वर्गाकार थंबनेल (summary) और चौड़ी इमेज (summary_large_image) में से चुनता है।
टेक्स्ट लिखते समय एस्केप होता है, इसलिए एम्परसेंड & बन जाता है और डबल कोट "। इससे पेज मान्य रहता है और भटके हुए कोट एट्रिब्यूट को जल्दी खत्म नहीं कर पाते। तैयार पेज पर भरोसा करने से पहले उसे असली शेयरिंग प्रीव्यू से जाँचें, क्योंकि हर साइट वह प्रीव्यू कैश कर लेती है जो उसने पहली बार लाया था।
सुझाव
- वर्ण ज़्यादा सटीक गिनने के लिए अक्षर गिनें इस्तेमाल करें।
- canonical URL के लिए साफ़ पता स्लग जनरेटर से बनाएं।
- जिस head में पेस्ट कर रहे हैं उसे HTML फ़ॉर्मैट और व्यवस्थित करें से सँवारें।
अक्सर पूछे जाने वाले सवाल
title या description कितना लंबा होना चाहिए?
कोई तय सीमा नहीं है। सर्च इंजन टेक्स्ट को वर्णों से नहीं, पिक्सल की चौड़ाई से काटते हैं, और उसे दोबारा लिख भी सकते हैं। मोटे अंदाज़े के तौर पर लगभग 50 से 60 वर्णों के title और लगभग 150 से 160 वर्णों के description आम तौर पर पूरे दिखते हैं। यहाँ के काउंटर सुझाव हैं, नियम नहीं।
क्या मुझे Open Graph और Twitter दोनों टैग चाहिए?
अक्सर सिर्फ़ Open Graph। X (Twitter) अपने टैग न होने पर Open Graph का title, description और इमेज पढ़ लेता है, पर कार्ड का लेआउट चुनने के लिए उसे फिर भी twitter:card चाहिए। अगर आप चाहते हैं कि अकाउंट को श्रेय मिले तो twitter:site जोड़ें।
og:image पूरा पता क्यों होना चाहिए?
सोशल साइटें इमेज अपने सर्वर से लाती हैं, इसलिए /img/card.png जैसे सापेक्ष पथ के लिए कोई आधार नहीं होता जिससे उसे हल किया जाए। पूरा https:// URL इस्तेमाल करें। कार्ड का आम आकार 1200 गुणा 630 पिक्सल है।
robots का विकल्प क्या करता है?
noindex सर्च इंजनों से कहता है कि पेज को सूची में न रखें, और nofollow कहता है कि उसके लिंक न खोलें। जिस पेज पर robots टैग नहीं होता उसका डिफ़ॉल्ट index और follow है, इसलिए ये दोनों चुनने पर कोई टैग नहीं लिखा जाता।
क्या विशेष वर्ण एस्केप होते हैं?
हाँ। आपके टेक्स्ट के एम्परसेंड, ऐंगल ब्रैकेट और डबल कोट HTML एंटिटी में बदल दिए जाते हैं, इसलिए Q&A "live" जैसा title अपने एट्रिब्यूट से बाहर नहीं निकल सकता और पेज में मार्कअप नहीं जोड़ सकता।
क्या कुछ सर्वर को भेजा जाता है, या मेरी इमेज लोड होती है?
नहीं। टैग आपके ब्राउज़र में बनते हैं और इमेज का पता सोशल नमूने में सिर्फ़ टेक्स्ट के रूप में छपता है, कभी माँगा नहीं जाता। बाद में जब कोई पेज साझा करेगा, तब सोशल साइटें उसे लाएंगी।