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

शीर्षक, विवरण और छवि आदि से SEO, Open Graph, article और Twitter Card मेटा टैग बनाएँ, साथ में शीर्षक/विवरण की लंबाई के लाइव काउंटर और robots, theme-color व लेखक विकल्प।

टूल लोड हो रहा है…

मेटा टैग जनरेटरअपने पेज का शीर्षक, विवरण, कैनोनिकल URL, छवि और साइट नाम भरें और अपने HTML head के लिए SEO, Open Graph और Twitter Card मेटा टैग का तुरंत पेस्ट करने योग्य ब्लॉक पाएँ। लाइव Google SERP और सोशल-कार्ड पूर्वावलोकन दिखाते हैं कि पेज खोज में और साझा किए जाने पर कैसा दिखेगा। सब कुछ आपके ब्राउज़र में बनता है — आपके पेज की कोई भी जानकारी अपलोड नहीं होती। लाइव काउंटर आपके शीर्षक और विवरण की तुलना अनुशंसित लंबाई से करते हैं, वैकल्पिक फ़ील्ड robots, viewport, charset, theme-color और लेखक टैग के साथ लेख-विशिष्ट Open Graph टैग जोड़ते हैं, और उपकरण आपके छवि URL को पढ़कर अनुपस्थित या असामान्य आकार की पूर्वावलोकन छवि की चेतावनी देता है।

मेटा टैग जनरेटर क्या है?

मेटा टैग जनरेटर एक मुफ़्त ऑनलाइन टूल है जो पेज की कुछ जानकारियों को HTML मेटा टैग के पूरे सेट में बदल देता है: मानक SEO टैग (title, meta description, canonical लिंक), Open Graph टैग (og:title, og:description, og:type, og:url, og:image, og:site_name), और Twitter Card टैग (twitter:card, twitter:title, twitter:description, twitter:image)। मार्केटर, ब्लॉगर और डेवलपर किसी पेज या लेख को लॉन्च करते समय इसका उपयोग यह नियंत्रित करने के लिए करते हैं कि वह Google खोज परिणामों में कैसे दिखे और उसका लिंक Facebook, LinkedIn, X/Twitter, Slack और Discord पर कैसे खुले। og:type (website, article, product, profile या video.other) और twitter:card शैली (summary, summary_large_image, app या player) चुनें, और टूल केवल उन्हीं फ़ील्ड की पंक्तियाँ लिखता है जिन्हें आप भरते हैं। यह सादे HTML टैग देता है — यह आपकी साइट को क्रॉल नहीं करता और न ही आपके लिए पेज पढ़ता है। लाइव काउंटर तब चेतावनी देते हैं जब शीर्षक (लगभग 60 अक्षर) या विवरण (लगभग 160) बहुत लंबा हो जाता है, और उपकरण आपके छवि URL को लोड करके उसका असली पिक्सेल आकार पढ़ता है और अनुपस्थित या बहुत बड़ी/छोटी छवि की चेतावनी देता है। वैकल्पिक फ़ील्ड एक robots निर्देश, viewport और UTF-8 charset टैग, एक theme-color और एक लेखक जोड़ते हैं, और जब og:type article हो तो article:published_time, article:author और article:section भी जोड़ते हैं।

मेटा टैग जनरेटर का उपयोग कैसे करें

  1. अपने पेज का शीर्षक टाइप करें — यह <title>, og:title और twitter:title टैग बनता है।
  2. description, og:description और twitter:description टैग के लिए एक मेटा विवरण (लगभग 150–160 अक्षर) लिखें।
  3. पेज का कैनोनिकल URL और लिंक पूर्वावलोकन के लिए एक पूर्ण (absolute) छवि URL दर्ज करें।
  4. अपना साइट नाम जोड़ें और ड्रॉपडाउन से og:type और twitter:card चुनें।
  5. आउटपुट बॉक्स से बनाए गए HTML ब्लॉक को कॉपी करें और अपने पेज के <head> में पेस्ट करें।
  6. प्रकाशित करने से पहले परिणाम कैसा दिखता है यह जाँचने के लिए Google SERP और सोशल-कार्ड पूर्वावलोकन का उपयोग करें।
  7. शीर्षक और विवरण के लाइव लंबाई काउंटर देखें, और robots, viewport, charset, theme-color, लेखक या लेख टैग जोड़ने के लिए ⚙ विकल्प खोलें।

उदाहरण

ब्लॉग लेख के टैग

इनपुट

शीर्षक: How to Bake Sourdough
विवरण: A beginner's guide to baking sourdough bread at home.
URL: https://blog.example.com/sourdough
og:type: article

आउटपुट

<title>How to Bake Sourdough</title>
<meta name="description" content="A beginner's guide to baking sourdough bread at home." />
<link rel="canonical" href="https://blog.example.com/sourdough" />
<meta property="og:title" content="How to Bake Sourdough" />
<meta property="og:type" content="article" />
<meta name="twitter:card" content="summary_large_image" />

