ما هي صفحات الجوال المسرعة AMP وكيف تطبقها في موقعك

تعتبر صفحات الجوال المسرعة AMP من أفضل التقنيات لأصحاب المواقع والمدونات للحصول على تحميل لحظي لصفحات مواقعهم ومدوناتهم، وهذا بدوره يساهم في جذب الزوار وحثهم على التفاعل مع المحتوى.

في هذا المقال نشرح لك ما هي صفحات الجوال المسرعة أو AMP ومميزاتها، وكيف يمكنك إنشائها لموقعك بسهولة.

ما هي صفحات الجوال المسرعة
صفحات الجوال المسرعة AMP هي صفحات مواقع إلكترونية معدلة بهدف زيادة سرعة تحميلها وعرضها على الأجهزة المحمولة.

بشكل عام تستخدم صفحات الجوال المسرعة أو Accelerated Mobile Pages واختصارًا AMP لتحسين تجربة المستخدم والوصول اللحظي للمحتوى، فعند الضغط على نتيجة البحث في جوجل مثلاً تجد المحتوى ظهر مباشرة أمامك في أقل من نصف ثانية.

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

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

لكن ما الحاجة لوجود هذه الصفحات؟ ألا تعتمد أغلب المواقع الإلكترونية على تصميم متجاوب مع الهواتف المحمولة بالفعل؟ نعم هذا صحيح لكن التصميم يختلف عن الأداء والتحميل.

المواقع التي تدعم العرض على مقاسات الأجهزة المحمولة سوف يظهر محتواها بشكل يناسب مقاسات شاشات هذه الأجهزة، هذا ممتاز لكن لا علاقة له بتحويل محتوى المواقع نفسها وسرعة عرضها أمام الزائر.

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

هذا البطء يدفع نسبة كبيرة (تصل إلى 40%) من زوار المواقع الذين يستخدمون الهواتف المحمولة لمغادرتها قبل تحميل محتواها، هذا يزيد من معدل الارتداد أو Bounce rate ويؤثر بالسلب على أداء المواقع على محركات البحث.

هذا يؤدي أيضًا إلى انخفاض نسب المشاهدة أو التفاعل مع الإعلانات مما ينتج عنه انخفاض أرباح أصحاب المواقع منها.

حسنًا كيف تعالج صفحات الجوال المسرعة أو AMP هذه المشاكل؟

للإجابة على هذا السؤال نحتاج أولًا لفهم كيف يصل المستخدم إلى صفحات الجوال المسرعة؟

في البداية يقوم أصحاب المواقع بإنشاء نسخ مسرعة من صفحات مواقعهم.

ومن ثم يقوم محرك البحث جوجل بحفظ نسخة من هذه الصفحات على سرفراته الخاصه، ويظهرها للمستخدم عند دخوله على الموقع من نتائح البحث.

ملحوظة: محرك البحث جوجل هو أول من وفر ظهور صفحات AMP في نتائج البحث، ولكن هذه الخاصية متوفرة في بعض محركات البحث الأخرى مثل بينج التابع لشركة مايكروسوفت.

مميزات صفحات الجوال المسرعة أو AMP

1. زيادة سرعة تحميل محتوى صفحات الموقع: يتم تحميل المحتوى على صفحات الجوال المسرعة على الأجهزة المحمولة بصورة أسرع من الصفحات العادية، هذا يؤدي إلى تحسين تجربة المستخدم وجعلها سلسة ومميزة.
2. تشجع الزوار على التفاعل مع محتوى الصفحات بشكل فوري: سلاسة تصفح صفحات الجوال المسرعة تمكن زوارها من تصفح أجزائها والتنقل بينها دون تأخير.

هذا يشجعهم على التفاعل بشكل فوري مع محتوى هذه الصفحات وبمعدل أعلى من معدل تفاعلهم مع الصفحات الغير مسرعة.

3. تحسين ترتيب نتائج محركات البحث: تفضل محركات البحث صفحات AMP وتظهرها بشكل مميز عند استخدام أجهزة محمولة للبحث عنها أو عن محتواها.

هذا يزيد من فرص ظهور محتوى هذه المواقع أمام زوارها وجمهورها المستهدف مما يساهم في تحسين ترتيبها على محركات البحث.

4. تقليل معدل ارتداد الزوار: بفضل سرعة تحميلها الفائقة تساعد صفحات الجوال المسرعة على تقليل معدل ارتداد الزوار عن الصفحات.

