जो लोग आईटी उद्योग की खबरों का पालन करते हैं, वे Google और यैंडेक्स: एएमपी और टर्बो पृष्ठों से "त्वरित पृष्ठों" से अवगत हैं। उन्हें 2 साल से अधिक समय पहले जारी किया गया था, लेकिन बाजार पर ज्यादा शोर नहीं किया। मेरा नाम कोंस्टेंटिन है। मैं अल्कोडिजाइन वेब स्टूडियो का निदेशक हूं। हमने इन उपकरणों को वापस बुलाने और उनके कार्यान्वयन के परिणामों को साझा करने का निर्णय लिया।



हाल के वर्षों में मोबाइल ट्रैफ़िक लगातार बढ़ रहा है। उपयोगकर्ता अपने फोन से समाचार साइटों, ऑर्डर उत्पादों और वस्तुओं को तेजी से पढ़ते हैं। साइटों के मोबाइल और अनुकूली संस्करण एक आकर्षक बोनस बनना बंद हो गए हैं, लेकिन एक वास्तविक आवश्यकता बन गए हैं।



लेकिन हर चीज इतनी खूबसूरत नहीं होती। यातायात की खोज और विफलताओं को कम करने के लिए, हमें नए समाधानों की तलाश करनी होगी। मोबाइल और अनुकूली संस्करण हमेशा स्थिति को नहीं बचाते हैं, और कभी-कभी आम तौर पर असहज होते हैं: अनुकूली डाउनलोड करने के लिए "भारी" हो जाता है, इस वजह से स्मार्टफोन पर डाउनलोड की गति वांछित होने के लिए बहुत अधिक छोड़ देती है। (यह कहना कि आगंतुक, और खोज इंजन, लंबे समय तक लोडिंग पसंद नहीं करते, क्या यह आवश्यक है?)

हम AlkoDesign.ru पर एक बड़े सूचना पोर्टल के साथ काम करते हैं। (हम बिना नाम के करेंगे)। हमारे लिए निर्धारित कार्यों में से एक थे: यातायात में वृद्धि और विफलताओं का प्रतिशत कम करना। दो बार सोचने के बिना, हमने Google और यैंडेक्स के त्वरित पृष्ठों का उपयोग करने का निर्णय लिया।

इस लेख में हम न्यूज़ पोर्टल्स में से किसी एक पर ऐसे पृष्ठों को प्रस्तुत करने के परिणामों को साझा करेंगे और संक्षेप में बताएंगे कि कौन से तेज़ पृष्ठ हैं और वे उन लोगों के लिए क्या खाते हैं (जो विषय में नहीं हैं)।

सिद्धांत

एएमपी और टर्बो पेज स्वतंत्र डेवलपर्स द्वारा विकसित एक त्वरित मोबाइल पेज तकनीक है और दोनों खोज इंजनों द्वारा सक्रिय रूप से प्रचारित किया जाता है। ऐसे पृष्ठ साइट के मोबाइल संस्करण के पृष्ठ से भी अधिक तेज़ी से लोड होते हैं।

AMP पेज google.ru

लब्बोलुआब यह है कि साइट विशेष टैग (उपसर्ग amp के साथ) का उपयोग करती है, जिसकी संख्या और कार्यक्षमता सख्ती से सीमित है। डेवलपर का कार्य उपलब्ध योजनाओं के एक हौजपेज को इकट्ठा करना है जो ग्राहक की समस्या को हल करेगा।

सर्च इंजन इन विशेष टैग और उनमें कैशे की जानकारी खोजते हैं। उसके बाद, जब उपयोगकर्ता कुछ खोजता है, तो पृष्ठभूमि में ब्राउज़र सीडीएन से जानकारी को एक विशेष iframe में लोड करता है और, लिंक पर क्लिक करने पर, एक विशेष विंडो में पहले से लोड किए गए पृष्ठ को खोलता है।

साइट पर किसी भी सीएमएस का उपयोग करते समय, एएमपी पृष्ठों के लिए आपको एएमपी पृष्ठों को चिह्नित करने की आवश्यकताओं के अनुसार डेटा प्रदर्शित करने के लिए अपना अलग टेम्पलेट बनाने की आवश्यकता होती है।