बड़ी छवि वाला सोशल कार्ड

इनपुट

छवि: https://example.com/og.png
twitter:card: summary_large_image

आउटपुट

<meta property="og:image" content="https://example.com/og.png" />
<meta name="twitter:card" content="summary_large_image" />
<meta name="twitter:image" content="https://example.com/og.png" />

विशेष वर्ण एस्केप किए जाते हैं

इनपुट

शीर्षक: Tips & Tricks for "Pros"

आउटपुट

<title>Tips &amp; Tricks for &quot;Pros&quot;</title>

robots और लेख टैग वाला लेख

इनपुट

शीर्षक: How to Bake Sourdough
og:type: article
Robots: index, follow
article:published_time: 2024-05-01T09:00
article:section: Food

आउटपुट

<meta name="robots" content="index, follow" />
<meta property="og:type" content="article" />
<meta property="article:published_time" content="2024-05-01T09:00" />
<meta property="article:section" content="Food" />

अक्सर पूछे जाने वाले सवाल

यह कौन-से मेटा टैग बनाता है?
यह मानक SEO टैग (<title>, meta description और एक canonical लिंक), Open Graph टैग (og:title, og:description, og:type, og:url, og:image, og:site_name) और Twitter Card टैग (twitter:card, twitter:title, twitter:description, twitter:image) बनाता है। केवल उन्हीं फ़ील्ड की पंक्तियाँ शामिल होती हैं जिन्हें आप भरते हैं, इसलिए आपको कभी खाली प्लेसहोल्डर टैग नहीं मिलते।
og:type और twitter:card में क्या अंतर है?
og:type प्लेटफ़ॉर्म को बताता है कि पेज किस प्रकार का ऑब्जेक्ट है — website, article, product, profile या video.other — जो प्रभावित करता है कि लिंक कैसे खुलता है। twitter:card X/Twitter पर लेआउट चुनता है: summary एक छोटा थंबनेल है, summary_large_image एक बड़ी बैनर छवि दिखाता है, जबकि app और player ऐप्स और मीडिया के लिए हैं। अपनी सामग्री से मेल खाती जोड़ी चुनें।
क्या छवि URL पूर्ण (absolute) होना चाहिए?
हाँ। og:image और twitter:image को https:// से शुरू होने वाले पूर्ण absolute URL होने चाहिए क्योंकि स्क्रैपर इन्हें आपकी साइट के बाहर से लाते हैं — /og.png जैसा सापेक्ष पथ लोड नहीं होगा। सर्वोत्तम परिणाम के लिए बड़े कार्ड हेतु 1200×630 छवि का उपयोग करें।
क्या यह टूल मेरे लाइव पेज को क्रॉल या पढ़ता है?
नहीं। यह केवल आपके द्वारा टाइप किए गए मानों को HTML मेटा टैग में फ़ॉर्मैट करता है। यह किसी URL को फ़ेच, क्रॉल या विश्लेषित नहीं करता — कैनोनिकल और छवि URL टैग में ज्यों के त्यों लिखे जाते हैं, उन तक पहुँचा नहीं जाता।
क्या मेरा डेटा किसी सर्वर पर भेजा जाता है?
नहीं। टैग पूरी तरह आपके ब्राउज़र में JavaScript से बनते हैं। आप जो भी टाइप करते हैं — अप्रकाशित शीर्षक, URL या विवरण सहित — कुछ भी अपलोड, संग्रहीत या कहीं भेजा नहीं जाता, इसलिए निजी या लॉन्च-पूर्व पेजों पर इसका उपयोग सुरक्षित है।
शीर्षक और विवरण कितने लंबे होने चाहिए?
शीर्षक के लिए लगभग 60 अक्षर या उससे कम और विवरण के लिए लगभग 120–160 का लक्ष्य रखें; सर्च इंजन इससे लंबे टेक्स्ट को काट देते हैं। उपकरण प्रत्येक के लिए एक लाइव काउंटर दिखाता है जो अनुशंसित लंबाई पार करते ही पास स्थिति से चेतावनी में बदल जाता है।
मैं और कौन-से मेटा टैग जोड़ सकता हूँ, और छवि चेतावनियाँ कैसे काम करती हैं?
⚙ विकल्प खोलकर एक robots निर्देश (index/follow प्रीसेट), एक viewport टैग, एक UTF-8 charset टैग, एक theme-color और एक लेखक जोड़ें; जब og:type article हो तो आप article:published_time, article:author और article:section भी जोड़ सकते हैं। उपकरण आपके छवि URL को ब्राउज़र में लोड करके उसका असली पिक्सेल आकार दिखाता है और यदि छवि अनुपस्थित है या अनुशंसित 1200×630 से बहुत भिन्न है तो चेतावनी देता है।

संबंधित टूल