चिंता है कि आपकी वेबसाइट का मोबाइल संस्करण धीमा है या संसाधन-भारी है?  पता करें कि Google AMP चीजों को कैसे गति दे सकता है।

Google AMP क्या है? यह कैसे काम करता है और क्यों यह मोबाइल साइटों के लिए उपयोगी है

विज्ञापन AMP, या त्वरित मोबाइल पेज, Google द्वारा बनाया गया एक ओपन-सोर्स प्रोजेक्ट है, जिसका उद्देश्य मोबाइल उपकरणों के लिए एक चिकनी ब्राउज़िंग अनुभव की सुविधा है। परियोजना उच्च प्रदर्शन, बढ़ी हुई सगाई और कम डेटा उपयोग का वादा करती है जो उपयोगकर्ताओं और प्रकाशकों दोनों को लाभान्वित करती है। AMP कैसे काम करता है? पेज स्पीड इस वर्ष (2018) के जुलाई में मोबाइल पेजों के लिए एक रैंकिंग कारक बन गई, और एएमपी आपकी वेबसाइट की गति की आवश्यकता को पूरा करने के लिए यहां है। वास्तव में, AMP मोबाइल ब्राउज़िंग को 85% तेज करने का वादा करता है। HTML, जावास्क्रिप्ट और CSS के लिए अनुकूलन और प्रतिबंधों के संयोजन के

विज्ञापन

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

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

AMP कैसे काम करता है?

पेज स्पीड इस वर्ष (2018) के जुलाई में मोबाइल पेजों के लिए एक रैंकिंग कारक बन गई, और एएमपी आपकी वेबसाइट की गति की आवश्यकता को पूरा करने के लिए यहां है। वास्तव में, AMP मोबाइल ब्राउज़िंग को 85% तेज करने का वादा करता है।

HTML, जावास्क्रिप्ट और CSS के लिए अनुकूलन और प्रतिबंधों के संयोजन के माध्यम से; AMP पेज लगभग तुरंत लोड होते हैं। लेखक-लिखित जावास्क्रिप्ट के स्थान पर, एएमपी-विशिष्ट तत्व गति और संगतता सुनिश्चित करते हैं।

पृष्ठ की गति भी ऊपर से गुना प्राथमिकता, विशिष्ट एएमपी कैश और पूर्ववर्ती के साथ सुधार करती है। इसके अतिरिक्त, छोटी फ़ाइलों और मीडिया का उपयोग, और सर्वर से कुछ संसाधन अनुरोध आगे की गति में सुधार कहते हैं।

एएमपी में अनुकूलन से यह भी सुनिश्चित होगा कि आपके पृष्ठों का लेआउट हमेशा सही ढंग से लोड होता है, यहां तक ​​कि छवियों और iframes (विज्ञापनों के लिए) लोड होने से पहले भी।

यह HTML दस्तावेज़ में छवियों और iframes के आकार को निर्दिष्ट करके किया जाता है (जिसे "स्थिर लेआउटिंग" कहा जाता है)। और मूल रूप से संसाधनों को फिट करने के लिए सामग्री को चारों ओर ले जाना बंद कर देता है क्योंकि वे लोड करते हैं।

एएमपी कैशिंग क्या है?

यदि आप एक वैध AMP साइट प्रकाशित करते हैं, तो आपके पृष्ठ AMP पारिस्थितिकी तंत्र के हिस्से के रूप में स्वचालित रूप से कैश हो जाते हैं। कैश आपके एएमपी दस्तावेजों, फोंट, और छवियों को संग्रहीत करेगा।

आज के उपयोग में दो एएमपी कैश हैं, Google के एएमपी कैश और क्लाउडफेयर के एएमपी कैश। क्लाउडफ़ेयर के सर्वर अकेले 50 अलग-अलग देशों में 102 स्थानों को कवर करते हैं।

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

