طريقة تسريع الووردبريس عن طريق إضافة Google AMP

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

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

ومن أهم التقنيات لمساعدتك في لتسريع موقعك على الهواتف المحمولة هي عن طريق Accelerated Mobile Pages والتي يُشار إليها اختصارًا بـ (Google AMP) أو بالعربي “صفحات الويب المسرعة” .

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

في هذا المقال سأقوم بشرح طريقة إضافة Google AMP إلى مدونة الووردبريس.

ما هو جوجل AMP؟

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

صورة توضيحية موقع عربي (طريق المسافر) يدعم AMP :

مثال amp على مدونة عربية

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

AMP Search Result

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

طريقة تنصيب إضافة Google AMP على الووردبريس

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

في الأسطر القادمة سأقوم بشرح طريقة تثبيت إضافة  Google Amp كما ساقوم ايضا بشرح طريقة تثبيت الاضافة التابعة لها وطريقة ضبط إعداداتها.

تركيب إضافة Google AMP الرسمية

سنقوم بتثبيت اضافة Google AMP، طبعا قم بتركيبها كأي إضافة اخرى من هذا الرابط WordPress AMP Plugin.

إضافة Google AMP

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

لتحقق من أن AMP يعمل على بشكل جيد على مدونتك، قم بإضافة /amp في اخر رابط مدونتك أو إلى أخر رابط إحدى مقالاتك.

مثال : https://www.kiwifu.com/amp

كما أود ان أشير ان الاضافة لن ينتج عنها أي محتوى مكرر فهي تقوم تلقائيا بإضافة الوسم rel=”canonical” وبهذا يتم إعلام محرك البحث جوجل أن المحتوى غير مكرر.

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

تثبيت وضبط إعدادات Google AMP

لتتمكن من التحكم في إعدادات Google AMP، يتوجب عليك تنصيب إضافة WP AMP.

AMP for WP – Accelerated Mobile Pages

أود ان اشير ان إضافة WP AMP مرتبطة بالاضافة الرسمية (Google AMP) التي قمنا بتنصيبها من قبل وبدونها فلن تعمل.

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

لوحة تحكم AMP

يمكننا البدء الان في تخصيص ال AMP عن طريق الضغط على General من قائمة تبويب AMP.

تبويب General:

  1.  Logo : لرفع شعار المدونة ليتم إضافته على AMP
  2. Front Page : يمكنك تركه على OFF
  3. AMP on Pages : يمكنك تركه على OFF
  4. Non-AMP HomePage link in Header and Logo : يمكنك تركه على OFF

AMP General Setting

تبويب Analytics:

هذا التبويب لإضافة إحصائيات جوجل Google Analytics لموقعك

AMP Analytics Setting

تبويب Analytics:

هناك يمكنك تخصيص شكل مدونتك بالضغط على Launch Post Builder

AMP Design Setting

AMP Design Customize Setting

تبويب SEO:

هذا التبويب له علاقة بإضافة Yoast SEO فإن كانت الإضافة مفعلة على مدونتك فيمكن تخصيص الخيارات كما تشاء.

يمكنك الإطلاع على شرح تنصيب وضبط إعدادات إضافة Yoast WordPress SEO

AMP SEO Setting

تبويب Menu:

هنا يمكنك إضافة قائمة التصفح لصفحات أو تصنيفات مدونتك.

AMP Menu Setting

تبويب Advertisement:

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

AMP Advertisement Setting

تبويب Single:

من هنا يمكنك تخصيص طريق عرض المقالة، فيمكنك اختيار تفعيل ظهور او إخفاء الصورة المميزة للموضوع أو إضافة أيقونات النشر أو عدد المواضيع دات صلة وغيرها من الخصائص.

AMP Single Setting

تبويب Social:

هنا يمكنك إن تقوم بإظار أو إخفاء أيقونات النشر أو مواقع التواصل الإجتماعي ويمكنك إظهار وإخفاء ماتود.

AMP Social Setting

تبويب Structured Data:

هناك لتخصيص ترميز البيانات المنظمة الخاصة ب AMP, ينمكن هنا رفع شعار مخصص لمدونتك ليتم إظهاره في ترميز البيانات وأيضا صورة رمزية التي تود عرضها ومقياسها : عرضها وطولها.

AMP Structured Data Setting

تبويب Notifications:

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

AMP Notifications Setting

تبويب Translation Panel:

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

AMP Translation Panel Setting

تبويب Advance Settings

AMP Advance Settings

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

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

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

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