كيفية اعداد Google AMP لمواقع ووردبريس – دليل خطوة بخطوة

Share on facebook
Facebook
Share on twitter
Twitter
Share on linkedin
LinkedIn
Share on pinterest
Pinterest
Share on email
Email
Share on facebook
Facebook
Share on twitter
Twitter
Share on whatsapp
WhatsApp
WordPress AMP

مرحبًا بك في الجزء الثاني من دليل WordPress AMP. في مقالنا السابق ، تعلمنا عن أهمية إستراتيجية الويب للجوال أولاً وكيف يمكن أن يكون AMP مغيرًا محتملاً للعبة. في دليل اليوم ، سنتعلم عن:

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

سنشرح كيفية إعداد WordPress AMP بطريقتين:

  1. استخدام اضافة AMP الرسمية من Google.
  2. عبر اضافة AMP for WP من قبل Ahmed Kaludi.

هيا بنا نبدأ.

فيديو شرح إعداد AMP للووردبريس

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

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

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

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

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

AMP Plugin

يعد إعداد AMP لموقع ووردبريس عملية بسيطة للغاية. كل ما عليك فعله هو تثبيت اضافة AMP من WordPress التي طورها Automattic وسيتبعه الباقي.

  • توجه إلى لوحة تحكم WordPress > إضافات > أضف جديد.
  • ابحث عن “AMP”.

حدد اضافة AMP من قبل AMP Project Contributors وانقر على التنصيب الآن.

تثبيت اضافة AMP

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

Advertisements

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

AMP settings

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

ربما ستلاحظ أنه لا يوجد الكثير من خيارات التخصيص هنا. لحسن الحظ ، هناك العديد من المكونات الإضافية التي يمكنك استخدامها لتوسيع اختياراتك. على سبيل المثال ، يمكنك استخدام Glue for Yoast SEO & AMP لدمج المكوّن الإضافي Yoast SEO في إعداد AMP.

انتقل إلى إضافات > أضف جديد ، ثم ابحث عن المكون الإضافي Yoast SEO وقم بتثبيته وتنشيطه.

بعد ذلك ، افعل نفس الشيء مع Glue for Yoast SEO & AMP. ثم ، انتقل إلى SEO -› AMP في لوحة التحكم.

من هناك ، ستحصل على خيارات إضافية لتخصيص صفحات AMP في موقعك:

Glue For Yoast SEO

مرة أخرى ، لا تنس حفظ تغييراتك عند الانتهاء من تكوين موقعك.

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

2. استخدام اضافة AMP for WP

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

لا يحتوي المكون الإضافي AMP على خيارات لإجراء مثل هذه التغييرات. كان هدفها توفير طريقة سريعة وسهلة لجعل محتوى WordPress الموجود لديك بالكامل متوافقًا مع AMP – وهي وظيفة جيدة جدًا.

للذين يبحثون عن تصميم جذاب وخيارات أكثر ، أدخل AMP for WP.

AMP for WP plugin

يعمل هذا البرنامج المساعد المجاني على توسيع قدرات AMP في WordPress من خلال تقديم وظائف إضافية مثل:

  • تكامل Google Analytics
  • دعم صفحات المتجر الإلكتروني
  • الوظائف ذات الصلة أسفل المقالات
  • قائمة التعليقات الأخيرة
  • تحميل شعار مخصص
  • شريط المشاركة الاجتماعية
  • دعم لتضمين محتوى غني بما في ذلك مقاطع الفيديو والمحتوى من منصات المحتوى مثل YouTube و Instagram و Twitter و Vine وما إلى ذلك.

كالعادة ، يمكنك تثبيت هذا المكون الإضافي على غرار الطريقة التي ثبَّتنا بها المكون الإضافي AMP في بداية هذا المنشور.

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

دعنا نلقي نظرة فاحصة على خيار الإعدادات:

اعدادات AMP for WP

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

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

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

اعدادات AMP for WP

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

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

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

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

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

هناك إضافات لتنفيذ تقييمات النجوم ، وهي مثالية للمنتجات أو الملفات الشخصية العقارية ؛ دمج AMP WooCommerce Pro ، باستخدام أنواع منشورات مخصصة والمزيد:

AMPforWP extensions

وإليك كيف تبدو صفحة AMP لموقعنا مع اضافة AMP for WP التي تعمل على مدونة النقيب للمعلوماتية.

مثال صفحة AMP

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

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

كيفية التحقق من أخطاء صفحات AMP

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

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

  • قم بزيارة موقع Amp Validator.
  • ادخل رابط صفحة AMP معينة كما في الصورة.
AMP Validator

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

طريقة أخرى فعالة للتحقق من AMP هي استخدام امتداد AMP Validator لـ Google Chrome.

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

استنتاج

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

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

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

إذا كنت مقتنعًا بأن محتوى موقعك على الويب منظم بشكل تقني وفقًا لأحدث المعايير ، فاستمر في AMP بكل الوسائل! ستعزز SEO فقط.

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

ما رأيك في AMP؟ هل تستخدمه لاستهلاك المحتوى؟ هل نفذته في موقع الويب الخاص بك؟ نود أن نسمع منك في التعليقات!

شارك المعرفة:

Share on facebook
Share on twitter
Share on linkedin
Share on pinterest
Share on reddit
Share on skype
Share on email
Share on tumblr
Share on pocket
Share on stumbleupon
Share on print

شارك المعرفة:

Share on facebook
Share on twitter
Share on linkedin
Share on whatsapp
Share on telegram
Share on pinterest
أنمار النقيب

أنمار النقيب

مدير التحرير في النقيب للمعلوماتية. هو يعمل بدوام كامل في التدوين، هو مهندس مدني ، يوتيوبر ، خبير SEO ، خبير في التسويق الرقمي ، ولديه خبرة 3 سنوات في التسويق عبر فيسبوك و 2 سنوات في التدوين.

مقالات ذات صلة

الإشتراك
نبّهني عن
guest
2 تعليقات
الأقدم
الأحدث
Inline Feedbacks
View all comments
انتقل إلى أعلى