كيف تعمل صفحات الجوال المسرعة – Accelerated Mobile Page (AMP)؟ الفكرة هي أن الموقع أو هذه الصفحات تستخدم علامات خاصة، وعددها ووظائفها محدودة للغاية. تتمثل مهمة المبرمج أو مطور الويب في تحديد أنسب المخططات من تلك المتاحة التي ستحل مشكلة العميل.
يقوم محرك بحث جوجل بالعصور على هذه العلامات الخاصة ويخزن معلوماتها مؤقتًا. بعد ذلك، عندما يبحث المستخدم عن شيء ما عبر محرك بحث جوجل، يقوم المتصفح بتحميل المعلومات من شبكة CDN الخاصة بجوجل Google ، إلى إطار iframe خاص وعندما يتم فتح الرابط، فإنه يفتح في نفس الوقت الصفحة التي تم تحميلها بالفعل في نافذة خاصة، وهو ما يجعلها سريعة التصفح بشكل مذهل.
إقرأ أيضا: أهمية بنية الموقع والروابط الداخلية في تحسين موقعك لمحركات البحث
يتم تصنيف صفحات الجوال المسرعة Google AMP في أعلى المراتب من نتائج محرك بحث جوجل مقارنة بنتائج المواقع الأخرى لأنها تلبي متطلبات التحميل السريع وتتكيف بشكل أفضل مع الأجهزة المحمولة.
في الواقع، تعتبر صفحات AMP أو صفحات الجوال المسرّعة من Google ثابتة أو ديناميكية مشروطة (conditionally dynamic)، لأنها تسمح باستخدام نماذج الإرسال، وكذلك الفريمات iframe.
مجالات التطبيق: المواقع الإخبارية والبوابات الإلكترونية. صفحات الكتالوجات (بدون استخدام المرشحات) ؛ إصدارات محمولة خفيفة الوزن للموقع (إذا كانت تفي بالجانب الوظيفي) ؛ الصفحات الرائدة ، والتي يتمثل الهدف الرئيسي منها في جذب انتباه المستخدم وجذبه إلى الموقع الرئيسي.
بعد ذلك ، لنتحدث عن الميزات الرئيسية لموقع ويب AMP.
مميزات صفحات الجوال المسرعة AMP
عدم وجود أكواد وسكربتات مخصصة
الاختلاف الأول والأهم عن المواقع القياسية هو استحالة إدخال نصوص “عادية”. هذا هو السبب في أن الجانب الوظيفي، الذي يساعد على إنشاء تغييرات ديناميكية (إجراءات النقر ، والرسوم المتحركة ، والتصفية ، والنوافذ المشروطة) ، يصبح غير متاح.
الحل الوحيد هو استخدام المكونات المتوفرة و iframe. تسمح المكونات المتاحة بتحقيق التنفيذ الجزئي للميزات المعتادة التي تستحق الاستبدال لصالح تحسين التحميل السريع. بمساعدتهم ، يمكنك إنشاء شريط جانبي وسلايد بسيط ونموذج إرسال وتحميل محتوى وإعلان وما إلى ذلك. يرتبط كل مكون بمكتبة جافاسكربت js خاصة به ، والتي يجب تشغيلها من أجل عملها بشكل صحيح على الموقع. يمكن العثور على جميع أنواع المكونات المتاحة مع أمثلة على استخدامها في صفحات الجوال المسرعة AMP في الموقع الرسمي لصفحات الجوال المسرعة AMP.
عدم وجود العلامات تقليدية (Conventional Tags) في الصفحة
يجب استخدام جميع الصور الموجودة على الصفحة في علامة خاصة، مما يجعل من الصعب على المستخدمين إدراج الصور باستخدام محرر نصوص. بالنسبة للعناصر الأخرى، حيث تتم كتابة إخراج الصور “بالأيدي” ، يكفي تصحيح تخطيط الصفحة. وبالمثل ، إذا كنت تستخدم carousel أو lightbox ، فأنت بحاجة إلى إدراج إضافات من المكونات.
استخدام الأنماط المضمنة (Inline-styles) محظور
ستتأثر ميزة أخرى بشكل أساسي على محرر النصوص، حيث يكون تحرير الأنماط مضمّنًا. العناصر التي تحتوي على سمات مثل style = ”color:…” غير صالحة، وسيؤدي تغيير اللون أو حجم الخط إلى كتابة هذه الخاصية في التعليمات البرمجية.
يمكنك الإستفادة من مقالنا حول: أفضل أدوات اختبار و فحص المواقع – اختبار سرعة الموقع و SEO.
البيانات المنظمة
إذا كنت ترغب في تضمين مقال في خدمة “أخبار جوجل – Google News” ، فيجب أن تضيف إلى الصفحة معلومات مثل مخططات البيانات مع معلومات مختصرة حول المقالات والمؤلف والناشر وشعار الشركة بالإضافة إلى المنشور و وتاريخ تعديل المقال.
لا يعد استخدام البيانات المنظمة شرطًا أساسيًا ، ولكن إذا كنت ترغب في أن يعرض محرك البحث البيانات والتغييرات عند التحرير بشكل صحيح، فأنت بحاجة إلى وضع هذا المخطط على الموقع. في الواقع ، استخدام AMP بدون هذا النظام سيصبح بلا معنى.
مثال على مخطط بيانات لصفحة “مقالة”:
<script type = "application / ld + json">
{
"@context": "http://schema.org",
"@type": "NewsArticle",
"mainEntityOfPage": {"@type": "WebPage",
"@id": "https://google.com/article"},
"headline": "Article headline",
"image": {"@type": "ImageObject","url": "https://google.com/thumbnail1.jpg",
"height": 800,"width": 800},
"datePublished": "2018-02-05T08: 00: 00 + 08: 00",
"dateModified": "2018-02-05T09: 20: 00 + 08: 00",
"author": {"@type": "Person",
"name": "John Majson"},
"publisher": {"@type": "Organization",
"name": "Google",
"logo": {"@type": "ImageObject",
"url": "https://google.com/logo.jpg",
"width": 600,"height": 60}},
"description": "A most wonderful article"
}
</ script>بعض القيم إلزامية للاستخدام. بالنسبة لمخطط البيانات الهيكلية، هناك أيضًا مدقق محدد. يمكن العثور على معلومات حول الملء والحقول الإلزامية لنظام نوع “المقالة” هنا.
هناك يمكنك العثور على معلومات حول الأنواع الأخرى من البيانات المنظمة (الكتب والدورات والموسيقى والبودكاست والوصفات والمراجعات والتلفزيون والأفلام ومقاطع الفيديو.)
بعض الملاحظات حول البيانات المنظمة:
شعار الشركة
هناك عدد من المتطلبات والمعايير للشعار في صفحات الجوال المسرعة. أولاً ، يجب ألا يكون الحجم أكثر ولا يقل عن 60 × 600 بكسل على الأقل من جانب واحد. ومع ذلك، فمن المستحسن استخدام ارتفاع 60 بكسل (على سبيل المثال ، 450 × 60 بكسل). الصور ذات الأحجام الأصغر ، ولكن بنفس النسب مثل 60 × 600 بكسل (على سبيل المثال 450 × 45 بكسل) لن تنجح في الاختبار.
إقرأ أيضا: الكلمات المفتاحية وتصدر نتائج البحث
تاريخ النشر وتاريخ التحديث
تاريخ النشر إلزامي، بينما تاريخ التحديث غير إلزامي إلا أنه في نفس الوقت موصى به. فعلى الرغم من أننا نعتبر كلا المعلمتين إلزاميتين، حيث يقوم جوجل Google بتخزين محتوى المقالات مؤقتًا، ومن المستحيل معرفة متى سيفحص جميع المقالات على الموقع مرة أخرى. لذلك ، إذا كان تاريخ التحديث الأخير مختلفًا ، فسيكون من السهل على محرك البحث فهم أنك بحاجة إلى إنشاء ذاكرة تخزين مؤقت جديدة. خلاف ذلك، يمكن أن يكون هناك موقف عندما لا يرى المستخدم بعض التغييرات المهمة.
يمكنك الإستفادة من مقالي السابق حول: كيف تختار الإستضافة المناسبة لموقعك ولاحتياجاتك.
روابط Canonical links وعكسها
لكي يفهم محرك البحث أن هناك نسخة AMP لصفحة ويب، يجب أن تحتوي صفحة الويب على هذا الرابط:
<link rel="amphtml" href="https://www.example.com/url/to/amp/document.html">كما أن نسخة الصفحة المسرعة AMP يجب أن تحتوي أيضا على رابط خلفي Back Link التالي:
<link rel="canonical" href="https://www.example.com/url/to/full/document.html"> حجم الاستايل CSS يجب أن لايتعدى 50 كيلوبايت
تتم كتابة أنماط الاستايل CSS سطريًا، ويجب ألا يتجاوز حجمها 50 كيلوبايت.
إقرأ أيضا: أفضل تطبيقات الترجمة الكتابية والصوتية.
الخلاصة
صفحات الجوال المسرعة – Accelerated Mobile Page AMP هي تقنية مثيرة للاهتمام، ولكن فقط للمهام ضيقة المنحى. فيمكن إستخدامها بنجاح لنسخة الجوال “الخفيفة” من المواقع الاخبارية أو المدونات والتي قد لا تتطلب محتوى تفاعلي خاص، أو بالإمكان تطبيقها جزئيا لبعض أقسام الموقع التي لا تتطلب وظائف عالية، كما هو الحال في موقع المراجع العربي حيث نطبق ميزة صفحات الجوال المسرعة على صفحات المقالات فقط بينما بقية أنواع الصفحات في الموقع كالصفحة الرئيسية والاقسام وغيرها هي بالشكل القياسي.
فما قلت، صفحات الجوال المسرعة حل جيد بل ورائع لمواقع المعلومات والمدونات والمجلات الإلكترونية ، حيث تحتاج إلى إنشاء محتوى سهل الاستخدام لجذب انتباه المستخدمين بسرعة وفي شكل بسيط. أما بالنسبة للمشاريع الكبيرة والمعقدة، لن تحل صفحات AMP محل النسخة المحمولة أو القابلة للتكيف ، على الأقل في هذه المرحلة من تطويرها.
تضيف جوجل Google رمز AMP إلى جميع مقالات AMP في نتائج صفحات محرك بحث جوجل SERP ، ومن الأجهزة المحمولة، سيتم عرض صفحة AMP أولاً. بالإضافة إلى ذلك، يتم ترتيبها أعلى من الصفحات التي ليست AMP. إذا كنت تريد التعرف على ما هو SERP وخصائصه ، فيمكنك زيارة هذا المقال ما هو الـ SERP ؟ دليل شامل عن SERP.
