Back to Question Center
0

WordPress के साथ एएमपी कैसे उपयोग करें I            वर्डप्रेससंबंधित विषय के साथ एएमपी का उपयोग कैसे करें: प्रदर्शनसुरक्षासामग्रीवॉपी मिमल

1 answers:
वर्डप्रेस के साथ एएमपी का उपयोग कैसे करें

मोबाइल और अन्य डिवाइस आकारों के विकास के बारे में और जानने के लिए, साइटपॉईंट प्रीमियम कोर्स उत्तरदायी टिप्स एंड ट्रिक्स

पर एक नज़र डालें

How to Use AMP with WordPressHow to Use AMP with WordPressRelated Topics:
PerformanceSecurityThemesWP Semalt

Google के त्वरित मोबाइल पेज (एएमपी) परियोजना को 24 फरवरी 2016 को लॉन्च किया गया है। इस प्रक्षेपण के साथ, परियोजना में हजारों डेवलपर्स सक्रिय प्रतिभागी बन गए हैं। अनगिनत वेबसाइट्स अब पृष्ठ के एएमपी संस्करण हैं, और कई डेवलपर्स एएमपी का उपयोग करने के लिए सीख रहे हैं - इस मामले में, वर्डप्रेस के साथ एएमपी का प्रयोग करना सीखना

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

एएमपी क्या है?

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

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

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

एएमपी परियोजना

एएमपी में तीन प्रमुख घटक होते हैं:

  • एएमपी एचटीएमएल
  • एएमपी जेएस
  • एएमपी कैश

एएमपी एचटीएमएल

यह कई प्रतिबंधों, कस्टम टैग और कस्टम गुणों के साथ HTML का एक सबसेट है। अगर आपके पास एचटीएमएल के साथ एक पूर्व-मौजूद परिचित है, तो यह जटिल नहीं है। फिर भी अगर आपको लगता है कि आपको कोई परेशानी है, तो मैं सुझाव देता हूं कि आप इस लिंक पर जाएँ ताकि आप अपने एएमपी एचटीएमएल पृष्ठ कैसे बना सकें।

एएमपी जेएस

एएमपी मोबाइल वेब पृष्ठों के लिए एक सीमित मात्रा में जावास्क्रिप्ट प्रदान करता है। एएमपी में जेएस के बारे में अब एक महत्वपूर्ण बात यह है कि एएमपी के साथ तीसरे पक्ष के जावास्क्रिप्ट की अनुमति नहीं है

एएमपी कैश

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

एसईओ के लिए एएमपी साइन की प्रासंगिकता

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

समतल, इस स्पष्टीकरण के बाद, सब कुछ अधिक स्पष्ट हो जाता है। उन्होंने कहा, "यदि हमारे पास दो लेख थे, तो सिग्नलिंग परिप्रेक्ष्य से सभी अन्य विशेषताओं में ही गति प्राप्त की, लेकिन गति के लिए, फिर हाँ, हम गति के साथ एक को एक जोर देते हैं क्योंकि यह उपयोगकर्ताओं को मिलनसार मिल रहा है। "

Google एसईओ के लिए एएमपी वेबसाइट की प्रासंगिकता से इनकार नहीं करता है स्पीड हमेशा एक प्रभावकारी कारक है जब यह इंजन अनुकूलन खोज करने के लिए आता है.

कैसे उनकी वेबसाइट एएमपी कर सकते हैं?

आपको वेबसाइट पर एक आलेख पृष्ठ के दो संस्करणों को बनाए रखना होगा। डिफ़ॉल्ट वेब उपयोगकर्ता के लिए मूल लेख पृष्ठ, और संभावित मोबाइल उपयोगकर्ताओं के लिए एक एएमपी संस्करण।