هذا يرجع لتفضيل الزوار صفحات المواقع التي يتم تحميل محتواها بسرعة مما يجعلهم يستمرون في تصفحها عوضًا عن إغلاقها أو تجاهلها.

5. تحسين تجربة الإعلانات: تساعد صفحات المواقع المسرعة على تحسين تجربة عرض الإعلانات مما يزيد من فرص ومعدلات الربح منها.

هذا لأنها تعتمد على إعلانات سريعة التحميل مخصصة لصفحات الجوال المسرعة تعرف باسم AMP Ads.

تحل هذه الإعلانات محل الإعلانات العادية التي تحتاج وقت أطول للتحميل على متصفحات الأجهزة المحمولة.

6. توفير البيانات: تستخدم AMP تقنيات مثل تحميل الصور المتأخر وتأجيل تحميل المحتوى غير المرئي لتقليل استهلاك البيانات للمستخدمين.

هذا يقلل تكلفة استخدام الإنترنت عند تصفح المواقع التي تستخدم هذه التقنية وهو أمر يفضله مستخدمي الأجهزة المحمولة.

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

7. دعم عدد متنوع من الأجهزة المحمولة: يرمز حرف M في AMP إلى Mobile Device بشكل عام وليس Mobile بمعنى الهواتف المحمولة فقط.

بمعنى آخر تدعم صفحات الجوال المسرعة العرض على جميع الأجهزة المحمولة هذا يتضمن الهواتف الذكية والأجهزة اللوحية والأجهزة المثيلة لها.

8. لها تأثير إيجابي على مواقع التجارة الإلكترونية: يمكن استخدام التقنيات المستخدمة في صفحات الجوال المسرعة في صفحات مواقع التجارة الإلكترونية.

في هذه المواقع تحسين سرعة التحميل يؤدي بالتبعية إلى تحسين تجربة التسوق مما ينتج عنه زيادة في مبيعات هذه المواقع.

عيوب صفحات الجوال المسرعة AMP

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

هذه العلامة التي كانت تظهر بهذا الشكل ⚡ كانت توضح للمستخدمين أن الصفحة التي تظهر أمامهم في نتائج البحث هي صفحة جوال مسرعة.

وبعدم ظهور هذه العلامة لم تعد صفحات الجوال المسرعة يمكن تمييزها عن باقي الصفحات في نتائج البحث.

2. تصميم محدود: تعتمد تقنية AMP على مجموعة من الإرشادات والقيود التصميمية الصارمة لضمان تحميل سريع وتجربة مستخدم سلسلة.

تلك القيود قد تقيد المرونة والإبداع في تصميم وتخطيط صفحات المواقع المسرعة وتحد من جاذبيتها أمام الزوار.

3. عدد إعلانات أقل: تهدف عملية إنشاء صفحات الجوال المسرعة إلى التخلص من العوامل التي قد تؤدي إلى إبطاء هذه الصفحات أو التأثير على أدائها، هذا للأسف يتضمن تقليل عدد الإعلانات المسموح إضافتها في هذه الصفحات.
4. تأخير في تحديث بيانات ومحتوى صفحات المواقع: بسبب طريقة عمل AMP Cache قد يتأخر تحديث محتوى صفحات الجوال المسرعة، هذا لأن عملية تخزين هذه الصفحات على سرفرات محركات البحث قد تأخذ بعض الوقت.

اقرأ أيضاً: كيف اجعل موقعي الالكتروني اسرع في التحميل

أهم عناصر صفحات الجوال المسرعة AMP

1. AMP HTML
   AMP HTML هي HTML العادية لكنها معدلة بشكل يساعد على تحميل صفحات المواقع التي تعتمد عليها بشكل أسرع.

بمعنى أخر هي HTML بعد أن تم إزالة العناصر والخصائص التي يمكن أن تساهم في إبطاء تحميل صفحات المواقع الإلكترونية منها.

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

على سبيل المثال تبدأ صفحات المواقع الغير مسرعة بالإشارات (Tags) التالية:

أما الصفحات المسرعة فتبدأ بالصيغة التالية:

أو

طبقًا إلى دليل مطورين برمجة صفحات الجوال المسرعة AMP يمكن تعديل العديد من الإشارات Tags بشكل مماثل، هذه التعديلات لا تؤثر بشكل كبير على هيكلة الصفحات بشكل عام، لكنها تلعب أكثر من دور في تسريع عملية تحميلها.

