كيفية تنفيذ AMP (إذا كان يجب عليك فعلاً): دليل البدء السريع لصفحات الجوال السريعة

يريد كل من الباحثين ومحركات البحث أن تكون صفحات الويب سريعة البرق. لذلك ليس من المستغرب أن تكون سرعة الصفحة عامل ترتيب في خوارزمية بحث Google.

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

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

يمكن أن تقدم AMP مزايا إضافية: الظهور في مكتبة AMP في بحث Google ، وتقديم تجربة أفضل للباحثين.

هل AMP مناسب لموقعك؟

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

بمرور الوقت ، انتشرت AMP إلى أنواع أخرى من المواقع - لا سيما المعلنين ومنصات تكنولوجيا الإعلانات ومواقع التجارة الإلكترونية وكذلك الناشرين.

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

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

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

ما هي بدائل تنفيذ AMP؟

• شبكة توصيل المحتوى . تعمل شبكات CDN من خلال تقريب ملفات الموارد الأثقل على الموقع من المستخدم النهائي. تعني المسافة الأقل للانتقال تسليمًا أسرع ، بحيث يتم عرض صفحاتك بسرعة أكبر على جهاز محمول.
• تم تنفيذه بالكامل HTTP / 2 . يعمل بروتوكول HTTP / 2 على تسريع نقل البيانات على الويب. لذلك إذا كان السوق الخاص بك يحتوي على سرعات إنترنت 4G أو 5G وكان موقع الويب الخاص بك ممكّنًا HTTP / 2 ، فربما لا تحتاج إلى AMP على الإطلاق.
• تكنولوجيا تطبيقات الويب التقدمية . يمكن لـ PWAs جعل موقع الويب الخاص بك يتصرف مثل تطبيق جوال محلي. لقد كتبنا عن هذه من قبل (انظر ما هو تطبيق الويب التقدمي).

إليك قصة لتوضيح عبارة HTTP / 2.

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

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

يعتبر حل AMP أكثر منطقية في البلدان / المناطق ذات السرعات البطيئة للشبكة. على سبيل المثال ، ساعد مكتب Bruce Clay India لدينا في تنفيذ AMP لبعض العملاء هناك بنتائج جيدة.

إذا كنت تعتقد أن AMP مناسبة لك وأنت على استعداد للبدء ، فسأحدد الخطوات الأولى الأساسية.

كيفية تنفيذ Accelerated Mobile Pages

لتنفيذ Accelerated Mobile Pages لموقع الويب الخاص بك وتتبع النتائج ، هناك ثلاث خطوات أساسية:

1. أنشئ نموذج صفحة AMP.
2. طرح صفحات AMP.
3. تتبع مع التحليلات.

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

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

1. أنشئ نموذج صفحة AMP

تتمثل الخطوة الأولى في تنفيذ AMP في إنشاء نموذج لصفحة الويب.

يتكامل AMP مع العديد من منصات النشر المختلفة. يمكنك عرض القائمة في دليل البدء السريع لـ AMP واختيار نظام إدارة المحتوى الخاص بك للحصول على مزيد من التفاصيل.

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

مؤشرات إنشاء نموذج AMP:

• عند إنشاء نموذج صفحة لـ AMP ، تأكد من أنه يتوافق مع مواصفات AMP. يمكنك العثور على إرشادات حول تنسيق HTML والمزيد في صفحة مواصفات AMP.
• عند تصميم الصفحة ، لن يكون لديك JavaScript تحت تصرفك. قم بتضمين العديد من علامات <amp *> المخصصة التي تحتاجها لجعل التخطيط يبدو جيدًا. يتضمن ذلك استخدام الصور ومقاطع الفيديو والصوت سريعة الاستجابة (راجع بدائل AMP للحصول على التفاصيل).
• أبقيها بسيطة. بعد كل شيء ، فإن الهدف من AMP هو الحصول على صفحة ويب نظيفة ومجردة.
• قم بتضمين نوع من التنقل إلى المجال الخاص بك في كل صفحة. يمكنك الارتباط من شعار أو صورة أو نص. نظرًا لأن صفحات AMP يتم عرضها من ذاكرة التخزين المؤقت لـ Google ، فإن إعطاء الباحثين رابطًا أمر ضروري لمحاولة الاحتفاظ بها على موقع الويب الخاص بك.
• إذا كنت تريد الاحتفاظ بالإعلانات على صفحات الويب الخاصة بك ، فيجب عليك ترحيلها. استخدم مكوِّن amp-ad. إذا لم تتمكن من استخدام <amp-ad> ، فلا تقم بتضمين الإعلانات في نماذج AMP الخاصة بك. (يمكنك قراءة المزيد عن الإعلانات على AMP هنا.)
• أخيرًا ، تحقق من صحة صفحة AMP. سيؤدي خطأ أو تحذير واحد فقط إلى إبقاء الصفحة خارج ذاكرة التخزين المؤقت لصفحات AMP. لذا فإن التحقق من الصحة هو خطوة حاسمة. تحقق من هذه الصفحة لأخطاء التحقق الشائعة.

