كيفية إعداد ووردبريس AMP لموقعك بشكل صحيح

كيفية إعداد ووردبريس AMP لموقعك بشكل صحيح
فبراير 23, 2024

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

سنشرح في هذه المقالة ماهو ووردبريس AMP وكيفية التحقيق من صحتها بطريقتين.

ما هو ووردبريس AMP

صفحة AMP الرئيسية

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

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

كيف يمكن أن يفيد موقعك؟

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

  • تعزيز السيو – الميزة الأكثر وضوحًا التي يوفرها جوجل AMP هي زيادة السرعة. نظرًا لأن سرعة الصفحة تعد عاملاً حاسمًا عندما يتعلق الأمر بتصنيفات صفحتك في صفحات نتائج محرك البحث (SERPs)، فقد يساعد ذلك في التأكد من ظهور موقعك بشكل أكبر. سيضمن جوجل AMP أيضًا ظهور صفحات موقعك في دائرة أخبار جوجل، والتي يتم منحها الأولوية فوق الموضع العلوي في عمليات بحث الهاتف المحمول، وبالتالي تعزيز تحسين محركات البحث (السيو) لديك.
  • تجربة مستخدم محسّنة – تشير التقديرات إلى أنه مقابل كل 0.1 ثانية من التحسن في تحويلات سرعة تحميل صفحات الهاتف المحمول تزيد بنسبة 8%. وجدت دراسة أكثر إثارة للقلق أن 57% من مستخدمي الإنترنت قالوا إنهم لا يوصون بشركة ذات موقع ويب للجوال سيئ التصميم. يعمل جوجل AMP على تسهيل إنشاء صفحات ويب للجوال سهلة الاستخدام، لمساعدتك على تجنب هذه المخاطر.
  • زيادة أداء الخادم – يستفيد جوجل AMP من بعض ميزات التحسين الرئيسية من جوجل. فهو يقلل من استخدام النطاق الترددي للصور (دون التأثير على جودة الصورة) ويزيد من العرض من جانب الخادم. من خلال تقليل الحمل على خادمك، تساعد AMP على تحسين أداء موقعك.

ومن ناحية أخرى، إليك السلبيات المحتملة المرتبطة باستخدام جوجل AMP:

  • قيود أوراق الأنماط المتتالية (CSS) وجافا سكريبت – على الرغم من أن جوجل AMP يمكّنك من تحقيق أوقات تحميل سريعة للغاية، إلا أن ذلك يمكن أن يأتي على حساب عناصر العلامة التجارية. ستقوم AMP بإزالة الرسومات عالية الدقة بشكل خاص، والرسوم المتحركة المتقنة، والعناصر البراقة الأخرى التي تستخدم CSS وجافا سكريبت.
  • يتم عرض الصفحات المخزنة مؤقتًا فقط – يمكن أن تُعزى السرعات العالية لـ جوجل AMP جزئيًا إلى حقيقة أنها تمكن جوجل من عرض الإصدارات المخزنة مؤقتًا من صفحات الويب الخاصة بك. ولهذا السبب، قد لا يتمكن المستخدمون لديك دائمًا من الوصول إلى أحدث إصدار من المحتوى الخاص بك.
  • إمكانات إيرادات الإعلانات مقيدة – على الرغم من أن جوجل AMP يدعم الإعلانات، إلا أن عملية تنفيذها معقدة إلى حد ما. كما أن لديها إمكانات تكامل محدودة مع منصات الإعلانات الخارجية.

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

في القسم التالي، سنغطي طريقتين لإعداد جوجل AMP، بمساعدة عدد قليل من الاضافات سهلة الاستخدام لـ ووردبريس AMP.

كيفية إعداد ووردبريس AMP باستخدام الإضافات

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

1. استخدم اضافة AMP

اضافة ووردبريس AMP

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

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

بعد ذلك، انتقل إلى المظهر > علامة التبويب AMP في لوحة التحكم. سيؤدي هذا إلى إظهار صفحة أداة تخصيص AMP. بمجرد الوصول إلى هناك، حدد علامة التبويب Design:

تصميم ووردبريس AMP

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

يمكنك أيضًا تحديد ما إذا كنت تريد عرض المنشورات أو الصفحات أو كليهما على ووردبريس AMP. للقيام بذلك، ما عليك سوى العودة إلى لوحة تحكم ووردبريس والانتقال إلى AMP > General:

إعدادات ووردبريس العامة لـ AMP

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

تعد اضافة AMP اضافة ممتازة إذا كنت تريد إضافة وظائف AMP الأساسية إلى موقعك. ومع ذلك، إذا كنت تريد مزيدًا من التحكم في مظهر موقع ووردبريس AMP الخاص بك وإمكانية توسيع وظائفه بشكل أكبر، فقد يكون الإضافة التالية لـ Accelerated Mobile Pages WordPress مناسبًا لك بشكل أفضل.

2. قم بتثبيت اضافة AMP for WP

اضافة AMP for WP

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

لاستخدام اضافة AMP هذا في ووردبريس، ستحتاج أولاً إلى الانتقال إلى الإضافات > إضافة جديد في لوحة التحكم الخاصة بك. ابحث عن “AMP for WP” وقم بتثبيت الإضافة:

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

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

  • تحسين السيو – يتضمن ذلك إعدادات وصف الميتا، والتكامل مع اضافات السيو، وما إلى ذلك.
  • الأداء – يوجد إعداد واحد للتبديل بين تشغيل وإيقاف تصغير الملف. يمكن أن يؤدي التصغير إلى تحسين سرعة موقعك.
  • التحليلات – هنا يمكنك دمج ووردبريس مع جوجل تاج مانجر، بالإضافة إلى خيارات التحليلات.
  • التعليقات – يتيح لك هذا تكوين ما إذا كنت تريد تضمين تعليقات ووردبريس و/أو Disqus و/أو فيسبوك في ووردبريس AMP الخاص بك أم لا.
  • الإعدادات المتقدمة – يمكنك إدخال HTML مخصص للهيدر والفوتر، وإعداد إعادة توجيه الهاتف الجوال، والتبديل بين تشغيل وإيقاف صور شبكية العين.

تأكد من النقر فوق حفظ التغييرات لكل إعداد بمجرد تكوينها. بعد ذلك، حدد علامة التبويب “تصميم“:

بشكل أساسي، هذا هو المكان الذي يمكنك فيه تخصيص شكل ومظهر موقع ووردبريس AMP الخاص بك. للقيام بذلك، يمكنك اختيار قالب AMP مخصص من بين عدة قوالب مدرجة في القائمة المنسدلة Theme Selector.

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

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

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

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

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

كيفية التحقق من صحة موقع ووردبريس AMP الخاص بك

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

تتضمن إحدى الطرق السريعة والسهلة لإجراء التحقق من صحة AMP استخدام أدوات المطور في متصفحك. للقيام بذلك، ستحتاج إلى فتح صفحة AMP في متصفحك المفضل. في هذا المثال، سنستخدم جوجل كروم. ستحتاج بعد ذلك إلى إضافة #development=1 إلى نهاية عنوان URL للصفحة:

https://www.example.com/blog/yourpage/#development=1

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

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

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

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

الخاتمة

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

هل لديك أي أسئلة حول كيفية إعداد اضافة AMP؟ واسمحوا لنا أن نعرف في قسم التعليقات أدناه.

اترك تعليقاً