الصفحة الرئيسية » الترميز » كيفية التحقق من صحة صفحات الجوال المتسارعة (AMP)

    كيفية التحقق من صحة صفحات الجوال المتسارعة (AMP)

    في آخر برنامج تعليمي AMP ، أوضحنا لك كيفية اعتماد AMP (صفحات الجوال المتسارعة) للحصول على زيادة كبيرة في السرعة بالإضافة إلى عرض أفضل في نتائج بحث Google للجوال لموقع الويب الخاص بك في بيئة الجوّال.

    بعد أن رأيت AMPالمحتملة ، أفترض أنك قد تكون بدأت أو لديك خطط للبدء في إجراء تغييرات على مواقع الويب الخاصة بك للامتثال لها AMP. اتبع الإرشادات الموجودة في محرّر المستندات بعناية ، وأنشئ CSS لتصفيف صفحات AMP لتناسب شهيتك المرئية.

    الآن ، هناك شيء أخير يجب القيام به: التحقق من صحة هذه الصفحات.

    مصادقة AMP

    هناك عدة طرق للتحقق من صحة صفحات AMP الخاصة بك:

    1. أضف في # وضع = 1 درب في نهاية URL صفحة AMP. سيتم عرض التقرير في وحدة التحكم علامة التبويب تحت DevTools.
    2. بدلاً من ذلك ، يمكنك استخدام أداة التحقق من صحة AMP عبر الإنترنت.
    3. يمكنك أيضًا استخدام ملحق Chrome AMP.

    ستنتج هذه الأدوات تقريرًا يتضمن أخطاء أو تحذيرات داخل الصفحات. بناءً على ذلك ، يمكنك اختيار ما يجب إصلاحه.

    تقرير خطأ AMP في DevTools Console.

    AMP التحقق من صحة يحكم في المقام الأول استخدام عناصر HTML, ال الصورة, و ال تصريحات النمط. تأكد من أن جميع هذه الأشياء في الصفحة متوافقة مع AMP ، وأنه لا يوجد شيء ينتهك إرشادات AMP. خلاف ذلك ، لن تظهر صفحة AMP الخاصة بك في أي مكان.

    هيكل البيانات

    يتطلب AMP أيضًا بنية بيانات المخطط. وضعت هذه البيانات داخل رئيس علامة الصفحة بتنسيق JSON. أنه يحتوي على معلومات سياقية للصفحة بما في ذلك العنوان وشعار الناشر واسمه وتاريخ نشره وتعديله ، إلخ..

    بناءً على الغرض من الصفحة ، قد تختلف البيانات المراد تضمينها: المقالات ، المراجعات ، الوصفات ، الفيديو ، إلخ. يمكنك الرجوع إلى وثائق أنواع بيانات Google للحصول على تفاصيل حول نوع البيانات.

    هناك بعض البيانات المطلوبة والتي سوف تنتج أخطاء إذا لم يتم توفيرها ؛ هناك أنواع قليلة أخرى من البيانات اختيارية وستنتج تحذيرات فقط. ومع ذلك ، لن يظهر هذا النوع من الأخطاء في أجهزة التحقق من صحة AMP المذكورة أعلاه.

    بدلاً من ذلك ، ستظهر في أداة اختبار البيانات الهيكلية من Google وكذلك في حساب مشرفي المواقع من Google.

    قد يستخدم مستهلكو AMP أو عميل يدعم AMP ، مثل بحث Google و Twitter Moments ، هذه المجموعة من البيانات لتقديم محتوى AMP في صفحة النتائج الخاصة بهم.

    AMP دائري في جوجل سيرب

    لذلك ، بصرف النظر عن اتباع إرشادات AMP مع عناصر HTML المخصصة الخاصة بهم ، يجب أن تكون بيانات المخطط المطلوبة جاهزة أيضًا.

    أخطاء تجاهلها

    يتم ملاحظة معظم الأخطاء في المستندات بشكل صريح ويمكن التقاطها بسهولة في لمحة. ومع ذلك ، يتم وضع بعض الأخطاء في سياقها بمتغيرات قد نفشل في ملاحظتها مثل “قيمة السمة غير صالحة”, الذي يقول "تم تعيين السمة '٪ 1' في العلامة '٪ 2' على القيمة غير الصحيحة '٪ 3'.".

    تقرير الخطأ هذا لا يذكر أو يدرج بدقة اي قيمة غير صالح . لكن ما أعرفه هو أننا لا نستطيع تعيين عرض و ال ارتفاع من عنصر ل 100٪ أو تلقاءي. يجب أن تكون قيم السمات هذه هي الحجم الدقيق للصورة للحفاظ على نسبة الصورة.

    هذا مثال واحد فقط. هناك عدد من العناصر المخصصة - أمبير IMG, أمبير-IFRAME, و أمبير الإعلانات - مع مجموعات خاصة بهم من قواعد التحقق من الصحة ضد استخدام سمة وقيمتها.

    قد يجعل هذا التحقق من صحة صفحة AMP مهمة شاقة ، خاصةً إذا أخذنا مئات أو (ربما) الآلاف من المحتوى القديم المنشور منذ سنوات في الاعتبار.

    الفكر النهائي

    AMP لا يزال في مرحلته المبكرة. هو في تطور نشط للغاية مع الجهود المجتمعية من Google ومجتمع تطوير الويب. لكن سوف تتطور AMP بالتأكيد. على غرار HTML5 ، قد تكون هناك عناصر وسمات وبعض الممارسات التي ستنخفض في المستقبل. وبالتالي تأكد من التحقق من صحة صفحات AMP باستمرار من وقت لآخر بناءً على أحدث التغييرات في الإرشادات.