2017-04-02 12 views
11

मैं Angular2 आधारित वेब ऐप पर काम कर रहा हूं। मैंने ऐप उत्पन्न करने के लिए कोणीय सीएलआई का उपयोग किया और फिर इसे प्रोड के लिए बनाने के लिए। मैंने AWS S3 & क्लाउडफ़्रंट पर वेबसाइट होस्ट की है। जब मैं वेबमास्टर से 'Google के रूप में प्राप्त करें' टूल का उपयोग करता हूं, तो यह केवल Loading... दिखाता है।कोणीय 2 ऐप: Google के रूप में प्राप्त करें पृष्ठ सामग्री लोड नहीं करता

enter image description here

मेरी वेबसाइट क्रॉल करने में सक्षम Googlebot नहीं है?

+0

क्या आपकी वेबसाइट केवल सामने है? अगर आपके पास फ़ाइल की सेवा करने के लिए बैकएंड नहीं है तो आप इस मुद्दे का सामना कर सकते हैं। –

+0

मैंने अग्र-अंत के लिए कोणीय 2 का उपयोग किया है और एडब्ल्यूएस क्लाउडफ़्रंट के माध्यम से परोसा जाता है। बैक-एंड नोडजेज है और विभिन्न उप-डोमेन पर होस्ट किया गया है। Angular2 ऐप सामग्री प्रस्तुत करने के लिए nodejs ऐप को एपीआई अनुरोध बनाता है। –

+0

क्या आपका फ्रंटेंड किसी भी बैकएंड द्वारा परोसा जा रहा है? या यह आपके डोमेन पर बैठा एक index index.html है? –

उत्तर

10

एक समान समस्या थी। मेरा मानना ​​है कि Google-Bot आधुनिक जेएस का समर्थन नहीं करता है। मैं बस सब की परतें द्वारा angular.io देख https://angular.io/docs/ts/latest/guide/browser-support.html की सिफारिश की और स्क्रिप्ट शीर्षक में जोड़ा सक्रिय:

<script src=https://cdnjs.cloudflare.com/ajax/libs/core-js/2.4.1/shim.min.js</script> 

तुम सच में उन सभी को मैं यकीन नहीं है की जरूरत है, लेकिन मैं वैसे भी पुराने IE के लिए समर्थन की जरूरत है।

यदि यह सभी सर्चबॉट्स के लिए काम करता है तो यह बहुत अस्पष्ट है, अगर आपको उनका समर्थन करना है तो आप https://prerender.io/ आज़मा सकते हैं। हालांकि वे इसे shims

आशा करते हैं कि यह मदद करता है।

+0

यह मेरी समस्या का समाधान हो गया। मैं इस समाधान को साझा करने के लिए पर्याप्त धन्यवाद नहीं दे सकता। मैंने आपके द्वारा साझा किए गए सीडीएन लिंक का उपयोग किया, लेकिन मुझे उत्सुकता है कि आपने "angular.io द्वारा अनुशंसित सभी शिम्स को कैसे सक्रिय किया"। क्या आप थोड़ा सा समझा सकते हैं? –

+1

तो मुझे लगता है कि इसका मतलब है कि इस मुद्दे को हल करने के लिए सीडीएन पर्याप्त है? ठीक है आपके angular.io प्रोजेक्ट में "polyfills.ts" नामक एक फ़ाइल होनी चाहिए जहां https://angular.io/docs/ts/latest/guide/browser-support.html से सभी shims टिप्पणी की गई हैं। मैंने मूल रूप से उन सभी वर्गों के लिए उन टिप्पणियों को हटा दिया जिनके साथ आईई के साथ कुछ करना था। जो सभी कोर-जेएस/es6/*, वेब-एनिमेशन-जेएस और classlist.js होगा। उम्मीद है कि यह – Krosan

+0

में मदद करता है मुझे Googlebot के साथ एक ही समस्या हो रही है जो "Google के रूप में लाने" का उपयोग करके मेरे कोणीय 4 साइट को प्रस्तुत करने में सक्षम नहीं है। इससे कोई फर्क नहीं पड़ता कि मैंने क्या कोशिश की थी। यहां शिम सहित समाधान, आखिरकार मेरे लिए समस्या का समाधान कर रहा था। इसे स्वीकार किए गए उत्तर को बनाने पर विचार करें। – brinch

2

चूंकि आपके फ्रंटेंड को किसी भी सर्वर साइड भाषा द्वारा परोसा नहीं जा रहा है, इसलिए मैं प्रारंभिक लोड पर एक स्थिर HTML साइट की सेवा के लिए Angular2-Universal का उपयोग करने की अनुशंसा करता हूं।

आप अपने quickstart मार्गदर्शिका को चेकआउट कर सकते हैं और इसे बहुत तेज़ी से काम कर सकते हैं।

+2

क्या Googlebot को प्रस्तुत नहीं करना चाहिए कि ब्राउज़र पर सामान्य उपयोगकर्ता क्या देखता है? –

+0

@NileshG हां, और एक सामान्य उपयोगकर्ता बिल्कुल प्रारंभिक लोडिंग स्क्रीन देखता है। –

+0

हाँ, मैं एक सार्वभौमिक पृष्ठ पसंद करूंगा। हालांकि यह सच नहीं है कि यह सिर्फ इसके साथ काम कर रहा है। ऊपर मेरा जवाब देखें। – Krosan

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