यैंडेक्स टर्बो पेज

एएमपी से मुख्य अंतर यह है कि टर्बो पृष्ठों की सामग्री साइट के पन्नों से नहीं, बल्कि एक विशेष आरएसएस फ़ीड से ली गई है।

उनकी सामग्री Yandex सर्वर पर संग्रहीत की जाती है। लेकिन हमारी वेबसाइट से सामग्री लेने के लिए यैंडेक्स के लिए, हमें एक स्क्रिप्ट लिखनी चाहिए जो सभी आवश्यक डेटा (पाठ, चित्र, शैली, आदि) को एक विशेष XML दस्तावेज़ प्रारूप में स्थानांतरित करेगी। प्रक्रिया Yandex.Products या Yandex.Market के लिए डेटा तैयार करने के समान है।

ईमानदारी से, सेटअप यथासंभव सरल है। यदि पृष्ठों की संख्या छोटी (10-20) है, तो आप प्रोग्रामर को शामिल किए बिना, यैंडेक्स के लिए स्वयं आरएसएस फ़ीड बना सकते हैं। सच है, इस मामले में यह मैन्युअल रूप से भी अपडेट किया जाएगा।

टर्बो पेज लोडिंग गति सामान्य से लगभग 15 गुना तेज है। और, एक अतिरिक्त (लेकिन अंतिम नहीं) बोनस - यदि साइट दुर्घटनाग्रस्त हो जाती है, उदाहरण के लिए, संक्रमण या डीडीओएस हमले के कारण, इसके टर्बो पृष्ठ खुलते रहेंगे और सामग्री अभी भी उपयोगकर्ताओं के लिए उपलब्ध रहेगी।

एएमपी और टर्बो वाले पृष्ठों को इस तथ्य के कारण अन्य खोज प्रश्नों से ऊपर रखा गया है कि वे तेजी से लोड होने की आवश्यकताओं को पूरा करते हैं।

एएमपी और टर्बो पेज की विशेषताएं

मानक साइटों से पहला और सबसे महत्वपूर्ण अंतर "नियमित" स्क्रिप्ट सम्मिलित करने में असमर्थता है। यही है, डायनामिक चेंज (क्लिक एक्शन, एनिमेशन, फिल्टरिंग, मोडल विंडो) से जुड़ी अधिकांश कार्यक्षमता दुर्गम हो जाती है।

समाधान उपलब्ध घटकों और एक आइफ्रेम का उपयोग करना है। उपलब्ध घटक आपको प्राप्त करने की अनुमति देते हैं, यद्यपि पूरा नहीं होता है, साइट पर सामान्य टूल का कार्यान्वयन होता है, लेकिन इसे एक अच्छे प्रतिस्थापन के साथ प्रस्तुत करता है और तेज़ डाउनलोड के लिए अनुकूलित होता है।

एएमपी और टर्बो टैग की मदद से, आप साइड मेनू, हिंडोला, फॉर्म सबमिशन, डाउनलोड करने योग्य सामग्री, विज्ञापन और अधिक लागू कर सकते हैं। प्रत्येक घटक अपने स्वयं के जेएस-पुस्तकालय के साथ जुड़ा हुआ है, जिसे साइट पर इसका उपयोग करने के लिए जुड़ा होना चाहिए।

टर्बो पेज सुविधाएँ

वे मोबाइल दर्शकों की पहुंच बढ़ाने में मदद करते हैं - उपयोगकर्ताओं को साइट को लोड करने के लिए लंबे समय तक इंतजार नहीं करना पड़ता है, और वे लगभग तुरंत आपकी सामग्री पर स्विच करते हैं। यातायात में वृद्धि महत्वपूर्ण हो सकती है।

टर्बो पृष्ठों के लाभ यह हैं कि आपकी साइट पर लागू होने के बाद:

• उछाल दर गिर रही है। जब कोई उपयोगकर्ता आपकी साइट पर जाता है और लंबे समय तक उसके खराब इंटरनेट के कारण आपका पेज नहीं खुल पाता है, तो वह बस इसके लिए प्रतीक्षा नहीं कर सकता, बंद कर सकता है, खोज परिणाम फिर से खोज सकता है और कुछ अन्य, तेज़ साइट ढूंढ सकता है। इस प्रकार, आपकी उछाल दर बढ़ जाती है, और उछाल दर जितनी अधिक होती है, खोज परिणामों में आपकी स्थिति उतनी ही खराब होती है।
• मोबाइल ट्रैफिक बढ़ रहा है। आज, कई उपयोगकर्ता पहले से ही जानते हैं कि एक रॉकेट आइकन के साथ चिह्नित साइटें बहुत जल्दी लोड होती हैं और इसलिए सक्रिय रूप से उन पर क्लिक कर रही हैं। यह आपको प्रतियोगियों पर एक फायदा देता है और आपको मोबाइल उपकरणों से अपनी साइट पर ट्रैफ़िक बढ़ाने की अनुमति देता है।
• होस्टिंग लोड कम हो गया है। यदि साइट में काफी अधिक ट्रैफ़िक है, तो यह आइटम प्रासंगिक भी होगा। इस तथ्य के कारण कि सामग्री डाउनलोडिंग आपके होस्टिंग से नहीं है, लेकिन यैंडेक्स सर्वर से, लोड कम हो गया है। उसी समय, टर्बो पृष्ठों को बनाने और संग्रहीत करने के लिए यांडेक्स अपने स्वयं के सामग्री वितरण नेटवर्क (सीडीएन) का उपयोग करता है, जो सामग्री के लोडिंग को और भी तेज करता है।

टर्बो को नुकसान - सीमित कार्यक्षमता में:

• प्रतिक्रिया रूपों का समर्थन नहीं किया जाता है, माल या सेवाओं के आदेश देने की कोई संभावना नहीं है। इसे सबसे महत्वपूर्ण माइनस कहा जा सकता है, क्योंकि लैंडिंग पृष्ठ या ऑनलाइन स्टोर के लिए, टर्बो पृष्ठों का उपयोग अनुचित होगा, क्योंकि आप अभी भी उनसे आवेदन प्राप्त नहीं कर पाएंगे।
• साइट को पूर्वनिर्धारित, छोटे आकार के टेम्पलेट के अनुसार डिज़ाइन किया गया है। जब आप "टर्बो" आइकन के साथ चिह्नित लिंक पर क्लिक करते हैं, तो आपकी सामग्री खोज इंजन द्वारा बनाए गए सरलीकृत पृष्ठ में दिखाई देगी, और कोई भी आपकी अद्वितीय वेबसाइट डिजाइन नहीं देखेगा। इसलिए, यहां आपको साइट को लोड करने की उच्च गति और अपने मोबाइल या अनुकूली संस्करण के अनूठे डिजाइन के बीच चयन करना होगा।

एएमपी सुविधाएँ

• "आसान" पृष्ठों का निर्माण;
• खोज इंजन अपने सर्वर पर पृष्ठों के हल्के संस्करणों को बचाता है;
• Yandex स्मार्टफोन मालिकों को एक खोज या समाचार फ़ीड में टर्बो पृष्ठ प्रदान करता है;
• उच्च डाउनलोड गति के लिए धन्यवाद, उपयोगकर्ता अनुभव और व्यवहार संकेतक में सुधार हुआ है।

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

डेटा की तैयारी

AMP पृष्ठों के लिए

पृष्ठ पर सभी छवियों को एक विशेष <amp-img> टैग में वर्णित किया जाना चाहिए, जिससे उपयोगकर्ता के लिए पाठ संपादक के माध्यम से छवियां सम्मिलित करना मुश्किल हो जाता है।

इसके अलावा, यदि आप हिंडोला या लाइटबॉक्स का उपयोग कर रहे हैं, तो आपको amp घटकों से एनालॉग्स सम्मिलित करने की आवश्यकता है। इस कार्यक्षमता को लागू करने के लिए, एक हैंडलर लागू किया गया था, जो नियमित अभिव्यक्तियों का उपयोग करके मानक HTML टैग्स को amp विनिर्देशन में उपयोग किए गए टैग के साथ बदल देता है।

