OGP Tag Generator (og:title, og:image आदि के लिए auto output)

URL, title, description और image URL दर्ज करें। एक ही जगह Open Graph और Twitter Card meta tags generate करें।

Copy and paste ready Built-in preview Image and cache guidance

उपयोग कैसे करें

  1. Tool खोलें और canonical URL, title और image URL दर्ज करें।
  2. ज़रूरत हो तो description, site name और Twitter settings जोड़ें।
  3. Generated meta tags को copy करें और अपने page head में paste करें।
  4. Preview और notices जाँचें, फिर image ratio या cache strategy समायोजित करें।

OGP क्या है?

Open Graph Protocol (OGP) वह metadata है जिसका उपयोग social platforms और chat apps link previews दिखाने के लिए करते हैं।

og:title, og:description, og:image और related tags सेट करके आप shared URLs के दिखने के तरीके को प्रभावित कर सकते हैं।

OGP को Twitter Card tags के साथ मिलाने से अलग-अलग platforms पर preview behavior अधिक consistent रह सकती है।

Image size guidance (अधिक stable preview rendering के लिए)

Meta platforms guidance (reference)

  • Minimum reference: 200×200.
  • अक्सर stable: 1200×630 या बड़ा, कम से कम 600×315.
  • Target aspect ratio लगभग 1.91:1 रखें।
  • Image file size guidance में 8MB या कम शामिल है।

X card guidance (reference)

  • summary_large_image आम तौर पर लगभग 2:1 ratio को target करती है।
  • Reference range: minimum 300×157, maximum 4096×4096.
  • File size guidance में 5MB से कम शामिल है।
  • जहाँ supported हो, JPG/PNG/WEBP/GIF उपयोग करें।

जब updates दिखाई न दें (cache और re-scrape)

  • Social crawlers fetched metadata को cache कर सकते हैं। Re-scrape request के लिए हर platform के debugger/inspector का उपयोग करें।
  • यदि image replacement दिखाई नहीं देती, तो image URL बदलना मदद कर सकता है (filename update या query string)।
  • og:image:width और og:image:height सेट करने से कुछ cases में rendering stability बेहतर हो सकती है।

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

क्या यह Twitter Card tags भी generate कर सकता है?

हाँ। यह twitter:card और related tags को साथ में output कर सकता है। एक minimal mode भी उपलब्ध है।

मुझे किस image size का उपयोग करना चाहिए?

Destination के अनुसार practical guidance अपनाएँ। Meta-oriented previews अक्सर लगभग 1.91:1 (उदाहरण 1200×630) उपयोग करती हैं, जबकि X summary_large_image लगभग 2:1 (उदाहरण 1200×600) उपयोग करती है।

Changes reflect क्यों नहीं हो रही हैं?

ज़्यादातर मामलों में कारण cache होता है। Platform tools से re-scrape करें और replacement के बाद image URL बदलने पर विचार करें।