Open Graph के साथ नियंत्रित करें कि आपके पृष्ठ सोशल नेटवर्क पर कैसे प्रीव्यू होते हैं, और JSON-LD में schema.org के साथ rich results का लक्ष्य रखें।
इस पाठ को Kodokon में खोलेंजब कोई URL सोशल नेटवर्क पर या किसी मैसेजिंग ऐप में साझा किया जाता है, तो एक स्क्रैपर प्रीव्यू कार्ड बनाने के लिए HTML पढ़ता है। Open Graph प्रोटोकॉल उस कार्ड को चलाता है: og:title, og:description, og:type, og:url, और सबसे बढ़कर og:image, जो एक पूर्ण URL होना चाहिए (सापेक्ष पथ अधिकांश प्लेटफ़ॉर्म द्वारा अनदेखे किए जाते हैं)। एक वास्तविक जाल: ये स्क्रैपर JavaScript नहीं चलाते। यदि आपके टैग आपके फ़्रेमवर्क द्वारा क्लाइंट-साइड इंजेक्ट किए जाते हैं, तो प्रीव्यू खाली होगा; वे शुरुआत में परोसी गई HTML में मौजूद होने चाहिए (SSR या स्टैटिक जनरेशन)।
<meta property="og:title"
content="The filter coffee guide">
<meta property="og:type" content="article">
<meta property="og:url"
content="https://example.com/cafe-filtre">
<meta property="og:image"
content="https://example.com/cover-1200.jpg">
<meta property="og:description"
content="Ratios and techniques for a clean cup.">दो जोड़ आधार को पूरा करते हैं। <link rel="canonical"> संदर्भ URL निर्दिष्ट करता है जब कोई पृष्ठ कई पतों पर पहुँचा जा सकता है (ट्रैकिंग पैरामीटर, पेजिनेशन): यह duplicate content के विरुद्ध आपका बचाव है। और Twitter Cards टैग: प्लेटफ़ॉर्म सामग्री के लिए Open Graph पर वापस चला जाता है, लेकिन प्रदर्शन फ़ॉर्मैट चुनने के लिए twitter:card अभी भी आवश्यक है, विशेष रूप से summary_large_image।
<link rel="canonical"
href="https://example.com/cafe-filtre">
<meta name="twitter:card"
content="summary_large_image">schema.org संरचित डेटा सर्च इंजन को आपकी सामग्री का अर्थ बताता है: लेख, उत्पाद, रेसिपी, ब्रेडक्रम्ब, FAQ। तीन सिंटैक्स मौजूद हैं (microdata, RDFa, JSON-LD), लेकिन Google JSON-LD की अनुशंसा करता है: एक <script type="application/ld+json"> के अंदर एक स्वयं-निहित ब्लॉक, दृश्य मार्कअप से अलग, और इसलिए उत्पन्न करने व बनाए रखने में आसान। यही मार्कअप आपके पृष्ठ को rich results के लिए योग्य बनाता है: समीक्षा सितारे, कीमतें, और इवेंट तिथियाँ सीधे परिणाम पृष्ठ में।
<script type="application/ld+json">
{
"@context": "https://schema.org",
"@type": "Article",
"headline": "The filter coffee guide",
"datePublished": "2026-05-12",
"author": {
"@type": "Person",
"name": "Ana Costa"
}
}
</script>