صفحات الجوال المسرعة كيفية إنشائها بكفاءعالية

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

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

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

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

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

تواجه متصفحات الهواتف المحمولة قيودًا مقارنةً بمتصفحات أجهزة الكمبيوتر، مما يؤدي إلى بطء تحميل الصفحات العادية، وهذا قد يؤدي إلى مغادرة حوالي 40% من الزوار قبل أن يتمكنوا من رؤية المحتوى.

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

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

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

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

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

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

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

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

4. تقليل معدل ارتداد الزوار: تُساعد السرعة الفائقة لصفحات الجوال المسرعة في تقليل نسبة ارتداد الزوار، حيث يفضل المستخدمون البقاء على الصفحات التي تُحمّل بسرعة بدلاً من مغادرتها.

5. تحسين تجربة الإعلانات: تسهم هذه الصفحات في تحسين عرض الإعلانات، مما يزيد فرص زيادة العائدات، من خلال استخدام إعلانات سريعة التحميل مصممة خصيصاً لصفحات AMP.

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

7. دعم مجموعة متنوعة من الأجهزة المحمولة: يرمز حرف "M" في AMP إلى الأجهزة المحمولة بشكل عام، مما يعني أنها تدعم العرض على كافة أنواع الأجهزة المحمولة، بما في ذلك الهواتف الذكية والأجهزة اللوحية.

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

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

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

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

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

AMP HTML هي نسخة معدلة من HTML التقليدية تهدف إلى تسريع تحميل صفحات المواقع.

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

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

   <!DOCTYPE html>

   <html>

بينما تبدأ صفحات AMP بالصيغتين:

   <!DOCTYPE html>

   <html ⚡>

   أو

   <html amp>

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

يعتبر التعامل مع JavaScript (JS) من الأمور الحساسة، حيث يمكن أن يؤثر بشكل كبير على تفاعل وحيوية صفحات الويب، بينما يؤدي استخدام كميات كبيرة منها إلى بطء التحميل.

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

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

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

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

 حاليًا، تعتبر جوجل (من خلال خدمة Google AMP Cache) وبنج (من خلال خدمة Bing AMP Cache) من الشركات الرائدة في هذا المجال.

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

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

تتضمن عناصر صفحات الجوال المسرعة مكتبة AMP، التي تحتوي على خصائص محددة تسهل عملية تطوير الصفحات.

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

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

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

 "AMP for WP – Accelerated Mobile Pages" لتبسيط عملية الضبط.

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

يجب إضافة الصور والوسائط باستخدام العناصر الخاصة بها، على سبيل المثال، يتم تحويل `<img>` إلى `<amp-img>` و `<video>` إلى `<amp-video>`. كما يجب ضبط أحجام وأشكال الصور لتتناسب مع مقاسات صفحات الجوال المسرعة.

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

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

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

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

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

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

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