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

WordPress AMP

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

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

سنشرح كيفية اعداد Google AMP لمواقع ووردبريس بطريقتين:

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

هيا بنا نبدأ.

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

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

كيفية اعداد Google AMP لمواقع ووردبريس خطوة بخطوة - تصنيف أعلى في جوجل

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

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

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

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

AMP Plugin

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

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

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

تثبيت اضافة AMP

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

يمكنك أيضًا تعيين ما إذا كنت تريد إعداد 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؟ هل تستخدمه لاستهلاك المحتوى؟ هل نفذته في موقع الويب الخاص بك؟ نود أن نسمع منك في التعليقات!

فيما يلي بعض المقالات التي اخترتها لك يدوياً لتقراها بعد ذلك:

أنمار النقيب

حول أنمار النقيب

مدون & مطور، أُشارك كل ما تعلمته حول تحسين مواقع ووردبريس للسرعة، ودروس تحسين محركات البحث (SEO). إقرأ سيرتي الذاتية لتتعلم المزيد عني.

4 تعليقات

  1. اولاً مشكور على الشرح الرائع.
    ثانياً عندي مشكلة بعد استخدام AMP for WP صفحات الجوال لا تظهر فيه أي صورة من صور الصور الموجودة في المقالات

  2. ما شاءالله تبارك معلومات غنية جدا ومجهود جبار بارك الله بك انا اتباع منذ زمن تقنية amp وكل ما اقوم باضافتها تظهر لي اخطاء كثيرة في جوجل قنصل وانظر من الصعب حلها وخصوصا حنما يتكلمون بصيغة حتى هم لا يفهمونها
    ولكن اليوم مع موضوعك الرائع اعدت تركيبها
    مشكور مجهود جبار ورائع

اترك تعليقاً

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