Open Graph Facebook द्वारा 2010 में प्रस्तावित किया गया था। यह facebook को दूसरी websites से जोड़ने के लिए विकसित किया गया था। इसने websites की social graph में rich object बनने में मदद की जैसे कि इसकी मदद से webpages भी वही क्रियात्मकता (functionality) प्राप्त कर सकते थे जो facebook पर दूसरे objects की थी।
Open Graph meta tags कई तरह के होते हैं ये facebook पर आपकी अपने pages को नियंत्रित करने में मदद करते हैं। हर tag का एक अलग अर्थ होता है और facebook को एक अलग जानकारी देता है ताकि आपका page सोशल मीडिया पर सही तरीके से दिखाया जा सके।
यह tags on-page SEO को सीधे तौर पर प्रभावित नही करते, पर ये सोशल मीडिया पर आपके links के प्रदर्शन (performance) से प्रत्यक्ष रूप से जुड़े होते हैं।
OPEN GRAPH Meta Tags के कुछ उदाहरण निम्नलिखित हैं।
- 1) <meta property=“og:type” content=“article”/>
इस tag का इस्तेमाल यह दिखाने के लिए किया जाता है कि आप social graph (जैसे की facebook) में किस तरह के object सम्मिलित (incorporate) कर रहे हो।
- 2) <meta property=“og:url” content=“http://www.example.com”/>
इस tag का इस्तेमाल उस पृष्ठ पर canonical tag नियत (set) करने के लिए किया जाता है जो आप सोशल मीडिया पर साझा (share) शेयर कर रहे हो और जैसे कि facebook या twitter आदि पर कोई webpage सम्मिलित (incorporate) करना। सम्मिलित (incorporate) होने के बाद पृष्ठ social graph (facebook) पृष्ठ की तरह ही काम करता है। अगर आपके किसी कंटेंट के एक से ज्यादा URL हैं तो आप इसका इस्तेमाल कर सकते हो।
- 3) <meta property=“og:title” content=“your title”/>
इस tag का इस्तेमाल कंटेंट का title दिखाने के लिए किया जाता है। इसको आप एक headline की तरह इस्तेमाल करके facebook उपयोगकर्ता को आकर्षित कर सकते हो। Title में 60-90 अक्षर (characters) ही रखें अगर 100 से ज्यादा होंगे तो facebook इसे छोटा कर देगा।
- 4) <meta property=“og:description” content=“your descriptive copy”/>
यह tag HTML में meta description tag की तरह ही होता है। इसका इस्तेमाल भी आपके कंटेंट को वर्णन (describe) करने के लिए होता है। यह facebook पर link title के नीचे दिखाया जाता है इसलिए यह आकर्षक होना चाहिए ताकि ज्यादा से ज्यादा लोग इस पर click करें। इसमें 200 के आस पास अक्षर (characters) ही रखें।
- 5) <meta property=“og:image” content= http://www.example.com/image-name.jpg>
इस tag का इस्तेमाल उस चित्र को उल्लिखित (specify) करने के लिए किया जाता है जो आप facebook में अपने कंटेंट के screen shot में रखना चाहते हो। चौकोर आकार के चित्र ही चुने क्यूंकि ये उपयोगकर्ता की timeline में बढ़िया दिखाई देते हैं।
- 6) <meta property=“fb:admins” content=“USER_ID”/>
यह tag आपकी admin id जोड़ने में मदद करता है। हर admin ID के लिए एक अलग tag का इस्तेमाल करके एक से ज्यादा admin ids जोड़े जा सकते हैं।
- 7) <meta property=“og:site_name” content=www.example.com>
इस tag का इस्तेमाल वेबसाइट का नाम दिखाने के लिए किया जाता है।