OGP Tag Generator (og:title, og:image आदि को automatic output)

URL, title, description, र image URL हाल्नुहोस्। एउटै ठाउँमा Open Graph र Twitter Card meta tag बनाउनुहोस्।

copy र paste गर्न तयार built-in preview image र cache guidance

प्रयोग गर्ने तरिका

  1. उपकरण खोल्नुहोस् र canonical URL, title, र image URL हाल्नुहोस्।
  2. आवश्यक परे description, site name, र Twitter setting थप्नुहोस्।
  3. बनाइएका meta tag कपी गरेर page को head मा टाँस्नुहोस्।
  4. preview र notice जाँचेर आवश्यक परे image ratio वा cache strategy मिलाउनुहोस्।

OGP भनेको के हो?

Open Graph Protocol (OGP) भनेको social platform र chat app ले link preview देखाउन प्रयोग गर्ने metadata हो।

og:title, og:description, og:image, र सम्बन्धित tag सेट गर्दा shared URL कस्तो देखिन्छ भन्नेमा प्रभाव पार्न सकिन्छ।

OGP सँग Twitter Card tag मिलाएर प्रयोग गर्दा platform हरूबीच preview व्यवहार अझ स्थिर राख्न सकिन्छ।

Image size guidance (preview rendering अझ स्थिर बनाउन)

Meta platform guidance (reference)

  • न्यूनतम reference: 200×200।
  • प्रायः स्थिर: 1200×630 वा ठूलो, कम्तीमा 600×315।
  • लक्षित aspect ratio करिब 1.91:1।
  • Image file size guidance मा 8MB वा कम समावेश छ।

X कार्ड निर्देशन (सन्दर्भ)

  • summary_large_image ले सामान्यतया करिब 2:1 ratio लक्षित गर्छ।
  • Reference range: न्यूनतम 300×157, अधिकतम 4096×4096।
  • File size guidance मा 5MB भन्दा कम समावेश छ।
  • समर्थित हुँदा JPG/PNG/WEBP/GIF प्रयोग गर्नुहोस्।

Update देखिएन भने (cache र re-scrape)

  • Social crawler ले fetch गरेको metadata cache गर्न सक्छ। प्रत्येक platform को debugger/inspector प्रयोग गरेर re-scrape माग्नुहोस्।
  • image बदलेपछि परिवर्तन नदेखिए 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 tag पनि बनाउन सक्छ?

सक्छ। twitter:card र सम्बन्धित tag हरू सँगै output गर्न सक्छ। minimal mode पनि उपलब्ध छ।

कस्तो image size प्रयोग गर्ने?

गन्तव्यअनुसार व्यावहारिक guidance प्रयोग गर्नुहोस्। Meta-उन्मुख preview मा प्रायः 1.91:1 (उदाहरण 1200×630), जबकि X summary_large_image मा प्रायः 2:1 (उदाहरण 1200×600) प्रयोग हुन्छ।

परिवर्तन किन देखिँदैन?

धेरै अवस्थामा cache कारण हुन्छ। platform tool बाट re-scrape गर्नुहोस् र image बदलिसकेपछि image URL परिवर्तन गर्ने विचार गर्नुहोस्।