अगर आप Facebook और आपके Blog से हाथ मिला सकते हैं और दोस्त बन सकते हैं तो क्या आप इसे पसंद नहीं करेंगे? तुम्हारी किस्मत अच्छी है। Facebook Open Graph बस यही करता है।
Open Graph नियमों का एक समूह है जो आपके ब्लॉग को metadata के माध्यम से फेसबुक के सामाजिक ग्राफ में एकीकृत करने में मदद करता है। यह metadata facebook को बताता है कि आप अपने Blog Post or page link साझा करते समय किस Tittle, Description and Image को प्रदर्शित करते हैं।
Open graph Facebook को यह समझने में मदद करता है कि आपकी सामग्री क्या है, किसने इसे लिखा और प्रकाशित किया है और यह किस facebook page से जुड़ा है। Open graph tag सभी प्रकार के शांत सामान करते हैं - और उन मुद्दों को ठीक करते हैं जो आपको थोड़ी देर के लिए परेशान कर सकते हैं (जैसे, share link के लिए Bad Images खींचना)।
Attention। यह फेसबुक पर सही तस्वीरें जरुर खींचेगा?
आपने देखा होगा कि कभी-कभी जब आप अपने Facebook page पर एक link share करते हैं, तो Facebook bad image को खींचता है - यहां तक कि जब आप post के लिए Art image set करते हैं। अब नहीं है! Open graph बताएं कि आपको कौन सी छवि चाहिए और यह वहां है (मैं आपको बताऊंगा कि बाद में कैसे करें)। लेकिन सुनिश्चित करें कि आप फ़ेसबुक के लिए अनुशंसित आकार हैं: 600 x 315। सुनिश्चित करें कि आपकी फ़ेसबुक का मुख्य भाग उस छवि के मध्य में हो, जब फ़ेसबुक थोड़ी Active है। आपको थोड़ा प्रयोग करना पड़ सकता है।
क्या होगा यदि वे आकार आपके Blog layout के साथ काम न करें? आप यहा दो चीजें कर सकते हैं :
1. जब आप facebook update में कोई link डालते हैं, तो यह आपकी Post (या कुछ यादृच्छिक Sidebar image, जैसा कि हम में से कई जानते हैं) से Image को Auto-Popular करता है। यदि Bad Image खींची गई है या यदि यह बहुत छोटी है और यह बिल्कुल सही नहीं लगती है, तो आप persent में दिख रही Image के नीचे Upload Image link पर click कर सकते हैं। फिर आप एक Photo upload कर सकते हैं जो space को फिट करता है या Link की सामग्री के लिए अधिक प्रासंगिक है।
2. blog का दूसरा विकल्प आपके ब्लॉग पर दो Image को load करना है। मैं आमतौर पर अपने on-page photos के लिए एक छोटे आकार का उपयोग करता हूं (मुझे लगता है कि चौड़ाई 300 है और ऊंचाई अलग-अलग हो सकती है), लेकिन वह आकार Facebook के लिए आदर्श नहीं है। इसके आसपास पाने के लिए मैं एक ही चित्र को दो upload कर सकता था, जो कि अलग-अलग आकार के होते हैं। एक मेरे Blog Post के लिए आकार (300 पिक्सेल चौड़ा) होगा, और एक Facebook (600 × 315) के लिए अनुकूलित आकार होगा। तब मैं अपनी Post में small Image सम्मिलित कर सकता था और अपनी चित्रित छवि को Big Image के रूप में Set कर सकता था। जब Open Graph खीचने के लिए छवि को देखता है, तो Facebook बड़ी छवि को खींचना जानता है।
नीचे दिए गए निर्देश बताते हैं कि WordPress.org Blog पर Open Graph कैसे स्थापित किया जाए। यदि आप Blogger का उपयोग कर रहे हैं, तो आप Blogger संकेत और topics पर निर्देश पा सकते हैं। मैं उन्हें यहाँ फिर से लिख सकता था, लेकिन जब वहाँ पर निर्देशों का एक अच्छा सेट है तो ऐसा क्यों करते हैं?
WP Open Graph Plugin को इनस्टॉल करें
आपको यह अद्भुत कार्यक्षमता कैसे मिलती है? इसमें थोड़ी सी सेटिंग होती है, लेकिन यह कठिन नहीं है। पहली चीज़ जो आपको करने की ज़रूरत है वह है WP Open Graph plugin।
- अपने Wordpress Dashboard पर log in करें और plugin पर click करें।
- Plugins page के Tittle पर Add New पर click करें।
- New Page पर, Search Box में, WP Open Graph टाइप करें और Search plugins पर click करें। Plugins की एक सूची दिखाई देती है और WP Open Graph list के शीर्ष पर होना चाहिए (यदि आप इसे देखते तक केवल स्क्रॉल न करें)।
- WP open graph के तहत अभी install करें पर click करें और निर्देशों का पालन करें।
Establish Your WP Open Graph Setting
Open Graph के लिए setting के साथ आरंभ करने से पहले, आपको कुछ विशिष्ट Facebook Knowledge: अपनी Admin Id और अपनी App Id ढूंढनी होगी। यह ध्यान रखना महत्वपूर्ण है कि आप एक New Facebook id नहीं बना रहे हैं; आप फेसबुक के साथ और अधिक कुशलता से संवाद करने के लिए एक स्थापित facebook app का उपयोग कर रहे हैं। इसलिए चिंता न करें, ये Id ढूंढना आसान है और आपको किसी भी कोड को जानने की आवश्यकता नहीं है।
अपनी व्यवस्थापक आईडी खोजने के लिए एक New tab खोलें और graph.facebook.com/yourname (आपका नाम = आपका व्यक्तिगत उपयोगकर्ता नाम, न कि आपके पृष्ठ का नाम) पर जाएं। आपको नीचे कुछ मूल जानकारी के साथ एक page दिखाई देगा। पृष्ठ के शीर्ष पर आप "आईडी" देखेंगे। वहां सूचीबद्ध संख्याओं की स्ट्रिंग आपकी व्यवस्थापक आईडी है। इस टैब को खुला रखें ताकि आप बाद में Setting Page पर आने पर Admin Id कॉपी कर सकें।
(आपकी जानकारी यह प्रदर्शित करेगी कि नीले बॉक्स कहाँ हैं? मैंने Security के लिए अपनी जानकारी छिपा दी है।)
अब व्यापार के लिए नीचे उतरें। अपने WordPress Dashboard पर जाएं और left sidebar में सेटिंग्स विकल्प को mouse over करें। मेनू से WP ओपन ग्राफ़ चुनें। WP Open Graph सेटिंग्स page पर, आवश्यक जानकारी को पूरा करें।
- Default Image
जिस Image का आप उपयोग करना चाहते हैं, उसके URL में type करें - यह आपकी पसंद का कुछ भी हो सकता है। अपनी Media library में देखें और अपनी इच्छित image का URL हड़प लें। यदि आप Blog post या page के लिए विशेष रुप से image set नहीं करते हैं तो open graph इस छवि का use करेगा।
- Facebook app id|
App setting page पर आपको मिली Id type करें।- Facebook Admin ID
अपने परिवर्तनों को save के लिए submit पर click करना सुनिश्चित करें।
व्यक्तिगत पोस्ट open graph setting को अनुकूलित करना
Customizing Individual Post Open Graph Settings
हम घर में खिंचाव में हैं! हर बार जब आप Blog post या page लिखते हैं या update करते हैं, तो आप उस विशिष्ट post या page के लिए open graph जानकारी सेट कर सकते हैं। आप जिस post या पेज को Edit (या लिखना) चाहते हैं, उसे खोलें, फिर जब आप edit post पेज पर होंगे, तब तक नीचे scroll करें जब तक कि आप open graph Data box न देखें। आप देखेंगे कि यह है- एक फेसबुक snippet पूर्वावलोकन
- एक अनुकूलित Tittle के लिए एक Box (यह शीर्षक है जब आप एक link share करेंगे तो फेसबुक दिखाएगा)
- पोस्ट के अनुकूलित विवरण के लिए एक बॉक्स (फेसबुक छवि और शीर्षक के तहत यह दिखाएगा)
- Open Graph type
विवरणों के बारे में एक त्वरित टिप्पणी: एक अनुकूलित विवरण के बिना, फेसबुक आपके पोस्ट के पहले कुछ वाक्यों में खींच लेगा और उन्हें काट दिया जा सकता है। चूंकि छोटे विवरण आकर्षक होते हैं, इसलिए अपने विवरण में केवल दो वाक्यों का उपयोग करने का प्रयास करें।
आप ओपन ग्राफ़ प्रोटोकॉल वेबसाइट पर विभिन्न प्रकार के ओपन ग्राफ़ देख सकते हैं। डिफ़ॉल्ट प्रकार लेख है तो आप इस बॉक्स को खाली छोड़ सकते हैं यदि आप केवल एक सीधा लेख पोस्ट कर रहे हैं जैसा कि आप सामान्य रूप से करते हैं (यह अनुशंसित है)।
यदि आप अपनी पोस्ट के लिए एक चित्रित छवि सेट नहीं करते हैं, तो फेसबुक स्निपेट पूर्वावलोकन आपको WP ओपन ग्राफ़ सेटिंग्स सेटिंग्स पर सेट की गई डिफ़ॉल्ट छवि दिखाता है)।
मैं आपके पोस्ट के लिए एक चित्रित छवि सेट करने की सलाह देता हूं, अपने सभी ओपन ग्राफ़ विकल्पों को अनुकूलित करता हूं, फिर पोस्ट को सहेजता हूं। ओपन ग्राफ डेटा बॉक्स में वापस स्क्रॉल करें और स्निपेट को नई जानकारी और छवि को इस तरह दिखाना चाहिए:
आप देखेंगे कि snippet आपको किनारे पर एक छोटी छवि और दाईं ओर शीर्षक और विवरण दिखाता है। स्निप वास्तव में फेसबुक पर नीचे की छवि की तरह दिखाई देगा। यदि यह नहीं है, तो अपनी छवि का आकार जांचें और पुन: प्रयास करें।
फेसबुक डीबगर टूल के साथ आपकी पोस्ट की जाँच करना
निश्चित रूप से Â फेसबुक डिबगर टूल के साथ अपनी पोस्ट की जांच करें ताकि आप यह सुनिश्चित कर सकें कि आपने सब कुछ सही ढंग से स्थापित किया है और पोस्ट करने और साझा करने से पहले कोई समस्या नहीं है। डीबगर पृष्ठ पर, उस पोस्ट या पृष्ठ का URL टाइप करें, जिसे आप डीबग करना चाहते हैं और क्लिक करना चाहते हैं। आपको एक पेज मिलेगा, जिससे आपको पता चलेगा कि कोई समस्या है या नहीं।
जब ओपन ग्राफ़ सही ढंग से और काम कर रहा हो, यदि आप स्रोत कोड देखते हैं तो आप यह देखें।
अगले हफ्ते मैं आपको दिखाऊंगा कि कैसे आप अपने फेसबुक ओपन ग्राफ़ टूल के रूप में Yoast से WordPress SEO का उपयोग कर सकते हैं।
अगर आपको हमारे ब्लॉग से लाभ मिलता है तो इसे दूसरो को भी शेयर जरूर करें ।जिससे अन्य नये ब्लॉगर्स को भी इससे फायदा हो।
अगर आपका कोई प्रश्न हो तो आप Comment Box मे लिख सकते है। हम आपके प्रश्न का उत्तर जरूर देंगे। हमें आपके प्रश्न का उत्तर देने मे बहुत खुशी होगी।
0 टिप्पणियाँ