एक अन्य विशेषता जो मुख्य रूप से एक टेक्स्ट एडिटर को चिंतित करना चाहिए, क्योंकि संपादन शैलियों में इनलाइन होती है। शैली = "रंग: ..." जैसी विशेषताओं वाले तत्व मान्य नहीं हैं, और रंग या फ़ॉन्ट आकार बदलने से यह गुण कोड में लिख जाएगा।

खोज इंजन के लिए यह समझने के लिए कि पृष्ठ का एएमपी संस्करण है, इसमें एक लिंक होना चाहिए:

<लिंक rel = "amphtml" href = " www.site.com/url/to/amp/document.html ">

और AMP पेज पर एक बैक लिंक है:

<लिंक rel = "कैनोनिकल" href = " www.site.com/url/to/full/document.html ">

सीएसएस शैलियों को इनलाइन लिखा जाता है, और उनका आकार 50kb से अधिक नहीं होना चाहिए।

टर्बो पृष्ठों के लिए

टर्बो पृष्ठों को जोड़ने के लिए, तकनीकी आवश्यकताओं के अनुसार वर्तमान निर्यात फ़ाइल में छोटे बदलाव करने के लिए पर्याप्त है:

• RSS फ़ाइल का मूल तत्व rss है, जिसका संस्करण गुण 2.0 पर सेट होना चाहिए।
• आरएसएस तत्व के अंदर चैनल तत्व है, जिसमें स्रोत और इसकी सामग्री के बारे में जानकारी शामिल है।

निम्नलिखित संकेत दिए गए हैं:

• स्रोत साइट के बारे में जानकारी - जानकारी चैनल तत्व में प्रेषित होती है।
• संदेश की जानकारी - डेटा को आइटम तत्व में स्थानांतरित किया जाता है।
• टर्बो पृष्ठ सामग्री

टर्बो पेज में, आप अतिरिक्त तत्वों को एम्बेड कर सकते हैं जैसे: पेज हेडर, लिंक, चित्र, वीडियो, शेयर बटन, उद्धरण, टेबल आदि। आप कुछ वेब एनालिटिक्स सिस्टम भी कनेक्ट कर सकते हैं।

अभ्यास

हम एएमपी को साइट पर लागू करते हैं

यह देखते हुए कि हम आईटी क्षेत्र में शुरुआती से बहुत दूर हैं, पृष्ठों का परिचय मुश्किल नहीं था।

हमने एएमपी और टर्बो विनिर्देशों से आवश्यक टैग का उपयोग करके साइट के लिए एक अलग टेम्पलेट बनाया। फिर हम स्वचालित पेज जनरेशन सेट करते हैं।



त्वरित पृष्ठों की शुरुआत के तुरंत बाद, हमने Google और यैंडेक्स सत्यापनकर्ता के माध्यम से एक चेक लॉन्च किया। शुरू करने के बाद, उन्हें अतिरिक्त त्रुटियां मिलीं जिन्हें सफलतापूर्वक हल किया गया था।

पेश है टर्बो पेज

साइट पर टर्बो पृष्ठों को लागू करने के लिए, प्रारूप विनिर्देश का अध्ययन किया गया था। टर्बो पृष्ठों के हेडर बनाने और अतिरिक्त छवियों को इंगित करने के लिए परिभाषित टेम्पलेट। YMSex तकनीकी दस्तावेज ( partner.news.yandex.ru/tech.pdf ) के अनुसार, CMS के लिए एक विशेष मॉड्यूल विकसित किया गया था, जो RSS डेटा फ़ाइलों को उत्पन्न करता है।

चूँकि साइट पर मौजूद सामग्रियों को लगातार जोड़ा जा रहा है, इसलिए CRON पर अपडेट स्क्रिप्ट को चलाकर RSS फ़ीड्स को टर्बो पेजों के साथ अपडेट किया जाता है। परियोजना की बारीकियों के कारण, कई प्रकार की सामग्री के लिए प्रत्येक को RSS फ़ीड बनाने का निर्णय लिया गया था।
मॉड्यूल सेटिंग्स में आप यह निर्दिष्ट कर सकते हैं कि आप आरएसएस के लिए निर्यात करने के लिए साइट के किन वर्गों को निर्यात के लिए अतिरिक्त डेटा निर्दिष्ट कर सकते हैं। टर्बो पृष्ठों के लिए RSS फ़ीड अपडेट की आवृत्ति CRON कार्य की आवृत्ति द्वारा निर्धारित की जाती है।

