क्लाइंट-साइड टेम्पलेट इंजन जैसे एंगुलरजेएस, मूंछ, हैंडलबार्स

Question

के साथ फेसबुक ओपन ग्राफ अनुकूल मेटा टैग कैसे करें मेरे परीक्षण के मुताबिक, फेसबुक के क्रॉलर ब्राउज़र की तरह क्लाइंट-साइड टेम्पलेट्स प्रस्तुत नहीं करते हैं।

मैं किसी भी वेबसर्वर से बचने और ओपन ग्राफ ऑब्जेक्ट्स के लिए एचटीएमएल फाइलों को हर कीमत पर बनाना चाहता हूं। मैं यूआरएल के माध्यम से फ्लाई पर मेटा टैग जेनरेट करना चाहता हूं, लेकिन ऐसा लगता है कि फेसबुक ऐसा नहीं कर सकता है।

क्या फेसबुक से कोई व्यक्ति कृपया पुष्टि कर सकता है? मैंने #mobiledevcon पर ओपन ग्राफ के प्रमुख से पूछा और उसने कहा कि फेसबुक {{value}}

जैसी सामग्री प्रस्तुत कर सकता है मेरे मेटा टैग निम्नानुसार हैं, और वे प्रत्येक ब्राउज़र में ठीक प्रस्तुत करते हैं। लेकिन फेसबुक ओपन ग्राफ डीबगर केवल कच्चे पाठ को देखता है, इंटरपोलेटेड सामग्री नहीं।

<meta property="{{meta.property}}" content="{{meta.content}}"> 

Answer 1

जब आप इसके बारे में सोचते हैं तो यह स्पष्ट होना चाहिए, यह क्यों काम नहीं करता है।

फेसबुक क्रॉलर एचटीएमएल डाउनलोड करता है क्योंकि यह सर्वर द्वारा परोसा जाता है। फेसबुक क्रॉलर किसी भी जावास्क्रिप्ट को निष्पादित नहीं करेगा, जैसे सभी क्रॉलर जावास्क्रिप्ट निष्पादित नहीं करेंगे। यह सुरक्षा प्रतिबंधों और गति कारणों के कारण है (उनके पास उनके सर्वर पर जावास्क्रिप्ट निष्पादित करने का समय नहीं है।)

इस प्रकार के आसपास कोई रास्ता नहीं है। यदि आप क्रॉलर को पेज को इंडेक्स करना चाहते हैं, तो आपको उन्हें सीधे उन्हें देना होगा जो आप उन्हें पढ़ना चाहते हैं।

युक्ति: आप सर्वर पृष्ठों पर अपने पृष्ठों को प्रस्तुत करने के लिए phantom.js जैसे कुछ उपयोग कर सकते हैं और क्रॉलर्स को इसकी सेवा कर सकते हैं।

Answer 2

The solution is basically to use some kind of server-side user-agent detection to pick up whenever a social media crawler arrives.

Answer 3

का उपयोग करें? एक prerender सेवा के साथ _escaped_fragment_ विधि। फेसबुक Google के समान क्रॉल करने योग्य अजाक्स विनिर्देश का सम्मान करेगा। कृपया https://developers.google.com/webmasters/ajax-crawling/docs/specification