मेटा टैग जेनरेटर

आधुनिक वेबसाइटों के लिए एक कम्पलीट मेटा टैग जनरेटर

वेबसाइट बनाने के लिए सिर्फ दिखने वाला कंटेंट तैयार करना ही काफी नहीं है। सर्च इंजन और सोशल मीडिया पर आपके वेब पेज अच्छे दिखें, इसके लिए आपको सही हिडन HTML कोड की जरूरत होती है। यह फ्री मेटा टैग जनरेटर आपको आधुनिक वेब डेवलपमेंट के लिए जरूरी सटीक <head> टैग्स तुरंत बनाने में मदद करता है।

जैसे-जैसे आप टाइप करते हैं, यह टूल क्लीन और सही ढंग से एस्केप्ड HTML जनरेट करता है, जिसमें बेसिक SEO मेटा टैग्स, Open Graph प्रॉपर्टीज़ और Twitter कार्ड डायरेक्टिव्स शामिल होते हैं। चूंकि सब कुछ आपके ब्राउज़र में लोकली चलता है, इसलिए आपके ड्राफ्ट टाइटल, डिस्क्रिप्शन और URL कभी भी किसी सर्वर पर अपलोड नहीं होते हैं। आप बिना लॉन्च हुए प्रोडक्ट्स या प्राइवेट क्लाइंट साइट्स के लिए सुरक्षित रूप से टैग तैयार कर सकते हैं।

आवश्यक SEO मेटा टैग्स

Google जैसे सर्च इंजन आपके पेज को समझने और उसे सर्च रिज़ल्ट्स में दिखाने के लिए कुछ खास HTML टैग्स पर निर्भर करते हैं। इन्हें सही ढंग से सेट करना ऑन-पेज SEO की नींव है।

टाइटल और डिस्क्रिप्शन: <title> और <meta name="description"> टैग्स यह तय करते हैं कि यूज़र्स को सर्च इंजन रिज़ल्ट पेज (SERP) पर क्या दिखेगा। अगर ये बहुत लंबे होते हैं, तो सर्च इंजन उन्हें बीच में ही काट देते हैं। इस टूल में एक इन-बिल्ट Character Counter है जो आपका टाइटल 60 कैरेक्टर्स या डिस्क्रिप्शन 160 कैरेक्टर्स से ज़्यादा होने पर आपको चेतावनी देता है, जिससे आपको संक्षिप्त और क्लिक करने योग्य कॉपी लिखने में मदद मिलती है।

कैनोनिकल URL: <link rel="canonical"> टैग सर्च इंजनों को बताता है कि किसी URL का कौन सा वर्ज़न "मास्टर" कॉपी है। यह डुप्लीकेट कंटेंट की समस्याओं को रोकता है, खासकर तब जब आपका पेज कई URLs के ज़रिए एक्सेस किया जा सकता हो (उदाहरण के लिए, ट्रैकिंग पैरामीटर्स के साथ या उनके बिना)।

रोबोट्स डायरेक्टिव्स: "index" और "follow" चेकबॉक्स एक <meta name="robots"> टैग जनरेट करते हैं। डिफ़ॉल्ट रूप से, सर्च इंजन आपके पेज को इंडेक्स करेंगे और उसके लिंक्स को फॉलो करेंगे। अगर आप कोई प्राइवेट पेज, थैंक-यू पेज, या स्टेजिंग साइट बना रहे हैं, तो इन बॉक्स को अनचेक करने से क्रॉलर्स को दूर रखने के लिए noindex और nofollow डायरेक्टिव्स जनरेट होंगे। पूरी साइट के क्रॉलर नियमों के लिए, आपको Robots.txt Generator का भी इस्तेमाल करना चाहिए।

Open Graph और Twitter card जनरेटर

जब कोई आपके लिंक को Slack, Discord, या iMessage जैसे मैसेजिंग ऐप में पेस्ट करता है, या सोशल मीडिया पर शेयर करता है, तो आप चाहेंगे कि वह आकर्षक दिखे। केवल टेक्स्ट वाले लिंक को आसानी से इग्नोर कर दिया जाता है, लेकिन बड़ी इमेज और बोल्ड टाइटल वाले रिच प्रीव्यू से ज़्यादा क्लिक मिलते हैं।

