WordPress में AMP कैसे Setup करें

  1. 1. वर्डप्रेस के लिए Google एएमपी का परिचय
  2. 2. इस समय पढ़ना: WordPress में AMP कैसे Setup करें

वर्डप्रेस के लिए एएमपी गाइड के दूसरे भाग में आपका स्वागत है। अपने आखिरी लेख में, हमने एक मोबाइल-पहली वेब रणनीति के महत्व के बारे में सीखा और एएमपी एक संभावित गेम-चेंजर कैसे हो सकता है। आज के गाइड में, हम इसके बारे में जानने जा रहे हैं:


  • वर्डप्रेस के साथ एएमपी को कैसे एकीकृत करें
  • AMP को कस्टमाइज़ करने के लिए बेस्ट वर्डप्रेस प्लग इन
  • क्या हमें वास्तव में हमारी वर्डप्रेस साइट में एएमपी को लागू करने की आवश्यकता है?

आएँ शुरू करें.

वर्डप्रेस वीडियो गाइड के लिए एएमपी

हमारी सीरीज़ की अंतिम पोस्टिंग को छोड़ देने के बाद, आप WPCrafter के वीडियो के साथ-साथ AMP को आसानी से अपनी वर्डप्रेस वेबसाइट के साथ सेटअप कर सकते हैं। एडम का वीडियो हमारे गाइड के प्रत्येक चरण के माध्यम से चलता है – आनंद लें!

WordPress के लिए AMP कैसे सेटअप करें

amp-प्लगइन-वर्डप्रेस हीरो

की स्थापना वर्डप्रेस के लिए ए.एम.पी. एक बहुत ही सरल प्रक्रिया है। आपको बस ऑटोटैटिक द्वारा विकसित वर्डप्रेस एएमपी प्लगइन स्थापित करना होगा और बाकी का पालन करना होगा.

  • वर्डप्रेस डैशबोर्ड पर जाएँ> प्लगइन्स> नया जोड़ें
  • निम्न को खोजें “एएमपी”

प्लगइन का चयन करें और पर क्लिक करें अभी स्थापित करें

कैसे-से स्थापित-amp-वर्डप्रेस-प्लगइन करने के लिए

प्लगइन को सक्रिय करने पर, आपकी साइट के सभी पोस्ट URL में AMP संस्करण होगा। आप किसी भी पोस्ट के लिंक पर जा सकते हैं, संलग्न करें / Amp / URL के अंत में और आपको AMP संस्करण देखने को मिलेगा.

वेबपृष्ठ के सामान्य संस्करण पर एक नज़र डालते हैं.

परीक्षण-साइट-नो-amp_rz

और यह उसी पृष्ठ का एएमपी संस्करण है:

परीक्षण-साइट-amp_rz

यह है – आप सफलतापूर्वक AMP को WordPress में सेटअप कर सकते हैं। यह विश्वास करना कठिन है कि यह सरल नहीं है, यह नहीं है?

हालांकि, अगर आपके पास नहीं है सुंदर पर्मलिंक सक्षम, आप जोड़कर amp संस्करण प्राप्त कर सकते हैं ?amp = 1 पोस्ट के लिंक के लिए उदाहरण के लिए, पोस्ट का लिंक होगा:

  • सामान्य संस्करण: http://example.com/2016/01/01/hello-mobile-web/
  • एएमपी संस्करण: http://example.com/2016/01/01/hello-mobile-web/amp/
  • एएमपी संस्करण (सुंदर Permalinks के साथ अक्षम): http://example.com/2016/01/01/hello-mobile-web/?amp=1

AMP प्लगइन आपके “सामान्य” HTML पृष्ठों के सिर में एक मानक मेटा टैग जोड़ता है जो Google और अन्य खोज इंजनों के लिए संभव बनाता है कि वे पृष्ठों के AMP संस्करण को पहचान सकें। यह उस साइट के लोगो का उपयोग करता है जिसे आप सेट कर सकते हैं वर्डप्रेस थीम कस्टमाइज़र.

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