يوضح هذا الفيديو الذي أنتجه مشروع AMP كيفية التحقق من صحة الصفحات:

2. طرح صفحات AMP

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

اعتمادًا على معدل الزحف إلى موقعك ، قد يستغرق الأمر يومين قبل أن يعثر محرك بحث Google على إصدار AMP للصفحة ويتحقق منه ويفهرسه.

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

3. تتبع التحليلات

ستحتاج إلى تتبع أداء صفحات AMP الخاصة بك. نظرًا لأن AMP analytics ستكون مختلفة عن Google Analytics العادي ، اقرأ هذا الدليل لفهم كيفية عمله.

يمكنك تتبع الصفحات عبر التحليلات الداخلية أو التحليلات الخاصة بطرف ثالث. يمتلك العديد من بائعي التحليلات تكوينات مضمنة لـ amp-analytics.

يمكنك استخدام amp-pixel للتتبع البسيط وتحليلات amp-analytics لكل شيء آخر.

التوصيات الفنية أثناء إعداد التتبع:

• تأكد من استخدام عنوان URL الأساسي والمتغيرات الأخرى لتحديد ما يجب تسجيله. هذا ضروري لفهم أي زيادة أو نقصان في حركة المرور بسبب AMP.
• استخدم سمة extraUrlParams في تحليلات amp ‐ لإضافة معلمة سلسلة طلب البحث إلى عنوان URL الأساسي مثل "type = amp" أو شيء مشابه. سيسهل هذا التمييز بين صفحات AMP وصفحات الويب العادية في التحليلات ، أو لإنشاء شريحة مخصصة إذا احتجت إلى ذلك. بهذه الطريقة ، يمكنك مقارنة إجمالي عدد الزيارات على الصفحات قبل وبعد إطلاق AMP.

ملاحظة جانبية: كيفية عمل Accelerated Mobile Pages

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

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

إليك ما يمكن أن تفعله عملية AMP:

• تنفيذ JavaScript غير متزامن فقط - لا ينتظر تحميل الملفات الكبيرة.
• موارد الحجم (مثل الصور والإعلانات وإطارات iframes) بشكل ثابت - يعرف المتصفح بالضبط كيف سيتم تخطيط الصفحة من البداية.
• لا تدع الإضافات تحظر العرض - لا يتعين على الصفحة الانتظار حتى إذا كانت هناك ملحقات قادمة.
• احتفظ بجافا سكريبت الطرف الثالث بعيدًا عن المسار الحرج - تقتصر أشياء مثل الإعلانات على إطارات iframed في وضع الحماية.
• السماح بـ CSS المضمنة فقط - ملفات CSS المتضخمة لا تؤخر الصفحة.
• لا توجد طلبات HTTP حتى يبدأ تنزيل الخطوط - يحافظ على كفاءة الخطوط.
• تقليل عمليات إعادة حساب النمط - تحدث جميع قراءات DOM مسبقًا لتخطيط الصفحة.
• قم بتشغيل الرسوم المتحركة المسرَّعة بواسطة GPU فقط - تتعامل وحدة معالجة الرسومات مع الرسوم المتحركة المرئية (التحويل والتعتيم) ، مما يقلل الضغط على وحدة المعالجة المركزية.
• تحديد أولوية تحميل الموارد - يتم تنزيل أهم الموارد (في الجزء المرئي من الصفحة) أولاً.
• تحميل الصفحات عبر محتوى معروض مسبقًا - قد يكون المحتوى في الجزء المرئي من الصفحة متاحًا حتى قبل أن يحدده المستخدم ، لذلك يظهر فورًا عند النقر.

يوضح هذا الفيديو كيفية تسريع AMP لصفحات الويب:

أفكار ختامية

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

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

لكن نصيحتي لمعظم المواقع هي: إعادة النظر.

ما لم يكن ذلك أمرًا بالغ الأهمية لعملك ، يُرجى عدم تنفيذ AMP.

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

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

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