2. AMP JavaScript
   يعد التعامل مع JavaScript أو JS من حيث الحذف أو التعديل أمرًا صعبًا، هذا يرجع إلى مدى تأثير هذه اللغة على حيوية وتفاعل صفحات المواقع الإلكترونية من ناحية، وكثرتها التي يمكن أن تجعل هذه الصفحات بطيئة التحميل وغير مستجيبة من ناحية أخرى.

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

3. AMP Cache
   AMP Cache هي عبارة عن شبكة تسليم محتوى (CDN) تعتمد على خادم يلعب دور الوسيط أو الوكيل بين الزائر والموقع، هذا يتم من خلال قيام هذا الخادم بتخزين ومعالجة صفحات الجوال المسرعة مسبقًا قبل أن يطلبها المستخدمون.

AMP Cache هي التقنية الأساسية التي تساهم في تسريع تحميل تساعد صفحات الجوال المسرعة، هذا يرجع لتوفيرها إمكانية تحميل أجزاء مختلفة من المواقع وصفحاتها من خوادم مختلفة في وقت واحد.

أيضًا تسمح تقنية AMP Cache لزوار المواقع بتحميل محتويات المواقع من الخوادم التي تقع في مناطق جغرافية قريبة منهم، هذا يساهم أيضًا في تسريع عملية جلب محتويات المواقع وعرضها.

حاليًا هناك شركتين أساسيتين في مجال توفير خدمة أو تقنية AMP Cache للمواقع وهي:

جوجل وخدمتها Google AMP Cache
بنج وخدمتها Bing AMP cache
تقوم هذه الشركات بتخزين صفحات الجوال المسرعة مؤقتًا عندما تكتشف وجود إشارات HTML الخاصة بها.

بهذا الشكل عندما يريد مستخدمي الأجهزة المحمولة تصفح صفحة موقع معين ترسل له بينج أو جوجل النسخة المسرعة منها التي قامت بتخزينها.

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

اقرأ أيضاً: ما مقدار الأموال التي تجنيها مواقع الويب من الإعلانات

خطوات إنشاء صفحات الجوال المسرعة

1. إضافة عناصر صفحات AMP

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

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

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

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

أيضاً تمكنك إضافة AMP for WP – Accelerated Mobile Pages من التحكم بشكل أكبر في عناصر AMP في صفحات موقعك ومن ثم التحكم في شكل وظهور صفحات AMP.

وفي هذه الحالة لن تحتاج للنقطة رقم 2 و 3 حيث يتم ضبطهما بشكل آلي من خلال الإضافة.

2. تحديد عناصر الصفحات التي يود صاحب الموقع منحها أولوية في الظهور

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

غالبًا يقوم أصحاب المواقع بإعطاء محتوى الصفحات الأساسي (المكتوب مثلًا) والإعلانات أولوية الظهور عند تحميل الصفحات.

3. ضبط الصور والوسائط لتكون متوافقة مع تقنيات صفحات الجوال المسرعة

يتم في هذه الخطوة إضافة الصور والوسائط في صفحات AMP باستخدام العناصر والإشارات الخاصة بها، على سبيل المثال تتحول إلى و

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

4. تحسين الأداء

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

5. التحقق من صحة صفحات الجوال المسرعة وخلوها من الأخطاء

في هذه الخطوة يتم استخدم أدوات التحقق للتأكد من أن صفحات AMP التي تم إنشاؤها متوافقة مع أساسيات هذه التقنية.

هناك عدة أدوات يمكن الاعتماد عليها للقيام بهذا الدور أشهرها:

AMP Test Tool
Chrome DevTools
في هذه الخطوة يتم أيضًا إجراء اختبارات لأداء صفحات AMP على مختلف الأجهزة والمتصفحات وتحسينها حسب الحاجة.

6. نشر صفحات الجوال المسرعة

في هذه الخطوة يتم نشر صفحات AMP على المواقع والتأكد من أن روابطها صحيحة وتعمل بشكل سليم على الأجهزة المحمولة.

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

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

الاختيار قد يكون أيضًا للصفحات التي يزورها مستخدمي الأجهزة المحمولة بمعدلات كبيرة للحفاظ على معدلات زيارتهم وزيادتها.