मापने एएमपी प्रदर्शन प्रभाव

हमने पृष्ठ के एएमपी संस्करण के प्रदर्शन प्रभाव को मापने का निर्णय लिया। परिणाम नाटकीय रूप से अलग थे। ध्यान रखें कि हमारा वर्डप्रेस सेटअप डिफ़ॉल्ट साझा चौदह विषय का उपयोग करके एक साझा होस्टिंग वातावरण में था जिसमें कोई कैशिंग या ऑप्टिमाइज़ेशन प्लग इन स्थापित नहीं किया गया था.

निम्नलिखित स्क्रीनशॉट पृष्ठ के मूल संस्करण के प्रदर्शन को दर्शाता है:

परीक्षण-साइट-नो-amp-pingdom

और यह पृष्ठ के एएमपी संस्करण का परिणाम है:

परीक्षण-साइट-amp-pingdom

परिणाम हड़ताली अलग हैं.

प्रत्येक घटक ने एक जबरदस्त सुधार का अनुभव किया:

  • पृष्ठ का आकार 70% कम हो गया
  • लोड होने का समय 35% घटकर 900 मिलीसेकंड से कम हो गया है
  • अनुरोधों की संख्या 17 से केवल 7 तक लगभग 60% कम हो गई थी!

पेज की सामग्री को बनाए रखते हुए, यह सब AMP द्वारा प्राप्त किया गया था। निम्न तालिका आपके संदर्भ के लिए परीक्षण के विवरण को कैप्चर करती है:

फ़ैक्टर साधारणएएमपीसुधार की
पृष्ठ आकार (KB)563.816770%
लोड समय (सेकंड)1.420.92935%
अनुरोधों की संख्या17759%

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

पेज के एएमपी संस्करण में आप और भी क्या ट्रैकिंग तंत्र शामिल कर सकते हैं। हम निम्नलिखित अनुभाग में इसे कवर करेंगे.

एएमपी की क्षमताओं का विस्तार

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

एएमपी वर्डप्रेस प्लगइन में इस तरह के बदलाव करने के विकल्प नहीं हैं। इसका उद्देश्य आपके संपूर्ण मौजूदा वर्डप्रेस सामग्री को एएमपी के साथ संगत बनाने का एक त्वरित और आसान तरीका था – एक ऐसा काम जो बहुत अच्छा करता है.

प्रवेश करें WP के लिए एएमपी – त्वरित मोबाइल पेज लगाना.

amp के लिए WP-प्लगइन-2-नायक

यह मुफ्त प्लगइन वर्डप्रेस में AMP की क्षमताओं का विस्तार करता है जैसे कि अतिरिक्त कार्यशीलता:

  • Google Analytics एकीकरण
  • AMP WooCommerce पेज के लिए समर्थन
  • पद के नीचे संबंधित पोस्ट
  • हाल की टिप्पणियाँ सूची
  • कस्टम लोगो अपलोड
  • सोशल शेयरिंग बार
  • YouTube और इंस्टाग्राम, ट्विटर, वाइन, आदि जैसे सामग्री प्लेटफार्मों से वीडियो और सामग्री सहित समृद्ध सामग्री को एम्बेड करने के लिए समर्थन.

एक शर्त के रूप में, प्लगइन को ठीक से कार्य करने के लिए आपको एएमपी प्लगइन को स्थापित और सक्रिय करना होगा। हमेशा की तरह, आप इस प्लगइन को उसी तरह से स्थापित कर सकते हैं जिस तरह से हमने इस पोस्ट की शुरुआत में एएमपी प्लगइन स्थापित किया था.

amp के लिए WP-प्लगइन-2-स्थापित सक्रिय

एक बार सक्रिय होने के बाद, आप उन विभिन्न विकल्पों को कॉन्फ़िगर करने के लिए तैयार हैं जिन्हें प्लगइन को पेश करना है। वहां जाओ वर्डप्रेस डैशबोर्ड> एएमपी सेटिंग्स तक पहुँचने के लिए.

