त्वरित मोबाइल पृष्ठों (एएमपी) को कैसे मान्य करें

हमारे अंतिम AMP ट्यूटोरियल में, हमने आपको दिखाया है कि महत्वपूर्ण गति को बढ़ावा देने के लिए AMP (त्वरित मोबाइल पेज) कैसे अपनाएं और साथ ही साथ मोबाइल वातावरण में अपनी वेबसाइट के लिए Google के मोबाइल खोज परिणाम में बेहतर प्रदर्शन करें।.

देखते हुए एएमपीसंभावित है, मुझे लगता है कि आप शुरू कर सकते हैं या अनुपालन करने के लिए आपकी वेबसाइटों में बदलाव करना शुरू करने की योजना है एएमपी. डॉक्स पर दिशानिर्देशों का सावधानीपूर्वक पालन करें और अपनी सीएसएस को अपनी दृश्य भूख को फिट करने के लिए एएमपी पृष्ठों को स्टाइल करने के लिए लिखें.

अब, एक अंतिम काम करना है: उन पृष्ठों को मान्य करना.

एएमपी वैध

आपके AMP पृष्ठों को मान्य करने के कई तरीके हैं:

1. में जोड़ें # विकास = 1 AMP पेज URL के अंत में निशान। रिपोर्ट में पेश किया जाएगा कंसोल DevTools के तहत टैब.
2. वैकल्पिक रूप से आप ऑनलाइन एएमपी सत्यापनकर्ता का उपयोग कर सकते हैं.
3. आप Chrome AMP एक्सटेंशन का भी उपयोग कर सकते हैं.

ये उपकरण पृष्ठों के भीतर एक रिपोर्ट लिस्टिंग त्रुटियों या चेतावनियों का उत्पादन करेंगे। इसके आधार पर, आप चुन सकते हैं कि क्या तय करना है.

एएमपी सत्यापन मुख्य रूप से नियंत्रित करता है HTML तत्वों का उपयोग, रों, और यह शैली की घोषणा. सुनिश्चित करें कि पृष्ठ की ये चीजें सभी एएमपी-अनुपालन हैं, और एएमपी दिशानिर्देशों का उल्लंघन करने वाले कुछ भी नहीं हैं। अन्यथा, आपका एएमपी पृष्ठ कहीं भी दिखाई नहीं देगा.

डेटा संरचना

एएमपी को स्कीमा डेटा संरचना की भी आवश्यकता होती है। यह डेटा भीतर रखा गया है सिर JSON फॉर्मेट में पेज का टैग। इसमें शीर्षक, प्रकाशक लोगो और नाम, पृष्ठ की प्रासंगिक जानकारी शामिल है, जिसे प्रकाशित किया गया था और संशोधित किया गया था, आदि।.

पृष्ठ के उद्देश्य के आधार पर, शामिल करने के लिए डेटा भिन्न हो सकते हैं: लेख, समीक्षा, व्यंजनों, वीडियो, आदि। आप डेटा प्रकार के विवरण के लिए Google डेटा प्रकार प्रलेखन का उल्लेख कर सकते हैं।.

कुछ डेटा की आवश्यकता होती है जो आपूर्ति नहीं होने पर त्रुटियों का उत्पादन करेंगे; कुछ अन्य प्रकार के डेटा वैकल्पिक हैं और केवल चेतावनी उत्पन्न करेंगे। इस प्रकार की त्रुटियां हालांकि उपरोक्त एएमपी सत्यापनकर्ताओं में नहीं दिखाई देंगी.

इसके बजाय, वे Google संरचित डेटा परीक्षण उपकरण के साथ-साथ आपके Google वेबमास्टर्स खाते में दिखाई देंगे.

AMP उपभोक्ता या एक ग्राहक जो AMP का समर्थन करता है, जैसे Google खोज और Twitter क्षण, अपने परिणाम पृष्ठ में AMP सामग्री प्रस्तुत करने के लिए डेटा के इस सेट का उपयोग कर सकते हैं.

इसलिए, अपने मालिकाना कस्टम HTML तत्वों के साथ एएमपी दिशानिर्देशों का पालन करने से, आवश्यक स्कीमा डेटा को भी जगह में होना चाहिए.

अनदेखी की अनदेखी

अधिकांश त्रुटियों को डॉक्स में स्पष्ट रूप से नोट किया गया है और आसानी से एक झलक में उठाया जा सकता है। हालाँकि कुछ त्रुटियां चर के संदर्भ में हैं जिन्हें हम नोटिस करने में असफल हो सकते हैं “अमान्य विशेषता मान”, जो कहते हैं "टैग 2% में विशेषता '% 1' अमान्य मान '% 3' पर सेट है।".

यह त्रुटि रिपोर्ट ठीक उल्लेख या सूची नहीं देती है जो मूल्य अमान्य है । लेकिन मुझे पता है कि हम सेट नहीं कर सकते हैं चौड़ाई और यह ऊंचाई का तत्व को 100% या ऑटो. ये विशेषता मान छवि अनुपात को संरक्षित करने के लिए छवि का सटीक आकार होना चाहिए.

यह तो केवल एक उदाहरण है। कई कस्टम तत्व हैं - amp-img, amp-आइफ्रेम, तथा amp-विज्ञापन - एक विशेषता और इसके मूल्य के उपयोग के खिलाफ सत्यापन नियमों के अपने स्वयं के सेट के साथ.

यह AMP पेज को वैध बनाने का काम कर सकता है, खासकर यदि हम सैकड़ों या (शायद) हजारों साल पहले ली गई विरासत सामग्री को खाते में ले लेते हैं.

फाइनल थॉट

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