دليل AMP: ما هو AMP وكيفية إعداده على موقع WordPress

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

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

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

لماذا يجب أن يحدث؟

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

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

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

قبل أن نتعمق بالفعل في المناقشة المتصاعدة حول ما يمكن أن تفعله Google AMP ، دعنا أولاً نناقش ما هو Google AMP في الواقع ، بطريقة مفصلة.

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

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

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

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

الطريقة ، كما ذكرنا أعلاه ، تشبه إلى حد كبير مقالات Facebook الفورية. لكن هناك تناقض واحد! على عكس AMP ، ستقتصر المقالات الفورية على Facebook فقط. وليس فقط لإصدار الويب من Facebook ، ولكن لتطبيق الهاتف المحمول الخاص بهم. ومع ذلك ، يمكن أن تعمل AMP في أي مكان تقريبًا. يمكن استخدامها من قبل جميع أنواع التطبيقات ومتصفحات الويب وحتى عارضات الويب. في الوقت الحالي ، لا يتم استخدامه من قِبل Google فحسب ، بل يتم استخدامه أيضًا من قِبل LinkedIn و Twitter و Reddit وغيرها.

هل تستحق Google AMP كل هذا الضجيج حقًا؟

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

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

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

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

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

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

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

الآن ، نصل مباشرة إلى النقطة!

إعداد Google AMP لموقع WordPress الخاص بك.

من السهل جدًا إعداد ملف تعريف AMP الخاص بك وربطه بموقع WordPress الخاص بك. نحيي جميعًا قوة المكون الإضافي الرسمي لنفسه من قِبل Google نفسها. لا يتطلب المكون الإضافي الرسمي AMP تكوينات ولهذا السبب قد ترغب في إضافة ملحقات إضافية لجعله يعمل بكامل طاقته.

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

تثبيت

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

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

إعداد برنامج Google Analytics الخاص بك

بمجرد تثبيت المكون الإضافي AMP ، يجب أن تبحث عن تثبيت Google Analytics. لإعداد Google Analytics ، ستحتاج إلى العثور على معرّف التتبع الخاص بك. بعد ذلك ، سيُطلب منك تسجيل الدخول إلى Google Analytics ثم النقر فوق رمز الترس الذي يظهر في الجزء السفلي الأيسر من الشاشة ، والذي سيتم من خلاله توجيهك إلى لوحة المسؤول. بمجرد تحديده ، ستختار الآن الحساب والممتلكات ، مباشرة من القوائم المنسدلة. عندما تنظر إلى الخيارات الموجودة أسفل عمود الخاصية ، سترى علامة تبويب أسماء "معلومات التتبع". انقر فوق نفسه لرؤية معرف التتبع الخاص بك. يبدأ هذا المعرّف عادةً بـ UA.

انسخ معرف التتبع هذا وقم بتسجيل الدخول إلى النظام الأساسي لموقع WordPress الخاص بك. على الجانب الأيسر من شاشتك ، انقر فوق التنقل ، ثم انتقل إلى AMP ومن AMP ، انقر فوق Analytics. الصق معرّف التتبع الخاص بك حيث يتم ذكر "Google Analytics". بمجرد القيام بذلك ، يجب عليك الآن النقر فوق "حفظ التغييرات" وتكون قد انتهيت.

تكوين إعدادات البرنامج المساعد الخاص بك

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

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

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

اختبر تهيئة AMP

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

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

1. يجب أن تذهب إلى موقع الويب هذا - search.google.com/test/amp ويجب عليك إسقاط عنوان URL لصفحة موقعك على هذا الموقع. بمجرد القيام بذلك ، يجب عليك الآن النقر فوق "تشغيل الاختبار". سترى نتائجك ، سواء كانت صحيحة أو غير صالحة.

2. يساعد الخيار الثاني على وجه التحديد الأشخاص الذين يستخدمون متصفح الويب Google Chrome. إذا كنت تستخدم أي متصفح ويب آخر للوصول إلى الإنترنت ، مثل Mozilla Firefox و Safari وما إلى ذلك ، فلن ينطبق هذا الخيار حقًا عليك بشكل صحيح.

   يجب عليك فتح صفحة AMP في متصفح Google Chrome وإلحاق # development = 1 بعنوان URL الخاص بموقعك.

   الشيء التالي الذي يجب عليك فعله هو فتح Chrome Dev Tools Console ، من قائمة Google Chrome نفسها ثم تحديد "المزيد من الأدوات". بعد ذلك ، يجب النقر فوق "أدوات التطوير" ثم النقر فوق "وحدة التحكم".

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

3. الخيار الثالث الذي يمكنك اتباعه هو الانتقال إلى موقع الويب هذا - validator.ampproject.org ولصق عنوان URL لصفحة AMP هنا ، في حقل عنوان URL المذكور. بمجرد لصقها ، يجب النقر فوق "التحقق من الصحة".

   إذا كانت هناك أي أخطاء أو مشاكل ، فستقوم هذه الأدوات بتمييزها ووضع علامة عليها في HTML.

إرسال عنوان URL لصفحات AMP لعملية الفهرسة

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

إذا لم تكن كذلك ، فهناك خيار آخر لك. سيعمل هذا إذا قمت بتسجيل الدخول إلى حساب Google Search Console الخاص بك. بمجرد القيام بذلك ، يمكنك البحث عن "إرسال إلى Google" ثم إرسال عنوان URL الخاص بموقعك مباشرةً.

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

اعرض Google Search Console لتحرّي كل خطأ وإصلاحه.

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

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

اختبار سرعة الصفحة.

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

وفويلا! انتهيت. يمكنك البدء في رحلتك مع AMP.

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