प्लगइन प्रदान करने वाली कई सेटिंग्स में से, हमने कोशिश की:

  • टिप्पणियों को चालू करना
  • संबंधित पोस्ट जोड़ना
  • अगली / पिछली पोस्ट में नेविगेशन जोड़ना

परिवर्तनों को सहेजने के बाद AMP संस्करण कैसे दिखता है, इसका एक स्क्रीनशॉट इस प्रकार है:

amp के लिए WP-प्लगइन-2-नायक-परीक्षण-पेज-500-पिक्सल

और यहाँ प्रदर्शन है:

amp के लिए WP-प्लगइन-2-गति परीक्षण

तुलना के लिए यहां वेनिला AMP पेज का स्क्रीनशॉट है:

परीक्षण-साइट-amp-pingdom

लोड समय में और 7.4% की कमी हुई। यह ध्यान रखना दिलचस्प है कि यद्यपि पृष्ठ का आकार और अनुरोधों की संख्या में थोड़ी वृद्धि हुई है, समग्र प्रदर्शन ग्रेड (3-अंक) में सुधार हुआ है.

सभी में, यह प्लगइन उत्कृष्ट है यदि आप एएमपी की ओर अधिक जोर देने के बारे में गंभीर हैं और अपनी सामग्री, विज्ञापन और विश्लेषण प्लेटफ़ॉर्म के साथ काम करते हैं.

निष्कर्ष

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

हालांकि एएमपी को शामिल करने के लिए नए ब्लॉगों के लिए सरल है, हजारों पृष्ठों की सामग्री वाले ब्लॉग निश्चित रूप से इसे विशेष रूप से चुनौतीपूर्ण लग सकते हैं। कारण सरल है – हर कोई ऑनलाइन प्रकाशित करते समय उचित मानकों का पालन नहीं करता है। संगठन विकसित होते हैं। यहां तक ​​कि वेब तकनीकें जो पांच साल पहले “गर्म” थीं, आज अप्रचलित हैं। जबकि AMP मौजूदा वेब तकनीकों के शीर्ष पर निर्माण के लिए अपनी पूरी कोशिश करता है, ऐसे कई मामले हो सकते हैं जहाँ कुछ असंगतता / त्रुटियाँ मौजूद हैं। और ये त्रुटियाँ आपके एसईओ स्कोर को प्रतिकूल रूप से प्रभावित कर सकती हैं.

आदर्श रूप से, व्यवसायों को अपने आने वाले यातायात स्रोतों को मापना चाहिए – मोबाइल डिवाइस से कितना प्रतिशत आ रहा है? उनमें से कितने मोबाइल खोज से आते हैं? मोबाइल आगंतुकों की उछाल दर क्या है? ये ऐसे प्रश्न हैं जो आपको AMP पर विचार करने से पहले पूछना चाहिए.

यदि आप आश्वस्त हैं कि आपकी वेबसाइट की सामग्री तकनीकी रूप से नवीनतम मानकों के अनुसार संरचित है, तो हर तरह से – एएमपी के साथ आगे बढ़ें! आप केवल अपने एसईओ को बढ़ावा देंगे.

हालाँकि, यदि आप जानते हैं कि बहुत सी गलत गलतियाँ, टूटी हुई कड़ियाँ और त्रुटियाँ हैं, तो एएमपी के साथ आगे बढ़ने से पहले उन मुद्दों को संबोधित करना (और संभवतः हल करना) सबसे अच्छा होगा।.

AMP पर आपके क्या विचार हैं? क्या आप सामग्री का उपभोग करने के लिए इसका उपयोग करते हैं? क्या आपने इसे अपनी वेबसाइट में लागू किया है? हमे आपसे सुनने में ख़ुशी होगी!

Jeffrey Wilson Administrator
Sorry! The Author has not filled his profile.
follow me