2016-08-20 9 views
6

मेरे परियोजना एक ही पृष्ठ js प्रतिक्रिया का उपयोग कर आवेदन है। मैंने सुना है कि गूगल सर्वर साइड प्रतिपादन की जरूरत (भले ही यह एसईओ के लिए आम तौर पर बेहतर है) के बिना, जे एस एकल पृष्ठ अनुप्रयोगों प्रतिक्रिया सहित जावास्क्रिप्ट पेजों को क्रॉल कर सकते हैं।रिएक्ट-हेलमेट का उपयोग करके एसपीए के लिए एसईओ को अनुकूलित कैसे करें?

हालांकि, जब मैं वेबमास्टर उपकरण का उपयोग किया: लाए जाने और गूगल के रूप में प्रस्तुत करना, दोनों क्या गूगल बॉट देख रहे हैं और मेरा पेज कि विज़िटर को देख रहे हैं खाली कर रहे हैं। हालांकि मैं अनुक्रमण गूगल के लिए विशिष्ट यूआरएल जोड़ सकते हैं, गूगल केवल शीर्षक और विवरण टैग है कि मैं अपने स्थिर index.html फ़ाइल में डाल दिया है का उपयोग करता है, यह नेस्टेड प्रतिक्रिया हेलमेट घटक का शीर्षक और विवरण नहीं मिलता है। क्या किसी के पास इसका अनुभव है? बहुत सराहना करो!

उत्तर

0

आपके प्रश्न का उत्तर करने के लिए, सुनिश्चित करें कि आप आवश्यक ES6 सुविधाओं polyfilled है, गूगल क्रॉलर की जावास्क्रिप्ट सुविधा काफी सीमित हो सकता है, यह उदाहरण के लिए Array.find जरूरत नहीं है। आप एसईओ में सुधार के लिए के बारे में है कि यहाँ https://github.com/facebookincubator/create-react-app/issues/746#issue-179072109

सुझावों के लिए के रूप में और अधिक पढ़ सकते हैं, आप इन युक्तियों का उपयोग कर सकते हैं:

  1. आप react-snapshothttps://www.npmjs.com/package/react-snapshot का उपयोग करके स्थिर HTML करने के लिए का निर्माण समय पर अपने पृष्ठों को पूर्व-कर सकते हैं यह अच्छा काम करता है यदि आपके ऐप में कई गतिशील सामग्री नहीं है।

  2. आप prerender.io जैसे पूर्व प्रतिपादन सेवा का उपयोग कर सकते हैं/netlify या roast.io जैसे प्रीरेंडरिंग फीचर के साथ स्थैतिक होस्टिंग का उपयोग कर सकते हैं। Prerender.io के लिए, आप इसे स्वयं भी होस्ट कर सकते हैं!

संबंधित मुद्दे