यह भी ध्यान रखें कि एएमपी फार्म तत्वों और तीसरे पक्ष के सेमील्ट की अनुमति नहीं देता है। इसका अर्थ है कि आप मानक क्रियान्वयन में संपर्क फ़ॉर्म या ऑन-पेज टिप्पणियां नहीं डाल सकते, क्योंकि एएमपी मुख्य रूप से सामग्री के वितरण के लिए है।

  • मैं प्रतिबंधों से निपटने के लिए पूरे वेबसाइट टेम्पलेट को दोबारा लिखने की सलाह देता हूं। उदाहरण के लिए, एएमपी पृष्ठ का सीएसएस लाइन में होना चाहिए और 50 केबी से कम पृष्ठ आकार होना चाहिए। साथ ही, फोंटों को तेज़ी से लोड करने के कारण, पृष्ठ को कुशलतापूर्वक लोड करने के लिए उन्हें amp-फ़ॉन्ट एक्सटेंशन की मदद से लोड किया जाना चाहिए।
  • यह सलाह दी जाती है कि मल्टीमीडिया को विशेष देखभाल के साथ संभाला जाना चाहिए। छवियों के लिए, आपको तत्व और सटीक चौड़ाई और ऊंचाई का उपयोग करने की आवश्यकता है इसके अलावा, अगर आपकी छवियाँ GIF हैं, तो आपको अलग-अलग amp-anim विस्तारित घटक का उपयोग करने की आवश्यकता होगी।
  • वीडियो के लिए, दो विकल्प हैं एम्बेडेड वीडियो के लिए एक कस्टम टैग है, जिसे amp-वीडियो कहा जाता है हालांकि, यदि आप एक यूट्यूब वीडियो को एम्बेड करना चाहते हैं, तो उस एंबेक्ट-यूट्यूब के लिए एक विशिष्ट टैग है
  • स्लाइडशो एम्बेड करने के लिए, आप amp-carousel का उपयोग कर सकते हैं। इसके अलावा कि आप एक छवि लाइटबॉक्स जोड़ना चाहते हैं तो आप amp-image-lightbox का उपयोग कर सकते हैं।
  • ट्विटर, फेसबुक, इंस्टाग्राम, Pinterest और वाइन जैसे सामाजिक मीडिया प्लेटफार्मों को एम्बेड करने के लिए, आप प्रत्येक संबंधित घटक का उपयोग कर सकते हैं।
  • यह मुद्दा बहुत महत्वपूर्ण है अब, सब कुछ सेट हो जाने के बाद और आप अपने एएमपी पेज के साथ जाने के लिए तैयार हैं, आपको Google को अपने एएमपी वेबसाइट के बारे में जाने देना होगा। आपको अपने एएमपी पेज के बारे में जानकारी के साथ अपने मुख्य पोस्ट पेज पर एक टैग जोड़ना होगा। साथ ही एएमपी पेज पर एक कैनोनिकल टैग के साथ मुख्य पृष्ठ के बारे में जानकारी

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

(9 1) क्या Google Analytics एएमपी पर काम करता है?

हां, निश्चित रूप से, एएमपी पर मिमल का काम करता है वास्तव में, एएमपी पर Semaltेट काफी अच्छी तरह से है। कई विश्लेषिकी ट्रैकर्स के कारण वेबसाइट धीमा करने के लिए वे "एक बार, रिपोर्ट करने के लिए कई" के मुख्य दर्शन पर काम करते हैं आम तौर पर, आपकी वेबसाइट के लिए एएमपी के साथ सैमलेट सक्षम करने के लिए दो मार्ग हैं

  • एम्पा-पिक्सेल तत्व: GET अनुरोध का उपयोग करके कई पेज दृश्यों (जैसे ट्रैकिंग पिक्सेल के लिए) की गणना करने के लिए यह एक सरल टैग है।
  • amp-anayltics विस्तारित घटक: यह घटक amp पिक्सेल से अधिक उन्नत है। आप इसे एएमपी पेज पर किसी भी गतिविधि को मापने के लिए उपयोग कर सकते हैं। यह आपको JSON कॉन्फ़िग निर्दिष्ट करने में सक्षम बनाता है जो रिपोर्ट को किस प्रकार मापने और कहाँ भेजने के लिए विवरण प्रदान करता है।

वर्डप्रेस वेबसाइट्स के साथ एएमपी का उपयोग कैसे करें

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

चरण एक: वर्डप्रेस प्लगइन स्थापित करें

