تثبيت AMP في WordPress الخطوات التي يجب اتباعها

نشرت: 2021-06-25

يعد تثبيت AMP في WordPress ضروريًا للغاية لسيناريو اليوم لمنح مستخدمي الهاتف المحمول تجربة مستخدم أفضل.

AMP أو Accelerated Mobile Pages هي آلية ذاكرة التخزين المؤقت التي تقدمها Google بحيث يكون لموقع الويب الخاص بك وصفحات الويب سرعة تحميل أسرع.

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

فهم جوجل AMP

قبل تثبيت AMP في WordPress ، من المهم فهم ماهية AMP في الواقع. إنها تقنية مفتوحة المصدر تقدمها Google والتي ستجعل تحميل صفحات الويب الغنية بالمحتوى أسرع. يتم تحقيق ذلك من خلال استضافة صفحات الويب الخاصة بك مؤقتًا على ذاكرة التخزين المؤقت لـ Google AMP مع كود HTML و JS و CSS محدود. عندما يصل المستخدم إلى صفحات الويب الخاصة بك ، يمكن لـ Google تقديم تلك النسخة المحفوظة من ذاكرة التخزين المؤقت على الفور للمستخدم. بصرف النظر عن Google و Facebook و Twitter و Reddit و LinkedIn ، تستخدم هذه التقنية أيضًا لتقديم المنشورات بشكل أسرع لمستخدمي الأجهزة المحمولة.

ميزة Google AMP هي أنه لا يقتصر على متصفحات الجوال فقط. عندما يفتح مستخدم الهاتف المحمول صفحات الويب الخاصة بك من أي تطبيق تابع لجهة خارجية أو عارض ويب ، فإن Google AMP يعرض صفحاتك من ذاكرة التخزين المؤقت أيضًا. علاوة على ذلك ، فإن تثبيت AMP في WordPress سيساعد موقعك في الحصول على مرتبة عالية في صفحات نتائج محرك البحث. من ناحية أخرى ، نظرًا لأنه يتم حفظ صفحات الويب بمجموعة محدودة من أكواد HTML و JS و CSS ، فلن تظهر صفحة الويب بشكل كامل. سيتم تعليق أي عنصر واجهة مستخدم أو تكامل طرف ثالث مثل نماذج البريد الإلكتروني وصناديق الوسائط الاجتماعية وما إلى ذلك. ولكن لا يزال بإمكانك الحصول على Google Analytics.

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

تثبيت AMP في WordPress

الخطوة 1. تثبيت البرنامج المساعد

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

البرنامج المساعد AMP

الإضافات AMP

تحميل

الخطوة 2. التخصيص

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

الخطوة 3. فحص صفحات ويب معينة

إذا كنت تريد أن ترى كيف تبدو صفحات الويب الخاصة بك باستخدام AMP ، فيمكنك الانتقال إلى متصفحك والوصول إلى هذه الصفحة مباشرةً وبمجرد تحميلها بالكامل ، قم بإجراء تعديل في عنوان URL عن طريق إضافة / أمبير في النهاية. على سبيل المثال ، إذا كان رابط صفحة الويب العادي هو www.mysite.com/about-us ، لمعرفة إصدار AMP الخاص به ، اجعل عنوان URL مثل www.mysite.com/about-us/amp/
في حالة عدم فتح الصفحة وإظهار الخطأ 404 ، فأنت بحاجة إلى الانتقال إلى لوحة التحكم والإعدادات ثم إلى الروابط الثابتة.

بمجرد فتح الشاشة التالية ، لا تقم بإجراء أي تغيير وانقر فقط على زر حفظ التغييرات. سيؤدي هذا إلى تحديث الرابط الثابت والعودة إلى علامة تبويب المتصفح وتحديث صفحة الويب 404 وستظهر صفحة الويب.

الخطوة 4. التحقق من موقع الويب باستخدام Google Search Console

ربما يقوم بعضكم بتثبيت AMP في WordPress للحصول على تصنيف جيد على صفحات نتائج محرك بحث Google. يمكنك التحقق من كيفية ظهور موقع الويب الخاص بك على بحث Google باستخدام Google Search Console (GSC). بافتراض أنك قمت بالفعل بإضافة موقع الويب الخاص بك إلى GSC ، انتقل إلى حساب GSC الخاص بك وفي القائمة اليسرى ، انقر فوق "مظهر البحث". تحته ، ستجد Accelerated Mobile Pages. بداخله ، سترى موقع الويب الخاص بك وصفحات الويب الخاصة بك. من المهم ملاحظة أن موقع الويب الخاص بك قد لا يظهر فورًا بعد تثبيت المكون الإضافي AMP لأن Google قد تستغرق بضع ساعات إلى أيام لفهرسة صفحات الويب الخاصة بك.

التخصيص المتقدم لـ AMP

تأتي Google AMP بخيارات تخصيص محدودة. هناك مكون إضافي شائع آخر متاح يسمى Glue For Yoast SEO & AMP.

الغراء ل Yoast SEO

غراء يوست سيو

تحميل

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

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

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

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

بعد تثبيت AMP في WordPress -

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

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

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

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

تتمثل إحدى الفوائد الرئيسية لموقع الويب الذي تم تطويره باستخدام WordPress AMP في أن الصفحات يتم تحميلها أسرع بنسبة 85 في المائة من صفحات الويب التقليدية التي تم تطويرها باستخدام HTML و CSS فقط على الأجهزة المحمولة. تشير الدراسات إلى أن مستخدمي الجوال يغادرون صفحة الويب إذا استغرق تحميلها أكثر من 3-4 ثوانٍ. لذلك ، يمكن للشركات التي تستخدم تقنية AMP لتطوير صفحات مواقعها على الويب تقليل معدل ارتداد الزوار. تساعد AMP أيضًا في جعل موقع الويب أكثر توافقًا مع الجوّال.

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

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