ओपन ग्राफ़ टैग जनरेटर 🔒 आपके ब्राउज़र में स्थानीय रूप से चलता है — कुछ भी अपलोड नहीं होता।
लाइव लिंक-प्रीव्यू कार्ड के साथ Open Graph मेटा टैग जनरेट करें।
लिंक पूर्वावलोकन
![]()
कोई इमेज नहीं जनरेट किए गए मेटा टैग
इस टूल के बारे में
Open Graph टैग किसी पेज के `
` में अतिरिक्त `` टैग का एक छोटा-सा समूह होते हैं, जो Facebook, LinkedIn, Discord, Slack और अधिकतर अन्य प्लेटफ़ॉर्म को बताते हैं कि जब कोई URL शेयर करे तो लिंक पूर्वावलोकन कैसे दिखाया जाए — यानी सादे लिंक की बजाय कौन-सा शीर्षक, विवरण और इमेज दिखानी है। इनके बिना, अधिकतर प्लेटफ़ॉर्म पेज के अपने `` और पहली इमेज से अनुमान लगाते हैं, जो अक्सर गलत या अधूरा दिखता है।</p><p data-astro-cid-zpu62n3h>यह जनरेटर आपके लिए `og:title`, `og:description`, `og:url`, `og:image`, `og:type` और वैकल्पिक `og:site_name` टैग बनाता है, साथ ही एक लाइव पूर्वावलोकन देता है जो कार्ड के सामान्य रूप से दिखने के तरीके का अनुमान देता है। चूँकि रेंडरिंग विवरण (इमेज क्रॉप, अक्षर सीमा, कैशिंग व्यवहार) प्लेटफ़ॉर्म के अनुसार थोड़ा अलग होते हैं, बड़े पैमाने पर प्रकाशित करने से पहले लक्षित प्लेटफ़ॉर्म के अपने डीबगर या पूर्वावलोकन टूल से अंतिम परिणाम जांचना अब भी उचित है — यहाँ सब कुछ आपके ब्राउज़र में स्थानीय रूप से चलता है, कुछ भी अपलोड नहीं होता।</p> <h2>अक्सर पूछे जाने वाले प्रश्न</h2> <div class="faq-item"> <h3>og:image के लिए मुझे कौन सा इमेज साइज़ उपयोग करना चाहिए?</h3> <p>1200×630px व्यापक रूप से अनुशंसित आकार है — यह Facebook, LinkedIn और अधिकांश लिंक-प्रीव्यू सतहों पर बिना अजीब क्रॉपिंग के एक बड़े कार्ड के रूप में अच्छी तरह प्रदर्शित होता है।</p> </div><div class="faq-item"> <h3>मेरा शीर्षक/विवरण चेतावनी क्यों दिखा रहा है?</h3> <p>यह टूल 60 अक्षरों से अधिक के शीर्षक या 200 अक्षरों से अधिक के विवरण को फ्लैग करता है, क्योंकि अधिकांश प्लेटफ़ॉर्म प्रीव्यू कार्ड में लंबे टेक्स्ट को ट्रंकेट कर देते हैं। यह एक गैर-अवरोधक सुझाव है, त्रुटि नहीं।</p> </div> </article> <nav class="related" aria-label="संबंधित टूल"> <h2>संबंधित टूल</h2> <div class="tool-grid"> <a class="tool-card" href="/hi/css-gradient-generator/"> <span class="icon">▧</span> <h3>CSS ग्रेडिएंट जनरेटर</h3> <p>लीनियर, रेडियल और कॉनिक ग्रेडिएंट डिज़ाइन करें और CSS कॉपी करें।</p> </a><a class="tool-card" href="/hi/box-shadow-generator/"> <span class="icon">❏</span> <h3>बॉक्स शैडो जनरेटर</h3> <p>लाइव प्रीव्यू के साथ लेयर वाली CSS बॉक्स-शैडो बनाएँ।</p> </a><a class="tool-card" href="/hi/border-radius-generator/"> <span class="icon">⌒</span> <h3>बॉर्डर रेडियस जनरेटर</h3> <p>गोल कोने और ऑर्गैनिक ब्लॉब आकार बनाएँ, फिर CSS कॉपी करें।</p> </a><a class="tool-card" href="/hi/flexbox-generator/"> <span class="icon">⧉</span> <h3>Flexbox जनरेटर</h3> <p>flex प्रॉपर्टीज़ के साथ खेलें और लेआउट CSS कॉपी करें।</p> </a><a class="tool-card" href="/hi/css-variables-generator/"> <span class="icon">🎨</span> <h3>CSS वेरिएबल जनरेटर</h3> <p>नाम/मान जोड़ों से :root CSS कस्टम प्रॉपर्टी ब्लॉक बनाएं।</p> </a><a class="tool-card" href="/hi/svg-blob-generator/"> <span class="icon">🫧</span> <h3>SVG ब्लॉब जनरेटर</h3> <p>ऑर्गेनिक, रैंडम ब्लॉब आकार को पुन: प्रयोज्य SVG पथ के रूप में जनरेट करें।</p> </a> </div> </nav> </main> <script type="application/ld+json">{"@context":"https://schema.org","@type":"FAQPage","mainEntity":[{"@type":"Question","name":"og:image के लिए मुझे कौन सा इमेज साइज़ उपयोग करना चाहिए?","acceptedAnswer":{"@type":"Answer","text":"1200×630px व्यापक रूप से अनुशंसित आकार है — यह Facebook, LinkedIn और अधिकांश लिंक-प्रीव्यू सतहों पर बिना अजीब क्रॉपिंग के एक बड़े कार्ड के रूप में अच्छी तरह प्रदर्शित होता है।"}},{"@type":"Question","name":"मेरा शीर्षक/विवरण चेतावनी क्यों दिखा रहा है?","acceptedAnswer":{"@type":"Answer","text":"यह टूल 60 अक्षरों से अधिक के शीर्षक या 200 अक्षरों से अधिक के विवरण को फ्लैग करता है, क्योंकि अधिकांश प्लेटफ़ॉर्म प्रीव्यू कार्ड में लंबे टेक्स्ट को ट्रंकेट कर देते हैं। यह एक गैर-अवरोधक सुझाव है, त्रुटि नहीं।"}}]}</script> <footer class="site"> <div class="container"> <span>© alltooldev.com — सब कुछ क्लाइंट-साइड चलता है। आपका डेटा कभी अपलोड नहीं होता।</span> <span><a href="https://dec0de.dev" rel="noopener">dec0de.dev — 18 formatters & encoders</a></span> </div> </footer> <script type="module">const a=document.getElementById("lang-select");a?.addEventListener("change",()=>{const e=a.value,t=a.dataset.path??"";window.location.href=e==="en"?`/${t}`:`/${e}/${t}`});document.getElementById("theme-toggle")?.addEventListener("click",()=>{const e=document.documentElement,t=e.dataset.theme==="dark"?"light":"dark";e.dataset.theme=t,localStorage.setItem("theme",t)});document.addEventListener("click",async e=>{const t=e.target.closest("[data-copy]");if(!t)return;const n=document.getElementById(t.dataset.copy);if(!n)return;const o="value"in n?n.value:n.textContent??"";try{await navigator.clipboard.writeText(o);const c=t.textContent;t.textContent=t.dataset.copiedLabel||"✓",t.classList.add("copied"),setTimeout(()=>{t.textContent=c,t.classList.remove("copied")},1200)}catch{}});</script> </body> </html> <script type="module" src="/_astro/open-graph-generator.astro_astro_type_script_index_0_lang.Aj92YbMh.js"></script>