यांडेक्स द्वारा आरएसएस के सत्यापन को पारित करने के बाद, टर्बो पृष्ठों को अनुक्रमण में जोड़ा गया था।

परिणाम

विफलताओं

एएमपी और टर्बो पृष्ठों की शुरुआत के बाद, व्यवहार मेट्रिक्स बदल गए हैं।

तिमाही के लिए, समग्र साइट उछाल दर 14.2% थी । यहां सभी आगंतुकों को माना जाता है, जिसमें डेस्कटॉप उपयोगकर्ता भी शामिल हैं।



नियमित रूप से पृष्ठों पर आने वाले स्मार्टफोन मालिकों के लिए उछाल दर तिमाही के लिए 23.7% थी।



उसी अवधि के लिए टर्बो पृष्ठों पर आगंतुकों के लिए उछाल दर 6.2% थी।



यही है, उछाल दर के संदर्भ में, नियमित पेज दो बार से अधिक टर्बो पेज खो देते हैं: 23.7% बनाम 6.2% टर्बो पृष्ठों के साथ और कुल 14.2% ।

उपस्थिति

एएमपी और टर्बो पृष्ठों की शुरुआत के बाद से, हमने पोर्टल पर ट्रैफ़िक को 2 गुना बढ़ा दिया है।

पेज डाउनलोड स्पीड

मुख्य प्लस पृष्ठ लोडिंग गति में 3 से 10 गुना की वृद्धि है । कैशिंग के कारण वह तुरंत बढ़ गई।

और यह भी:

• सर्वर लोड कम हुआ
• व्यवहार कारक बड़े हो गए हैं (एएमपी सीधे कार्बनिक में स्थिति को प्रभावित नहीं करता है)।

निष्कर्ष: हम जगह और बुद्धिमानी से परिचय देते हैं

जहां उपयोगकर्ता को सामग्री को जल्दी से जल्दी और सरल तरीके से पहुंचाना आवश्यक है।

हमारे मामले में, कार्यान्वयन का परिणाम था:

• अस्वीकृति दर सामान्य से 2 गुना कम हो गई;
• उपस्थिति 2 गुना बढ़ गई;
• डाउनलोड गति 3-10 गुना बढ़ गई

जिनके लिए टर्बो अभी तक उपयुक्त नहीं है:

• टोकरी न होने के कारण ईकॉमर्स। (वर्तमान में विकास के तहत)
• लैंडिंग पृष्ठ, क्योंकि पृष्ठों पर कोई भी बटन और फ़ॉर्म समर्थित नहीं हैं

आदर्श रूप से टर्बो पृष्ठ कौन से हैं:

• मीडिया
• सामग्री परियोजनाओं
• साइटों के अंदर ब्लॉग (उदाहरण के लिए, एक ऑनलाइन स्टोर में एक सूचना अनुभाग, समाचार के साथ, उद्योग में नए उत्पादों का वर्णन, आदि)

हम दृढ़ता से अनुशंसा करते हैं कि समाचार पोर्टल, मीडिया साइट या सूचना ब्लॉग के मालिक ऐसे पृष्ठों को जोड़ते हैं। यह आपको अतिरिक्त ट्रैफ़िक प्राप्त करने, इंप्रेशन की संख्या कम करने और देखे गए पृष्ठों की संख्या बढ़ाने की अनुमति देगा।

एएमपी और टर्बो पेज बुद्धिमानी से उपयोग करने के लिए एक दिलचस्प तकनीक है। इसका उपयोग साइट के "आसान" मोबाइल संस्करण के लिए किया जा सकता है, या कुछ निश्चित वर्गों के लिए जिन्हें उच्च कार्यक्षमता की आवश्यकता नहीं है। और, ज़ाहिर है, यह सूचना साइटों, ब्लॉग, ऑनलाइन पत्रिकाओं के लिए एक महान समाधान है।