Sveltejs Academy · पाठ

OpenGraph और Twitter Card Meta

समृद्ध सोशल मीडिया लिंक प्रीव्यू के लिए og: और twitter: meta टैग जोड़ें।

पाठ 2, कुल 4 में से13 चरण

OpenGraph और Twitter Card Meta, CoddyKit पर Sveltejs Academy का एक निःशुल्क पाठ है। यह 4 में से 2वाँ पाठ है। आप नीचे पूरा पाठ निःशुल्क पढ़ सकते हैं—फिर अंतर्निहित कोड संपादक और 24/7 एआई ट्यूटर के साथ ब्राउज़र में इसका व्यावहारिक अभ्यास कर सकते हैं। यह Sveltejs Academy सीखने के मार्ग का हिस्सा है और आपकी प्रगति वेब तथा CoddyKit ऐप पर सिंक होती रहती है। Sveltejs Academy पाठ्यक्रम में कुल 4 पाठ शामिल हैं।

OG टैग क्यों

लिंक साझा करने पर ओपन ग्राफ़ मेटा सोशल प्लेटफ़ॉर्म (Facebook, LinkedIn, Slack) को समृद्ध पूर्वावलोकन देता है।

आवश्यक OG टैग

og:title, og:description, og:image और og:url सबसे महत्वपूर्ण हैं।

<svelte:head>
  <meta property="og:title" content={title} />
  <meta property="og:description" content={description} />
  <meta property="og:image" content={imageUrl} />
  <meta property="og:url" content={url} />
</svelte:head>

इमेज का आकार

सभी प्लेटफ़ॉर्म पर बेहतर प्रदर्शन के लिए 1200x630 अनुशंसित OG इमेज आकार है।

Twitter कार्ड

Twitter OG टैग का सम्मान करता है, लेकिन अधिक नियंत्रण के लिए उसका अपना twitter: मेटा भी है।

<meta name="twitter:card" content="summary_large_image" />
<meta name="twitter:title" content={title} />

कार्ड के प्रकार

Twitter summary, summary_large_image, app और player कार्ड का समर्थन करता है।

मान्य करना

अपने टैग का पूर्वावलोकन करने के लिए Facebook के Sharing Debugger और Twitter के Card Validator का उपयोग कीजिए।

पूर्ण URL

OG इमेज URL पूर्ण होने चाहिए; सापेक्ष पथ काम नहीं करते।

प्रत्येक पृष्ठ का अनुकूलन

संदर्भपूर्ण पूर्वावलोकन के लिए प्रत्येक लेख, उत्पाद या प्रोफ़ाइल के अनुसार OG टैग सेट कीजिए।

डिफ़ॉल्ट दोहराने से बचें

साइट-व्यापी डिफ़ॉल्ट मूल लेआउट में दीजिए और प्रति पृष्ठ उन्हें अधिलेखित कीजिए।

कैशिंग

सोशल प्लेटफ़ॉर्म OG डेटा को कैश करते हैं। उसे ताज़ा करने के लिए उनके डीबगर का उपयोग कीजिए।

वास्तविक प्रभाव

समृद्ध पूर्वावलोकन सोशल शेयर में क्लिक-थ्रू दर को काफ़ी बढ़ाते हैं।

त्वरित जाँच

OG इमेज URL का पूर्ण होना क्यों आवश्यक है?

इंटरैक्टिव पाठ में इसका उत्तर दें

पुनरावलोकन

समृद्ध सोशल पूर्वावलोकन के लिए <svelte:head> में पूर्ण इमेज URL के साथ OG और Twitter मेटा जोड़िए।

शुरुआत निःशुल्क

एआई शिक्षक के साथ HTML सीखें — निःशुल्क

अपने ब्राउज़र में वास्तविक कोड लिखें और चलाएँ, चौबीसों घंटे एआई शिक्षक से तुरंत सहायता पाएँ, और वेब या ऐप पर वहीं से शुरू करें जहाँ आपने छोड़ा था।

पाठ्यक्रम: 41
पाठ: 163

निःशुल्क सीखना शुरू करें पूरा पाठ्यक्रम देखें

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

क्या “OpenGraph और Twitter Card Meta” पाठ निःशुल्क है?

हाँ—“OpenGraph और Twitter Card Meta” का पूरा पाठ यहाँ वेब पर निःशुल्क पढ़ा जा सकता है। इंटरैक्टिव अभ्यास (अंतर्निहित कोड संपादक और 24/7 एआई ट्यूटर) करने और Sveltejs Academy पाठ्यक्रम का बाकी हिस्सा अनलॉक करने के लिए CoddyKit PRO लें। Sveltejs Academy पाठ्यक्रम में कुल 4 पाठ शामिल हैं।

“OpenGraph और Twitter Card Meta” में मैं क्या सीखूँगा?

समृद्ध सोशल मीडिया लिंक प्रीव्यू के लिए og: और twitter: meta टैग जोड़ें। आप ब्राउज़र में सीधे चलाए जाने वाले व्यावहारिक कोड के साथ Sveltejs Academy का अभ्यास करते हैं, और पाठ पूरा करते समय 24/7 एआई ट्यूटर आपके प्रश्नों के उत्तर देता है।

क्या Sveltejs Academy शुरू करने के लिए मुझे किसी अनुभव की आवश्यकता है?

पहले के अनुभव की आवश्यकता नहीं है। CoddyKit पर Sveltejs Academy शुरुआती से लेकर उन्नत शिक्षार्थियों तक सभी के लिए व्यवस्थित किया गया है, इसलिए आप यहीं से या शुरुआत से सीखना शुरू कर सकते हैं और अपनी गति से आगे बढ़ सकते हैं। यह 4 में से 2वाँ पाठ है।

“OpenGraph और Twitter Card Meta” पाठ पूरा करने में कितना समय लगता है?

CoddyKit का अधिकांश पाठ लगभग 5–10 मिनट में पूरा हो जाता है। हर पाठ छोटा और संवादात्मक है, इसलिए आप लगातार प्रगति करते हैं और वेब या ऐप पर वहीं से सीखना जारी रख सकते हैं जहाँ आपने छोड़ा था।

क्या मैं इस Sveltejs Academy पाठ में कोड लिख और चला सकता हूँ?

हाँ। हर Sveltejs Academy पाठ में एक अंतर्निर्मित कोड संपादक शामिल है, जिससे आप सीधे अपने ब्राउज़र में वास्तविक कोड लिख और चला सकते हैं और तुरंत एआई प्रतिक्रिया पा सकते हैं—स्थानीय सेटअप की आवश्यकता नहीं है।

इस पाठ्यक्रम के सभी पाठ

← Sveltejs Academy पर वापस जाएँ