ستساعدك المقالة التالية: كيفية إعداد Google AMP لمواقع WordPress: دليل سهل
تشغيل موقع WordPress؟ يجب أن تفكر بالتأكيد تنفيذ AMP.
نعلم جميعًا أن عدد الأشخاص الذين يحاولون الوصول إلى موقعك من الجوّال يتزايد بسرعة.
لكن معظم المواقع ليست متوافقة مع الجوّال حتى الآن. هذا هو السبب في أن Google بدأت مشروعًا يسمى AMP للتأكد من أن مواقع الويب تلبي توقعات المستخدم.
يوفر Google AMP صفحات تحميل أسرع لزوار الجوال.
هل تعلم أن أ تأخير لمدة ثانية واحدة في سرعة صفحة الويب يمكن أن تقلل التحويلات بقدر 7 في المائة؟ (مصدر من نيل باتيل)
عندما يقوم شخص ما بالوصول إلى موقعك من هاتف محمول ، ما هو الشيء الأول الذي يتوقعه؟ سرعة!
نعم ، السرعة هي العامل الحاسم.
لذلك إذا كنت تبحث عن توفير صفحات تحميل أسرع ، فتأكد من تطبيق Google AMP.
في هذا الدليل ، سنتحدث عن
- كيفية إعداد Google AMP لمدونات WordPress
- مزايا وعيوب استخدام AMP
- التحقق من صحة مشكلات AMP
- أفضل ملحقات AMP لاستخدامها في WordPress
هل أنت جاهز؟ هيا بنا نبدأ!
كيفية تنفيذ Google AMP على مدونات WordPress
ما هو جوجل AMP؟
تُعرف Google AMP أيضًا باسم Accelerated Mobile Pages ، وهي مبادرة محمولة مفتوحة المصدر من Google تم إطلاقها لتسريع ويب المحمول.
يستخدم نوعًا مخصصًا من HTML يسمى AMP HTML والذي يقدم “نسخة مجردة” من أي صفحة على موقع الويب الخاص بك إذا قمت بتمكين AMP.
إذا كان شخص ما يزور موقعك من بحث Google ، فسيقوم Google بتخزين محتوى AMP الخاص بك مؤقتًا لتحميله بشكل أسرع نظرًا لأن AMP يستخدم AMP HTML و JavaScript و CDN وما إلى ذلك لتقديم الإصدار المجرد من موقعك إلى الباحثين القادمين من أجهزة الجوال.
ربما تكون بالفعل على دراية بصفحات AMP. هل رأيت رمزًا برقًا على الجانب الأيمن لبعض نتائج بحث Google في عرض الجوال؟
إليك كيف تبدو ؛
كما ترى أعلاه ، يتم الإشارة بوضوح إلى الصفحات التي تدعم AMP برمز البرق و AMP. عندما يتم عرض صفحة عبر AMP في Google ، سيكون بجوارها رمز AMP (رمز البرق). إنها تحتوي على الصفحات المجردة وهذا هو سبب تحميلها بشكل أسرع على الأجهزة المحمولة.
فوائد Google AMP
هناك الكثير من الفوائد لتطبيق Google AMP على مواقع WordPress.
- أوقات تحميل أسرع (يتم تحميل صفحات AMP بمعدل 88٪ أسرع من موقعها للجوّال الذي لا يحتوي على صفحات AMP)
- يؤدي وقت التحميل الأسرع دائمًا إلى تفاعل أفضل للمستخدم (من لا يحب صفحات التحميل الأسرع؟)
- يقلل معدلات الارتداد بشكل كبير (بسبب سرعة تحميل الصفحات)
- في النهاية يحسن تصنيفات هاتفك المحمول
- تحويلات أفضل لمواقع التجارة الإلكترونية
- AMP هو مشروع مجاني ومفتوح المصدر
- تحسين تلقائي للصورة
علاوة على ذلك ، تعد AMP مفيدة للغاية للمحتوى غير التفاعلي.
إذا كان موقعك يتطلب الكثير من التفاعلات ، فمن المرجح أن تؤثر معايير الشفرة المنزوعة لصفحات AMP عليه. ولكن إذا تمت قراءة موقعك من قبل المستخدمين بشكل أساسي ، فلا داعي للقلق بسبب ؛ تعد AMP طريقة جيدة لزيادة سرعة صفحات الويب الخاصة بك دون فقدان الوظائف.
لذا نعم ، هناك الكثير من الفوائد لتطبيق Google AMP على مدونات WordPress.
كيفية إعداد Google AMP على WordPress
دعنا نتحدث الآن عن كيفية تنفيذ Google AMP على مدونات WordPress.
استخدم مكونات AMP الإضافية لـ WordPress
WordPress هو النظام الأول لإدارة المحتوى (CMS) في العالم لسبب ما: فهو يوفر لك الكثير من المكونات الإضافية الرائعة.
هناك عدد قليل من مكونات AMP الإضافية المتاحة لـ WordPress والتي تساعدك في إعداد Google AMP بسهولة على مدونات WordPress. فيما يلي قائمة ببعض منها.
دعنا نتحدث عن كل مكون من مكونات AMP الإضافية هذه حتى تتمكن من اختيار المكون الذي يناسب احتياجاتك.
1. AMP لـ WP
هذا هو نفس المكون الإضافي AMP الذي نستخدمه حاليًا في استضافة مواقع الويب ذات الصلة Hosting Monks.
هذا هو أحد المكونات الإضافية المستخدمة على نطاق واسع وسهلة الاستخدام والتي تضيف تلقائيًا وظائف Accelerated Mobile Pages إلى موقع WordPress الخاص بك.
إليك كيف تبدو (من صفحة الإعدادات).
أفضل جزء في استخدام هذا المكون الإضافي هو أنه يمكنك إنشاء المظهر المخصص الخاص بك باستخدام إطار عمل سمة AMP.
يمكنك أيضًا الترقية إلى حساب Pro الخاص بهم إذا كنت تريد المزيد من تخطيطات AMP والمزيد من التخصيصات.
2. AMP
هذا هو المكون الإضافي الرسمي AMP لبرنامج WordPress والذي يدعم إصدار AMP المتكامل بالكامل لجميع أنواع مواقع WordPress.
عند تثبيت وتنشيط هذا المكون الإضافي ، سيكون لجميع عناوين URL المنشورة على موقع WordPress الخاص بك إصدار “/ amp /”. هذا يعني أنه يمكنك تحديد أي منشور وإضافة / amp / إلى نهاية عنوان URL لمشاهدة إصدار AMP.
كما يوفر لك دعمًا أساسيًا للموضوع لجميع سمات WordPress الأساسية التي تتراوح من Twenty Ten إلى Twenty-Twenty.
إليك كيف تبدو صفحة الإعدادات ؛
كما أنه يوفر لك وضعًا قياسيًا حتى لا تحتاج إلى الاحتفاظ بإصدارات منفصلة من AMP وغير AMP.
الشيء الجيد في استخدام هذا البرنامج المساعد هو أنه يأتي مع أداة التحقق من الصحة (مضمنة) والتي يمكن أن تساعدك في أخطاء التحقق من الصحة.
يتم عرضها مع الكتل الخاصة بها في المحرر حتى تتمكن من إصلاحها لإظهار صفحات AMP لمستخدمي الجوال. ألق نظرة على صفحة أخطاء التحقق من الصحة.
تحقق من صحة رمز Google AMP الخاص بك
بمجرد إعداد AMP على مواقع WordPress الخاصة بك (باستخدام أي من المكونات الإضافية المذكورة أعلاه) ، تحتاج إلى التحقق من صحة رمز AMP الخاص بك.
لماذا؟ لأنه إذا لم يتم التحقق من صحة رمز AMP الخاص بك ، فلن تعرض Google إصدار AMP في نتائج البحث.
هناك عدة طرق متاحة للتحقق من صحة رمز Google AMP الخاص بك. دعنا نتحدث عن طريقتين بسيطتين للتحقق من صحة التعليمات البرمجية الخاصة بك.
1. استخدم إضافة أداة التحقق من صحة صفحات AMP: هناك امتداد متصفح مفيد لـ Chrome ، والذي يمكنك استخدامه للتحقق من صحة رمز AMP الخاص بك. حيث يتحقق تلقائيًا من كل صفحة للتحقق من صحة AMP. إذا كان هناك أي تحذيرات أو أخطاء ، فسيظهر الرقم الموجود أسفل رمز الامتداد وبمجرد النقر فوقه ، يمكنك العثور على تحذيرات أو أخطاء.
2. استخدام Google AMP Validator أداة: هذه واجهة ويب مفيدة أخرى ستظهر لك في الجزء السفلي ما إذا كان رمز AMP الخاص بك قد تم تمريره أم فشل.
إليك كيف تبدو ؛
يمكنك العثور على مزيد من التفاصيل من موقع AMP الرسمي حيث يمكنك اكتشاف كل شيء بدءًا من التحقق من صحة رمز AMP وحتى التعامل مع أخطاء التحقق من الصحة.
هل تختلف صفحات Google AMP عن الصفحات الملائمة للجوال؟
نعم.
تقدم AMP نسخة مجردة من موقع الجوال الخاص بك. إنه مصمم بشكل أساسي للسرعة.
نظرًا لأن صفحات AMP تشارك في الترميز الأساسي ، فقد يبدو تصميم صفحات AMP أقل جاذبية.
توفر الصفحات الملائمة للجوّال تجربة مشاهدة مثالية عبر جميع الأجهزة بما في ذلك smartphonesوأجهزة الكمبيوتر المكتبية والأجهزة اللوحية وما إلى ذلك. تم تحسين الصفحات المتوافقة مع الجوّال لزوار الجوّال دون المساومة على عناصر موقع الويب الخاص بك.
باختصار ، تعد صفحات AMP مفيدة لأوقات التحميل الأسرع بينما الصفحات المتوافقة مع الجوّال أفضل لتجربة المستخدم.
هل تعلم أن صفحات Google AMP يتم تحميلها بشكل أسرع؟ نعم هذا صحيح.
هل تعرف لماذا؟ صفحات AMP هي إصدارات خفيفة وتحتوي على ثلاثة مكونات مهمة من Google AMP والتي تساعدها على التحميل بشكل أسرع.
- AMP HTML: مجموعة فرعية من HTML ، مع علامات وخصائص مخصصة مثل amp-ad و amp-IMG و amp-video
- AMP JS: إطار عمل JavaScript لصفحات الجوال الذي يدير معالجة الموارد ويؤدي إلى تحميل جميع الموارد الخارجية بشكل غير متزامن
- Google AMP Cache: CDN قائم على الخادم الوكيل لتقديم جميع صفحات AMP الصالحة
لماذا من المهم استخدام Google AMP على WordPress الخاص بك؟
تحب Google المحتويات الغنية وعالية الجودة ، وعادة ما يتم تفصيل هذه الأنواع من المحتويات مع الكثير من النصوص ، ولها تمثيلات رسومية في صور عالية الجودة ، وربما مقاطع فيديو.
الآن ، ستؤدي مجموعات المحتوى هذه غالبًا إلى بطء فتح صفحاتك ، خاصة لمستخدمي الجوّال. ومن هنا سبب إنشاء HTML موجه لصفحات AMP والذي من المؤكد أنه سيعالج ذلك بكفاءة.
ومع ذلك ، من المهم إنشاء هذا الخيار لتسريع صفحات موقع الويب عبر الأجهزة المحمولة لأنه يساعد في الاحتفاظ بالعملاء وزيادة فرص زيادة دخل الفرد على سبب إدارة أعمالهم عبر الإنترنت من خلال مواقع الويب الخاصة بهم.
كيف أفضل AMP موقع الويب الخاص بك
للمبتدئين ، من المستحسن الاحتفاظ بنسختين على الأقل من مقالاتك. النسخ الأصلية لمقالاتك وهي النسخة التي سيشاهدها زوار موقعك ، وإصدار AMP من نفس الصفحة.
من المهم أن تلفت انتباهك إلى أن AMP لا تدعم أشياء مثل جافا سكريبت وعناصر النموذج التابعة لجهات خارجية ؛ قد لا تتمكن على الأرجح من الحصول على تعليقات على الصفحة ونماذج العملاء المتوقعين وجميع الميزات المفيدة الأخرى التي اعتدت عليها بالفعل في التنفيذ القياسي. لحسن الحظ ، يوجد حاليًا اختراق يبدو أنه يحل هذه المشكلة.
من الممكن أيضًا أن تعيد كتابة قالب موقع الويب الخاص بك لاستيعاب القيود. على سبيل المثال ، يجب أن تكون جميع CSS في AMP أقل من 50 كيلوبايت وأن تكون مضمنة أيضًا. يجب أن يكونوا قادرين على التحميل باستخدام امتداد فريد من نوع amp-font للتحكم في هذا التحميل بسبب كثافة تحميل الخطوط المخصصة.
علاوة على ذلك ، يجب التعامل مع ملفات الوسائط المتعددة بشكل خاص. على سبيل المثال ، تحتاج جميع الصور الموجودة على موقعك إلى استخدام عنصر صورة Amp المخصص ويجب أن يكون لها ارتفاع وعرض واضح. أيضًا ، إذا كانت صورك بتنسيق GIF ، فأنت بحاجة إلى استخدام مكون amp متحرك ممتد منفصل.
وبالمثل ، إذا كنت تريد تضمين مقاطع فيديو مستضافة محليًا من خلال HTML5 ، فهناك علامة مخصصة يجب استخدامها تسمى amp-video. يوجد أيضًا عنصر موسع منفصل يسمى amp-youtube لتضمين مقاطع فيديو Youtube وهو ما تمثله معظم مقاطع فيديو الويب.
تحتوي عروض الشرائح أيضًا على دعمها الخاص من خلال amp-carousel و lightboxes للصور من خلال amp-image-lightbox. هناك أيضًا مكونات ممتدة لتضمينات الوسائط الاجتماعية بما في ذلك Facebookو Twitterو Instagramو Pinterest، و Vine.
الشيء الجيد هنا هو أن كل هذه العلامات والمكونات ليس من الصعب استخدامها على الإطلاق ، عليك فقط اللعب بها في تصميم موقع الويب الخاص بك.
لكي تكتشف Google والتقنيات الأخرى التي تدعم AMP إصدار AMP لموقعك ، سيتعين عليك تعديل الإصدار الأصلي من صفحة المقالة. يجب أن تحتوي صفحة المقالة الأصلية على العلامة التالية:
في صفحة اكتشاف AMP ، يُذكر أيضًا أن بعض الأنظمة الأساسية التي تدعم AMP ستحتاج إلى بيانات وصفية من Schema.org لتحديد نوع محتوى الصفحة بدقة.
أخيرًا ، إذا كنت تخطط للاستفادة من Google في المستقبل من خلال تنفيذ AMP ، فيجب أن تحصل على مخططك بشكل صحيح لأنه وفقًا لها ، فإن بيانات schema.org الوصفية مطلوبة لجعل المحتوى الخاص بك مؤهلاً للظهور في العرض التوضيحي لـ مكتبة أخبار بحث Google.
كيفية تحقيق الدخل من إعلاناتك في صفحات AMP
مع الزيادة المستمرة في أدوات منع الإعلانات ، أصبح من الصعب الآن على الناشرين استثمار مواقعهم بسهولة. بالنسبة لبعض الأشخاص ، كان زيادة وقت تحميل موقع الويب حافزًا حقيقيًا لاستخدام أدوات منع الإعلانات التي تساعد في تحسين وقت التصفح. وفقًا لـ Search Engine Land ، يبدو أن AMP حلاً جيدًا لهذه المشكلة من خلال بيانها الحالي كما هو موضح أدناه:
لهذا السبب ، تستخدم بعض شبكات الإعلانات الأكثر شيوعًا على الإنترنت الآن مكون amp-ad الموسع ، وتشمل بعض المواقع:
- جوجل ادسنس
- تبولة
- ييلدمو
- بليستا
- خادم الإعلانات الذكي
- DotAndAds
- Adform
- Flite
- AOL AdTech
- مفاعل
- Amazon أ 9
- جوجل دبل كليك
يتم توفير أمثلة على كل شبكة إعلانية هنا.
على الرغم من أن بعض الناشرين غير راضين عن AMP لـ WordPress ، والمشكلة الأكبر التي يواجهونها لا تزال في مجال تحقيق الدخل. هذا ببساطة لأن AMP تم تجريده ولديه فرص إعلانية محدودة.
تسمح AMP بالإعلانات ، ولكن تنفيذها يمثل تحديًا أكبر. الشيء الجيد هو أن Google تعمل على توسيع عدد أنواع الإعلانات التي تدعمها AMP على الرغم من أن بعض الناشرين أفادوا بأنهم لا يزالون يولدون أرباحًا أقل من AMP مقارنة بصفحات الجوال التقليدية.
في الوقت الحالي ، من الصعب أن نقول على وجه اليقين كيف ستؤثر AMP على أرباح موقعك ؛ نعتقد أنه عليك أن ترى ذلك بنفسك في المستقبل.
هل يؤثر Google AMP على تحسين محركات البحث؟
من جميع المؤشرات والنتائج التي استمر الأشخاص في الحصول عليها من اختباراتهم ، تعد Google AMP مناسبة جدًا لكبار المسئولين الاقتصاديين ، كما أنها تعمل على تحسين نتائجنا على Google SERPs.
كيف لنا أن نعرف هذا؟ حسنًا ، قم بإجراء بحث عن بعض الأسماء الشهيرة التي تعرفها ، وسترى بنفسك كيف تظهر الصفحات التي تدعم AMP الآن على الصفحة الأولى من Google. السحر ، أليس كذلك ؟!
حسنًا ، يرجع الفضل في ذلك إلى حد كبير إلى مقدمة Google المذهلة لـ Google Accelerated Mobile Pages.
قبل أن نسميها التفافًا ، نود أن نشارك معك أهم الأسباب التي تجعل عملك يستفيد من استخدام Google AMP.
- يتم تحميله بمعدل 4 مرات أسرع من صفحات الجوال القياسية.
- يساعد في ترتيب عملك على صفحة Google الأولى
- يساعدك في الحصول على معدلات نقر عالية.
- يساعدك على كسب المزيد من المال من خلال الإعلانات لأنه موجه نحو ناشري الأخبار ومنشئي المحتوى.
تصفح المزيد من دروس تحسين محركات البحث:
أسئلة وأجوبة حول Google AMP على مدونات WordPress
فيما يلي بعض الأسئلة المهمة حول تطبيق Google AMP على مدونات WordPress في عام 2023.
هل أحتاج إلى إعادة توجيه المستخدمين إلى محتوى AMP؟
هذا أحد الأسئلة الأكثر شيوعًا. لا ، لست بحاجة إلى إعادة توجيه المستخدمين إلى محتوى AMP. السبب بسيط: سترسل Google تلقائيًا الزوار الذين يأتون من بحث Google إلى إصدارات AMP لصفحاتك حسب الحاجة.
لكن ضع في اعتبارك أنه إذا قام شخص ما على الهاتف الذكي بزيارة موقع الويب الخاص بك مباشرةً ، فلن تتم إعادة توجيهه إلى إصدار AMP من المحتوى الخاص بك. هذا يعني أنهم لن يروا صفحات AMP يتم تحميلها بشكل أسرع.
هل يجب أن أقوم بتثبيت AMP على موقعي أم لا؟
هذا سؤال جيد. أولاً ، تأكد من شكل مشاركاتك باستخدام Accelerated Mobile Pages (AMP). يمكنك ببساطة تثبيت البرنامج المساعد AMP أو AMP لـ WP. بعد تنشيط المكون الإضافي ، انتقل إلى أي منشور وأضف / amp / إلى نهاية عنوان URL.
هذا كل شيء. تحقق مما إذا كنت تحب التصميم المجرد للمحتوى الخاص بك (الصفحات). قم بتثبيت AMP إذا وجدت أنه مفيد (أو إذا كنت تريد حقًا توفير تجربة مستخدم أسرع لمستخدمي الأجهزة المحمولة).
ملاحظة سريعة: امسح ذاكرة التخزين المؤقت أو افتح نافذة التصفح المتخفي للتحقق من تنسيق AMP الجديد.
هل هناك أي عيوب مع Google AMP؟
هناك سببان لعدم استخدام القليل من الأشخاص لـ AMP وهما ؛
- لا يمكنك عرض الأدوات والنوافذ المنبثقة نظرًا لأن صفحات AMP تستخدم CSS و JS محدودًا
- بالإضافة إلى Google Analytics ، لا يتم دعم أي تحليلات أخرى في الصفحات التي تدعم AMP
كيف أتخلص من Google AMP؟
إذا كنت تريد إزالة Google AMP لأي سبب من الأسباب ، فيمكنك ببساطة إلغاء تثبيت المكون الإضافي AMP المقابل المثبت على موقع WordPress الخاص بك. سيؤدي إلغاء تنشيط المكون الإضافي ببساطة إلى تعطيل دعم AMP على موقع WordPress الخاص بك.
يمكنك الاطلاع على هذا البرنامج التعليمي المفصل من WP Beginner لتعطيل AMP بشكل صحيح من WordPress (والذي يتحدث أيضًا عن إصلاح أي أخطاء في إعادة التوجيه).
الأفكار النهائية حول استخدام Google AMP لـ WordPress
تعد إضافة AMP إلى موقع WordPress الخاص بك بالتأكيد طريقة رائعة لتحسين تجربة المستخدم الإجمالية لزوار الجوال. لكن لها حدودها الخاصة مثل معدلات الارتداد الأعلى ، ومعدلات مشاركة المستخدم الأقل كما لاحظها الكثيرون.
لذا تأكد من تثبيت وتجربة إصدار AMP لموقعك لبعض الوقت. راقب Google Analytics لمعرفة ما إذا كان يعمل جيدًا أم لا. بعد ذلك ، يمكنك أن تقرر ما إذا كنت تريد الاحتفاظ بها أم لا.
هل لديك أي أسئلة حول إعداد Google AMP لمواقع WordPress؟ اسمحوا لنا أن نعرف في التعليقات.
