OGP Tag Generator (og:title, og:image आणि इतरांसाठी स्वयंचलित आउटपुट)

URL, title, description आणि image URL प्रविष्ट करा. Open Graph आणि Twitter Card meta tags एकाच ठिकाणी तयार करा.

कॉपी-पेस्टसाठी तयार अंतर्गत preview Image आणि cache मार्गदर्शन

कसे वापरावे

  1. साधन उघडा आणि canonical URL, title आणि image URL प्रविष्ट करा.
  2. हवे असल्यास description, site name आणि Twitter settings जोडा.
  3. तयार झालेले meta tags कॉपी करून page head मध्ये पेस्ट करा.
  4. Preview आणि notices तपासा, आणि गरज असल्यास image ratio किंवा cache strategy समायोजित करा.

OGP म्हणजे काय?

Open Graph Protocol (OGP) हे social platforms आणि chat apps लिंक preview दाखवण्यासाठी वापरत असलेले metadata आहे.

og:title, og:description, og:image आणि संबंधित tags सेट केल्याने शेअर केलेला URL कसा दिसेल यावर प्रभाव पडतो.

OGP सोबत Twitter Card tags वापरल्यास विविध platforms वर preview वर्तन अधिक सुसंगत ठेवता येते.

प्रतिमा आकार मार्गदर्शन (अधिक स्थिर preview rendering साठी)

Meta platforms मार्गदर्शन (संदर्भ)

  • किमान संदर्भ: 200×200.
  • बहुतेक वेळा स्थिर: 1200×630 किंवा मोठी, किमान 600×315.
  • लक्ष्य aspect ratio सुमारे 1.91:1.
  • प्रतिमा file size मार्गदर्शनात 8MB किंवा कमी समाविष्ट आहे.

X card मार्गदर्शन (संदर्भ)

  • summary_large_image साधारणपणे 2:1 ratio च्या आसपास लक्ष्य करते.
  • संदर्भ श्रेणी: किमान 300×157, कमाल 4096×4096.
  • File size मार्गदर्शनात 5MB पेक्षा कमी समाविष्ट आहे.
  • समर्थित असल्यास JPG/PNG/WEBP/GIF वापरा.

बदल दिसत नसल्यास (cache आणि re-scrape)

  • Social crawlers metadata cache करू शकतात. प्रत्येक platform च्या debugger/inspector वापरून re-scrape विनंती करा.
  • प्रतिमा बदलूनही परिणाम न दिसल्यास image URL बदलणे मदत करू शकते (filename update किंवा query string).
  • काही प्रसंगी og:image:width आणि og:image:height सेट केल्याने rendering स्थिरता सुधारू शकते.

X Card Validator

https://cards-dev.twitter.com/validator

X card metadata validate करा आणि उपलब्ध असल्यास card fetch पुन्हा चालू करा.

FAQ

यातून Twitter Card tags देखील तयार होतात का?

हो. twitter:card आणि संबंधित tags एकत्र आउटपुट करता येतात. Minimal mode देखील उपलब्ध आहे.

कोणता image size वापरावा?

गंतव्य platform नुसार व्यवहार्य मार्गदर्शन वापरा. Meta-केंद्रित preview अनेकदा सुमारे 1.91:1 (उदा. 1200×630) वापरतात, तर X summary_large_image साधारण 2:1 (उदा. 1200×600) वापरतो.

बदल का दिसत नाहीत?

बहुतेक वेळा हे cache शी संबंधित असते. Platform tools वापरून re-scrape करा आणि image बदलल्यावर URL बदलण्याचाही विचार करा.