सामग्री को कैशिंग करने के अलावा, कैश सर्वर कुछ अनुकूलन और संशोधन भी प्रदान करेगा:

  • एएमपी प्रारूप को मान्य करना।
  • ब्राउज़र मेमोरी मुद्दों और खराब जवाबदेही को रोकने के लिए छवि आयामों को सीमित करना।
  • छवि डेटा को हटाना जो अदृश्य या देखने में मुश्किल है, जैसे कि कुछ मेटाडेटा।
  • GIF, PNG, और JPEG प्रारूप छवियों को WebP (WhatP WebP को रूपांतरित करने) के रूप में छोटी और अधिक मोबाइल-अनुकूल छवि स्वरूपों में छवियों को परिवर्तित करना; Google के WebP का परिचय देना, JPEG के लिए एक तेज़ वेब विकल्प Google का WebP, एक तेज़ वेब विकल्प JPEG के लिए विकल्प? Google ने वेब पर तेजी से वेब बनाने के लिए इसे खुद से लिया है। WebP का समर्थन करने वाले ब्राउज़रों में और पढ़ें)।
  • यदि अनुरोध में डेटा-डेटा शीर्षलेख शामिल हैं, तो निम्न गुणवत्ता के लिए छवियों को बदलना।
  • जिम्मेदारी से आकार की छवियों के लिए समर्थन जोड़ता है।
  • एक सुरक्षित चैनल (HTTPS) पर कार्य करता है और नवीनतम वेब प्रोटोकॉल (SPDY, HTTP / 2) का उपयोग करता है।
  • गलत तरीके से बंद किए गए HTML टैग्स, टिप्पणियों और अन्य पर आधारित XSS हमलों को रोकने के लिए AMP दस्तावेज़ों को संचित करता है।

इन अनुकूलन के अलावा, पार्सिंग को सामान्य करने के लिए कैश कई HTML सैनिटाइजेशन प्रक्रियाओं को भी पूरा करेगा।

AMP कैश ऑप्टिमाइज़ेशन की पूरी सूची Google डेवलपर्स पेज पर उपलब्ध है।

एएमपी के वास्तविक लाभ क्या हैं?

स्पीड एएमपी का मुख्य आकर्षण है। और इसीलिए Google, Facebook, Baidu, Pinterest, और Twitter जैसे कई प्रकाशकों ने पहले ही तकनीक को अपना लिया है। बेहतर गति जुड़ाव को बढ़ाती है और लगभग पूरे बोर्ड में दरों को कम करती है।

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

पिछले वर्ष एक फॉरेस्टर कंसल्टिंग टोटल इकोनॉमिक इम्पैक्ट स्टडी (गूगल द्वारा कमीशन) में किए गए शोध में पाया गया कि:

“AMP पेज पर बिताए समय में 2x वृद्धि के साथ वेबसाइट ट्रैफ़िक में 10% वृद्धि की ओर जाता है। एएमपी का उपयोग करने वाली ई-कॉमर्स वेबसाइटों के लिए, अध्ययन में गैर-एएमपी पृष्ठों की तुलना में बिक्री रूपांतरणों में 20% की वृद्धि देखी गई। ”

मोबाइल पर Google की शीर्ष कहानियां हिंडोला केवल लेख प्रदर्शित करने के लिए Google के एएमपी कैश का उपयोग करेगा, इसलिए कई प्रकाशकों के लिए, एएमपी का उपयोग करना एक स्वचालित विकल्प होना चाहिए।

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

एएमपी कहानियां

इस वर्ष के पहले AMP इकोसिस्टम के अलावा AMP स्टोरी थी। स्नैपचैट की कहानियों की तरह ही स्नैपचैट का उपयोग कैसे करें: एक पूरी शुरुआत की मार्गदर्शिका स्नैपचैट का उपयोग कैसे करें: एक पूर्ण शुरुआत की गाइड स्नैपचैट लोकप्रिय है, लेकिन एक आश्चर्यजनक संख्या में लोग यह नहीं जानते हैं कि इसका सही उपयोग कैसे किया जाए। यह लेख आपको नौसिखिए से एक विशेषज्ञ में बदलने में मदद करेगा। और पढ़ें, ये पहले से ही कई प्रकाशकों द्वारा उपयोग में हैं। अच्छे उदाहरणों में शामिल हैं सीएनएन की कहानियों के बारे में मिशन अभी भी हमारे सौर मंडल की खोज कर रहा है, और ब्लैक पैंथर के लिए Mashable के आवश्यक मार्गदर्शक।

कहानियों की सुविधा के अतिरिक्त, एएमपी स्टोरी विज्ञापन, हाल ही में Google विज्ञापन प्रबंधक का उपयोग करने वाली सभी वेबसाइटों के लिए उपलब्ध कराया गया था। ये फुलस्क्रीन विज्ञापन हैं जो एएमपी कहानियों में दिखाई देते हैं, और कई सुधारों में से एक हैं जिन्होंने एएमपी को एक साल पहले की तुलना में बहुत अधिक उपयोगी बना दिया है।

एएमपी के लिए डाउनसाइड क्या हैं?

