2013-04-04 5 views
12

Im Angular.js का उपयोग करके एकल पृष्ठ ऐप का निर्माण करना, मेरा प्रश्न यह है कि एप्लिकेशन को क्रॉल करने योग्य कैसे करें क्योंकि क्लाइंट साइड और सर्वर पर एनजी-व्यू का उपयोग करके रूटिंग को संभाला जाता है, बस सरल हेडर फ़ाइल लौटाता है।Angularjs एप्लिकेशन को क्रॉल करने योग्य कैसे करें

साइट लिंक: http://india-elections.in/

उत्तर

5

मैं सभी बिंदुओं के ऊपर और नीचे दिए गए लिंक https://developers.google.com/webmasters/ajax-crawling/

http://www.yearofmoo.com/2012/11/angularjs-and-seo.html

का उपयोग कर साइट में रेंगने कार्यान्वित

http://india-elections.in

बनाया स्टेटिक का उपयोग कर टेम्पलेट PhantomJs

+1

आप क्या एचटीएमएल स्नैपशॉट बनाने के लिए उपयोग किया था? –

+0

मेरे द्वारा बनाए गए फोटो मैन्युअल रूप से स्क्रिप्ट वर्गों और सीएसएस वर्गों मैन्युअल का स्थान ले –

+0

मैं phantomjs स्नैपशॉट के साथ मैनुअल निर्माण प्रतिस्थापित सुविधाओं –

5

केवल काम कर समाधान मैं जानता हूँ कि एक कोर AngularJS टीम इसके प्रलेखन वेबसाइट के लिए उपयोग करता है।

  • सबसे पहले वे यूआरएल के लिए एचटीएमएल 5 इतिहास और हैशबैंग के साथ फॉलबैक का उपयोग करते हैं। हैशबैंग वाले यूआरएल ने उन्हें क्वेरी स्ट्रिंग में _escaped_fragment_ के साथ क्रॉल किया है।
  • फिर वे बैकएंड पर एंगुलरजेएस स्ट्रिंग इंटरपोलेशन और निर्देशों का उपयोग टेम्पलेट्स को प्रस्तुत करने के लिए करते हैं क्योंकि जब उपयोगकर्ता पृष्ठ लोड करता है और एंगुलरजेएस इसे पार करता है तो वह डोम में होगा।
  • वे Google को पास करते हैं और इस प्रकार उनके पास खोज सूचकांक में समान सामग्री होती है जैसे उपयोगकर्ता के ब्राउज़र में (इसलिए यह क्लोकिंग नहीं है)।

यह AngularJS Google समूह के मूल डेवलपर्स द्वारा उल्लेख किया गया था। [1] [2] [3]

इसके अलावा धागे के बाकी हिस्सों से मुझे लगता है कि वे पृष्ठों को पार्स करने के लिए फ़ैंटॉमजेएस और नोडजेएस का उपयोग कर रहे हैं।

[1] https://groups.google.com/d/msg/angular/yClOeqR5DGc/4YXGx9z8EpAJ

[2] https://groups.google.com/d/msg/angular/EGwg49uAmMI/j-kj9nytT-IJ

[3] https://groups.google.com/d/msg/angular/EGwg49uAmMI/j-kj9nytT-IJ

+0

आप @Ajaybeni मुझे लगता है कि रहा हूँ सुझाव –

+0

के लिए लिंक उपलब्ध कराएं। अब तक मैंने पाया कि - https://groups.google.com/d/msg/angular/yClOeqR5DGc/4YXGx9z8EpAJ –

2

मैं बाहर की जाँच के लायक हो सकता है कि this service बारे में जाना। यह एक फैंटॉमजेएस सर्वर चलाता है और आपके लिए सभी लेगवर्क करता है।

+0

इस साइट पर प्रलेखन बहुत ही सीमित हम हैश आधारित यूआरएल या html5 आधारित यूआरएल का उपयोग करना चाहिए है –

1

एक पृष्ठ पृष्ठ ऐप बनाना क्रॉल सक्षम अभी तक इंटरैक्टिव सीधे आगे काम नहीं है। आपको यूएक्स दृष्टिकोण से पहुंच बिंदुओं के बारे में सोचना होगा जो बैक बटन की अनुमति देंगे, और पहुंच में कूदेंगे। जब बैक बटन दबाया जाता है, उदाहरण के लिए, ऑब्जेक्ट स्टेटस के लिए अंक को सर्वर पर पुनर्निर्मित करने की आवश्यकता होती है, बिना उपयोगकर्ता इंटरैक्शन के उसी मार्कअप को उत्पन्न करने के लिए उपयोग किया जाता है क्योंकि उस एक्सेस पॉइंट पर पहुंच प्राप्त करने के लिए क्लाइंट पर उपयोग किया जाएगा। इस कार्य के लिए Phantom.js का उपयोग किया जा सकता है, या क्लाइंट/सर्वर अज्ञेय जेएस का उपयोग दोनों सिरों पर चलाने के लिए किया जा सकता है, या अच्छे ओएल php दिनों में जैसे पूरे तर्क को एक्सेस पॉइंट की स्थिति को दोहराने के लिए फिर से लिखा जा सकता है सर्वर। @ अजय बेनीवाल ने एचटीएमएल स्नैपशॉट्स बनाने के तरीके पर कुछ लिंक विस्तृत किए हैं।

मान लें कि आपके पास एक वेबसर्वर है जो किसी विशेष ऑब्जेक्ट स्थिति को बूटस्ट्रैपिंग मार्कअप को फेंक सकता है। राज्य को राज्य पहचानकर्ता के माध्यम से आपूर्ति की जा सकती है, यह आपके कोड को क्रॉल करने योग्य बनाने के लिए यूआरएल होना चाहिए। कोणीय जेएस और बैकबोन.जेएस जैसी लाइब्रेरी बैकबोन.रौटर जैसी आपूर्ति तंत्र, जो बदले में क्लाइंट पर राज्य पहचानकर्ता को स्टोर करने के लिए लिंक खंड या HTML5 पुशस्टेट() विधि का उपयोग करती है।एचटीएमएल 5 का सौंदर्य तथापि है कि एक ताज़ा एक प्रारंभिक पेज हैश आपूर्ति की पार्स करके उचित वस्तु राज्य URL पर रीडायरेक्ट कि, यद्यपि वर्ष के लिए कोई अन्य विकल्प नहीं है लोड करने के लिए बिना सर्वर के लिए सही वस्तु राज्य के लिए एक सीधे कॉल करता है ब्राउज़रों, एचटीएमएल 5 प्रतिमान के चारों ओर अपने आवेदन architecting उन्हें क्रॉलर्स के लिए एक केक कर देगा, और इस तरह के रूप में Backbone.Router HTML5 pushstate के अधिकांश प्रयोगों हैश टैग राज्य के लिए पुराने ब्राउज़र अभी भी वापस बटन अनुमति देने के लिए कार्यान्वयन अंकन करने के लिए शान से नीचा।

0

अक्टूबर 2015 के बाद से आप क्रम में कुछ भी करने के लिए आपके आवेदन क्रॉल करने योग्य बनाने के लिए की जरूरत नहीं है (मैं आप गूगल रेंगने संदर्भ दे रहे मान)।

चेक इस अनुच्छेद:

https://webmasters.googleblog.com/2015/10/deprecating-our-ajax-crawling-scheme.html

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