og tags जनरेटर: Open Graph प्रोटोकॉल (og:) रिच लिंक प्रीव्यू के लिए इंडस्ट्री स्टैंडर्ड है। Image, Site Name, और Locale फ़ील्ड भरकर, यह टूल एक og tags जनरेटर के रूप में काम करता है, जो Facebook, LinkedIn और ज़्यादातर चैट ऐप्स के लिए ज़रूरी प्रॉपर्टीज़ (og:image, og:title, og:description, आदि) जनरेट करता है।

Twitter card जनरेटर: Twitter लिंक दिखाने के लिए अपने खास मार्कअप का इस्तेमाल करता है। हमारे टूल में एक डेडिकेटेड Twitter card जनरेटर है जो twitter:card, twitter:title, twitter:description, और twitter:image टैग्स बनाता है। आप ड्रॉपडाउन मेनू का इस्तेमाल करके स्टैंडर्ड "Summary" कार्ड (टेक्स्ट के बगल में छोटी चौकोर इमेज) या "Summary with Large Image" कार्ड (टेक्स्ट के ऊपर फुल-विड्थ इमेज) में से कोई एक चुन सकते हैं।

डिस्प्ले और ब्रांडिंग को कंट्रोल करना

सर्च और सोशल मीडिया के अलावा, मॉडर्न मोबाइल ब्राउज़र अपने UI (यूज़र इंटरफ़ेस) को कस्टमाइज़ करने के लिए मेटा टैग का इस्तेमाल करते हैं।

Theme Color इनपुट एक <meta name="theme-color"> टैग जनरेट करता है। यह मोबाइल ब्राउज़र्स (जैसे Android पर Chrome या iOS पर Safari) को निर्देश देता है कि वे ब्राउज़र के एड्रेस बार और स्टेटस बार का रंग आपके ब्रांड के अनुसार बदलें। अपने ब्रांड के रंगों को सीधे ब्राउज़र इंटरफ़ेस में जोड़ने के लिए बस कलर पिकर का इस्तेमाल करें या hex कोड पेस्ट करें। पूरी तरह से ब्रांडेड मोबाइल एक्सपीरियंस के लिए, इसे हमारे Favicon Generator से बनाए गए कस्टम आइकन के साथ इस्तेमाल करें।

इफेक्टिव मेटा टैग्स लिखने के टिप्स

• पहले इंसानों के लिए लिखें: हालांकि कीवर्ड्स ज़रूरी हैं, लेकिन आपका टाइटल और डिस्क्रिप्शन मूल रूप से एक ऐड कॉपी (ad copy) की तरह होते हैं। इन्हें यूज़र के सर्च इंटेंट के अनुसार आकर्षक और प्रासंगिक बनाएं।
• Absolute URLs का इस्तेमाल करें: Open Graph और Twitter इमेजेज़ के लिए, relative path (/image.jpg) के बजाय हमेशा पूरा absolute URL (जैसे, https://example.com/image.jpg) इस्तेमाल करें। सोशल नेटवर्क relative paths को रीड नहीं कर पाते, जिससे आपकी इमेज लोड नहीं होगी।
• लाइव प्रीव्यू चेक करें: यह देखने के लिए कि आपका टाइटल और डिस्क्रिप्शन एक साथ कैसे दिखते हैं, सर्च रिज़ल्ट प्रीव्यू का इस्तेमाल करें। अगर टेक्स्ट कटा हुआ या अजीब लग रहा है, तो कोड कॉपी करने से पहले उसे ठीक करें।
• इमेज का साइज़ सही रखें: "Summary with Large Image" Twitter कार्ड और स्टैंडर्ड Open Graph शेयर के लिए, 1200 × 630 pixels के इमेज साइज़ को सबसे बेहतरीन रिज़ॉल्यूशन माना जाता है।