Google मोबाइल खोज
इमेज क्रेडिट: डिपॉजिटफ़ोटो

यदि आप Google, Twitter, Pinterest, Messenger, आदि का उपयोग करते हैं, तो आप देखेंगे कि डोमेन के भीतर लिंक के बजाय बाहरी लिंक स्वयं ही खुल जाएंगे।

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

यह आपके पृष्ठ-विचारों की साइट को लूट सकता है और आपके विज्ञापन राजस्व को परेशान कर सकता है। यहां तक ​​कि कुछ विश्लेषिकी और ट्रैकिंग मुद्दे भी हैं जिन्हें हल करना मुश्किल हो सकता है जब तक कि आप एएमपी के लिए Google विश्लेषिकी का उपयोग नहीं करते हैं।

कहा कि, कुछ पाठक ट्रैकिंग कठिनाइयों को पसंद कर सकते हैं। यदि ऐसा है तो आप यह पता लगाने के लिए क्या कर सकते हैं कि कौन आपको ऑनलाइन ट्रैक कर रहा है। 5 तरीके चेक करने के लिए कौन आपको ऑनलाइन ट्रैक कर रहा है 5 तरीके आप कौन ऑनलाइन ट्रैकिंग कर रहे हैं यह देखना चाहते हैं कि कौन आपको ऑनलाइन ट्रैक कर रहा है? ये वेबसाइट और ब्राउज़र एक्सटेंशन आपको दिखाएंगे कि Google, फेसबुक और अन्य विज्ञापन नेटवर्क आपकी गतिविधि को कितना ट्रैक कर रहे हैं। अधिक पढ़ें

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

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

Cloudflare आपके Accelerated Mobile Pages को बेहतर बना सकता है

यहां तक ​​कि अगर आप अपने एएमपी पृष्ठ उपलब्ध कराते हैं, तो उनका उपयोग हमेशा ओएस, एप्लिकेशन, या डिवाइस के आधार पर नहीं किया जाएगा। यदि आप Cloudflare का उपयोग करते हैं, तो आप मोबाइल पर अपनी साइट से AMP सामग्री को पहचानने और प्रदर्शित करने के लिए त्वरित मोबाइल लिंक को सक्षम कर सकते हैं, कोई फर्क नहीं पड़ता स्रोत।

Cloudflare आपके मोबाइल का उपयोग करते समय आपकी गोपनीयता और प्रदर्शन को बेहतर बनाने में आपकी मदद कर सकता है। आप मोबाइल पर क्लाउडफेयर के 1.1.1.1 डीएनएस का उपयोग कर सकते हैं अब आप क्लाउडफेयर के 1.1.1.1 डीएनएस का उपयोग कर सकते हैं मोबाइल क्लाउडफेयर पर DNS ने अपनी 1.1.1.1 डीएनएस सेवा के लिए एक मोबाइल ऐप लॉन्च किया है। यह अब Android और iOS दोनों के लिए उपलब्ध है। अधिक पढ़ें

एएमपी में विज़ुअलाइज़ेशन और डिज़ाइन

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

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

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

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

क्या आपको AMP पेज बनाने चाहिए?

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

अपने मोबाइल डिजाइन के साथ स्मार्ट बनने से आपकी वेबसाइट तेजी से काम कर सकती है। गूगल पर जेनी गोव ने व्हाट्स मैक्स अ गुड मोबाइल साइट पर एक बेहतरीन लेख लिखा है, जो पढ़ने लायक है।

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

पूरी एएमपीप्रोजेक्ट वेबसाइट वास्तव में एएमपी में बनाई और प्रदान की गई है, इसलिए यह एक अच्छा उदाहरण है कि ये पेज मोबाइल पर ही नहीं, सभी प्रस्तावों में कैसे दिख सकते हैं।

हालांकि लोगों को कई अलग-अलग कारणों से एएमपी के बारे में सख्त नापसंद है, Stonetemple.com ने उपयोगकर्ता की व्यस्तता और रूपांतरण में अंतर देखने के लिए 10 मामलों के अध्ययन पर ध्यान दिया है। वे निष्कर्ष निकालते हैं कि जब तक एएमपी कार्यान्वयन पूरी तरह से किया जाता है, तब तक अधिकांश वेबसाइटें, चाहे उनके आला हों, लाभ देखेंगे।

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

AMP को डिसेबल कैसे करें

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

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

Google एएमपी, मोबाइल ब्राउजिंग, वेब डिज़ाइन, वेब डेवलपमेंट के बारे में अधिक जानकारी प्राप्त करें।