चलो स्थापना शुरू करो! उपरोक्त लिंक से प्लगइन डाउनलोड करें और अपने वर्डप्रेस साइट पर प्लग इन करें। स्थापना के बाद, आपको एक लेख पृष्ठ पर "/ amp /" संलग्न करने की आवश्यकता है अगर आपके पास सुंदर permalinks सक्षम नहीं है, तो आप कोशिश कर सकते हैं ? Amp = 1

चरण दो: मान्य और ट्वीक

Google खोज कंसोल मेटाटैग से अपने आलेख पेज के एएमपी संस्करण को उठाता है जो प्लगइन द्वारा जोड़ा जाएगा सेमॉल्ट, समस्या उत्पन्न होती है क्योंकि इन प्रकार के परिवर्तनों का पता लगाने में आमतौर पर दिनों लगते हैं. क्रोम सत्यापन प्रक्रिया का उपयोग करने के लिए, क्रोम में अपने किसी भी एएमपी पृष्ठों पर जाएं। फिर URL एपेंड # विकास = 1 के अंत में। अब क्रोम डेवलपर उपकरण खोलने के लिए नियंत्रण + Shift + I को दबाएं।

पेज को रीफ्रेश करें, और या तो यह कहें, "एएमपी वैलिडेशन Semalt" या आपको तय की जाने वाली समस्याओं की एक विस्तृत सूची दें।

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

चरण तीन: स्कीमा मार्कअप मान्य करें

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

प्लगइन्स पर जाएं, "संपादक" पर क्लिक करें और फिर "एएमपी" चुनें। प्लगइन को संशोधित करने के लिए संपादक में इन पंक्तियों को मिसाल्ट करें

     अगर ($ site_icon_url) {$ मेटाडाटा ['प्रकाशक'] ['लोगो'] = सरणी ('@ टाइप' => 'इमेज ऑब्जेक्ट','url' => $ site_icon_url,'ऊंचाई' => स्वयं: SITE_ICON_SIZE,'चौड़ाई' => स्वयं: SITE_ICON_SIZE,);}    

से:

     $ मेटाडेटा ['प्रकाशक'] ['लोगो'] = सरणी ('@ टाइप' => 'इमेज ऑब्जेक्ट','url' => 'http: // आपकाडोमेन com / WP-content / अपलोड / लोगो कंपनी। png ','ऊंचाई' => 60,'चौड़ाई' => 170,);    

सेमट सुनिश्चित करें कि URL में, आप उस स्थान को निर्दिष्ट करते हैं जहां आपका लोगो है और ऊंचाई और चौड़ाई तदनुसार निर्दिष्ट करें।

चरण चार: एएमपी वर्डप्रेस प्लगइन के साथ Google Analytics को एकीकृत करें।

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

एएमपी वर्डप्रेस प्लगइन को Google एनेलिटिक्स के साथ मिलकर काम करने के लिए, प्लगइन्स -> सेमील्ट -> चुनें "एएमपी" पर जाएं और इसके अंत में निम्नलिखित कोड जोड़ें।

     add_action ('amp_post_template_head', 'amp_post_template_add_analytics_js');फ़ंक्शन amp_post_template_add_analytics_js ($ amp_template) {$ post_id = $ amp_template-> प्राप्त करें ('post_id');?> <स्क्रिप्ट async custom-element = "amp-analytics" src = "https: // cdn। ampproject। org / v0 / amp- एनालिटिक्स-0। js">       प्राप्त करें ('post_id');?> <स्क्रिप्ट प्रकार = "एप्लिकेशन / जेएसन"> {"वार्स": {"खाता": "UA-XXXXX-Y" ← (आपका GOOGLE विश्लेषण प्रमाण आईडी)},"ट्रिगर": {"ट्रैकपेजदृश्य": {"चालू": "दृश्यमान","अनुरोध": "पृष्ठदृश्य"}}}       

सुनिश्चित करें कि आप मूल्य UA-XXXXX-Y को अपनी खुद की Google Analytics प्रॉपर्टी आईडी में बदल दें!

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

गूगल के एएमपी परियोजना पर एक फैसले

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

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

. - long term care insurance maryland
February 28, 2018