هناك أشياء قليلة تكون أكثر إحباطًا من زيارة موقع ويب فقط لتجد أن صفحته الرئيسية تستغرق وقتًا طويلاً للتحميل^{(homepage takes ages to load)} . والأسوأ من ذلك ، هو عندما تكون الصور ذات جودة رديئة ولا يتم تحسين التخطيطات بشكل جيد.

في الواقع ، وجدت دراسة أجرتها Google^{(Google study)} أن 53 بالمائة من الأشخاص يغادرون المواقع التي يفشل تحميلها في ثلاث ثوانٍ أو أقل ، مما يؤدي إلى ارتفاع معدلات الارتداد وانخفاض الإيرادات.

للتعامل مع هذه المشكلات ، أنشأت Google Accelerated Mobile Pages ( AMP ). لا تعمل AMP على تسريع وقت تحميل موقعك فحسب ، بل إنها تساعدك أيضًا على تصميم موقع مقنع^{(design a compelling site)} ، وتجربة جوّال مثيرة ، وزيادة متوسط ​​نسبة النقر إلى الظهور ( CTR ).

في هذا الدليل ، سنشرح سبب كون Google AMP هو التنسيق المفضل لدى Google لصفحات الجوال ، وكيف يمكنك تنفيذ AMP لـ WordPress .

ما هو جوجل AMP؟^{(What Is Google AMP?)}

Google AMP عبارة عن إطار عمل مكون للويب تم إطلاقه في أكتوبر 2015^{(October 2015)} للمساعدة في إنشاء وبناء مواقع ويب خفيفة الوزن ومُستخدم أولاً. تم تصميم مبادرة الأجهزة المحمولة لتسريع الويب من خلال تقديم نسخة مجردة من صفحة الويب الخاصة بك.

تبنت العديد من الشركات الكبيرة بما في ذلك WordPress و Pinterest و Washington Post و Reddit AMP وشهدت زيادة في عدد الزوار الفريدين شهريًا^{(increase in monthly unique visitors)} .

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

هل تحتاج إلى AMP على موقع WordPress الخاص بك؟^{(Do You Need AMP on Your WordPress Site?)}

AMP سريع ، لكنه ليس الطريقة الوحيدة لجعل صفحات الويب يتم تحميلها بشكل أسرع أو زيادة سرعة موقعك^{(increase your site speed)} .

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

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

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

بالإضافة إلى ذلك ، إذا كان من الممكن تحميل صفحاتك التي ليست بتنسيق AMP^(AMP) ضمن معيار 2.5 ثانية أو أقل منه ، فربما لا تحتاج إلى تثبيت AMP أو صيانته .

كيفية تنفيذ AMP على موقع WordPress^{(How to Implement AMP on a WordPress Site)}

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

لدى Google^(Google) عملية سير عمل ترشدك أثناء إنشاء صفحة AMP ، ودمج الصفحة وتحسينها ، وإعداد تتبع التحليلات^{(set up analytics tracking)} ، ثم تصميم الصفحة وفقًا لاحتياجات موقعك.

للبدء ، ستزودك Google برمز القالب ، والذي يمكنك نسخه وحفظه بامتداد .html ، ثم إضافة الترميز المطلوب. ^(Google)سيؤدي هذا إلى تحويل الصفحة إلى مستند AMP HTML عملي .

قبل النشر ، يمكنك تضمين الصور وتعديل التخطيط وتحسين الصفحة من أجل تحسين محركات البحث^{(optimize the page for SEO)} ومعاينة الصفحات وإنهائها باستخدام الإرشادات المتوفرة على الشريط الجانبي.

إذا كنت ترغب في ذلك ، يمكنك تجربة AMP على الصفحة الرئيسية لـ amp.dev قبل تجربتها على موقع ^(amp.dev)WordPress الخاص بك .

كيفية تثبيت Google AMP على WordPress^{(How to Install Google AMP on WordPress)}

يعد إعداد وتثبيت Google AMP يدويًا على موقع WordPress الخاص بك أمرًا معقدًا. ومع ذلك ، يمكنك استخدام المكونات الإضافية مثل المكون الإضافي الرسمي AMP لـ WordPress^{(official AMP plugin for WordPress)} أو AMP لـ WP^{(AMP for WP)} أو AMP WP لجعل العملية أكثر بساطة.

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

كيفية استخدام مكون WordPress AMP الإضافي لتثبيت AMP^{(How to Use the WordPress AMP Plugin to Install AMP)}

1. للبدء ، قم بتثبيت وتفعيل مكون WordPress AMP الإضافي على موقع WordPress الخاص بك . انتقل إلى لوحة معلومات WordPress^(WordPress) ، وحدد Plugins > Add New .

1. اكتب المكون الإضافي ^(plugin)AMP في مربع البحث ، وحدد التثبيت الآن^{(Install Now)} لتثبيت المكون الإضافي.

ملاحظة^(Note) : إذا كنت تستخدم WordPress.com ، فيجب عليك الترقية إلى خطة الأعمال ^(Business)لتثبيت أي مكونات إضافية^{(install any plugins)} .

1. انتقل إلى Plugins > Installed Plugins ، وابحث عن AMP وحدد رابط التنشيط^{(Activate )} لتنشيط المكون الإضافي AMP وجعله يعمل على موقعك.

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

1. حدد الزر " نشر^{(Publish )} " بمجرد الانتهاء من ضبط الإعدادات. لن يكون موقعك مرئيًا للزائرين أو يمكن اكتشافه بواسطة Google ، ولكن يمكنك اختيار ما إذا كنت تريد عرض الصفحات أو المنشورات أو كليهما على موقع AMP الخاص بك . للقيام بذلك ، انتقل إلى AMP > Settings > Advanced Settings, وقم بإلغاء تحديد خانة الاختيار القوالب المدعومة^{(Supported Templates)} للحصول على مزيد من الخيارات.

1. حدد الخيارات^(options) التي تريدها ثم حدد حفظ التغييرات^{(Save Changes)} .

1. يمكنك أيضًا دمج Yoast SEO في إعداد AMP الخاص بك بالانتقال إلى ^(AMP)Plugins > Add New ثم البحث عن Yoast SEO & AMP . 
2. حدد التثبيت الآن^{(Install Now)} وقم بتنشيط^(Activate) المكون الإضافي. بمجرد التنشيط ، انتقل إلى SEO وحدد AMP للحصول على مزيد من خيارات التخصيص لصفحتك ، ثم حدد حفظ التغييرات^{(Save Changes)} . 
3. قبل النشر ، عاين موقع AMP الخاص بك عن طريق إضافة أمبير^(amp) إلى نهاية أي منشور أو عنوان URL للصفحة^(URL) تريده. على سبيل المثال ، يمكنك الانتقال إلى https://yourwebsite.com/blog-post-title/amp/

كيفية التحقق من صحة WordPress AMP^{(How to Validate WordPress AMP)}

مع تثبيت AMP على موقع ^(AMP)WordPress الخاص بك ، فإن الخطوة التالية هي اختبار مدى عملها بشكل صحيح. ليس ذلك فحسب ، بل يضمن التحقق أيضًا أن الأنظمة الأساسية المدعومة يمكنها الوصول إلى موقعك والارتباط به ، ويمكنك العثور على أخطاء ^{(errors for troubleshooting)}AMP لتحري الخلل وإصلاحه .

يمكنك التحقق من صحة WordPress AMP يدويًا أو باستخدام أداة اختبار AMP من Google^{(Google’s AMP Testing tool)} .

كيفية التحقق من صحة WordPress AMP يدويًا^{(How to Validate WordPress AMP Manually)}

1. للقيام بذلك ، افتح صفحة AMP ، ثم أضف #development=1 إلى نهاية عنوان URL^(URL) لصفحة الويب التي تتحقق من صحتها.

1. انتقل إلى المستعرض الخاص بك وافتح وحدة تحكم أدوات المطور^{(developer tools console)} . إذا كنت تستخدم Firefox ، فحدد menu > Web Developer > Web Console . إذا كانت هناك أية أخطاء في صفحة AMP ، فسيتم تمييزها باللون الأحمر.

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

كيفية التحقق من صحة WordPress AMP باستخدام أداة اختبار AMP من Google^{(How to Validate WordPress AMP Using Google’s AMP Testing Tool)}

1. افتح صفحة أداة اختبار Google AMP^{(Google AMP Testing tool)} ، وأدخل عنوان URL^(URL) لموقعك أو منشورك أو صفحتك ، ثم حدد اختبار URL^{(Test URL)} . يمكنك أيضًا لصق رمز الموقع وتحديد اختبار URL^{(Test URL)} .

1. سيقوم Googlebot بتحليل موقعك وإذا كان صحيحًا ، سترى معاينة لكيفية ظهور صفحات AMP الخاصة بك على ^(AMP)Google SERPs .

باستخدام أداة Google AMP Testing ، يمكنك تحديد أخطاء AMP والاطلاع على الشفرة المسببة للمشكلة على موقعك. يمكنك أيضًا تحديد الزر " مشاركة^(Share) " لمشاركة التحليل مع زملائك.

يمكنك أيضًا استخدام أداة Google AMP Validator للتأكد من التحقق من صحة شفرتك ، أو استخدام ملحق Chrome AMP^{(Chrome AMP extension)} ، الذي يتحقق أيضًا من صحة الصفحات ، ويعرض أي تحذيرات أو أخطاء.

AMP فوق موقع WordPress الخاص بك^{(AMP up Your WordPress Site)}

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

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

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

What Is AMP for WordPress and How To Install It

Few things are more frustrating than visiting a webѕite only to find that its homepage takes ages to load. Worse still, is when the images are of poor quality and layouts aren’t well optimized.

In fact, a Google study found that 53 percent of people leave sites that fail to load in three seconds or less, which leads to high bounce rates and decreased revenues.

To deal with these issues, Google created the Accelerated Mobile Pages (AMP). Not only does AMP accelerate your site’s loading time, but it also helps you design a compelling site, thrilling mobile experience, and increase in average click-through rate (CTR).

In this guide, we’ll explain why Google AMP is Google’s preferred format for mobile pages, and how you can implement AMP for WordPress.

What Is Google AMP?

Google AMP is a web component framework launched in October 2015 to help create and build lightweight, user-first websites. The mobile initiative is designed to speed up the web by serving up a stripped down version of your webpage.

Many large companies including WordPress, Pinterest, Washington Post, and Reddit have adopted AMP and experienced an increase in monthly unique visitors.

When your webpage is served to mobile users via AMP in Google, it’ll look basic and simplistic, thus achieving AMP’s goal of lightning fast, dynamic experiences and better usability.

Do You Need AMP on Your WordPress Site?

AMP is fast, but it’s not the only way to make web pages load faster or increase your site speed.

There are many case studies that demonstrate AMP’s positive impact on publishers, businesses, and other industries, but there are also many case study failures.  This means there’s no clear-cut decision as to whether AMP is for all sites or not.

What rings true though is that the success of AMP depends on some decision factors. For example, if your users are primarily from desktop, AMP isn’t for you because AMP pages don’t display with rich features on desktop, and they’re not served from the AMP Cache so users may not enjoy these benefits.

The golden rule is that AMP is recommended primarily for publishers running news sites and blogs. Anything else like a portfolio site or landing pages doesn’t necessarily need AMP.

Plus, if your non-AMP pages can load within or below the 2.5-second standard, you probably don’t need to install or maintain AMP.

How to Implement AMP on a WordPress Site

Creating an AMP version of your web page on WordPress may look like a task only developers can handle, but with a little knowledge and some guidance, you can do it on your own.

Google has a workflow process that guides you as you build an AMP page, integrate and optimize the page, set up analytics tracking, and then design the page for your site’s needs.

To get started, Google will provide you with a template code, which you can copy and save to a .html extension, and then add the required mark-up. This will turn the page into a workable AMP HTML document.

Before you publish, you can include images, modify the layout, optimize the page for SEO, preview, and finalize the pages using instructions provided on the sidebar.

If you want, you can experiment with AMP on the amp.dev homepage before trying it out on your own WordPress site.

How to Install Google AMP on WordPress

Manually setting up and installing Google AMP on your WordPress site is complicated. However, you can use plugins like the official AMP plugin for WordPress, AMP for WP, or AMP WP to make the process simpler.

For this guide, we’ll show you how to set up and install AMP on a WordPress site using the official WordPress AMP plugin.

How to Use the WordPress AMP Plugin to Install AMP

1. To get started, install and activate the WordPress AMP plugin on your WordPress site. Go to the WordPress dashboard, select Plugins > Add New.

1. Type AMP plugin in the search box, and select Install Now to install the plugin.

Note: If you’re using WordPress.com, you have to upgrade to the Business plan to install any plugins.

1. Go to Plugins > Installed Plugins, find AMP and select the Activate link to activate the AMP plugin and make it work on your site.

1. Once you activate the plugin, adjust the settings to customize the AMP pages. To configure the plugin, go to AMP > Settings and use the wizard to configure your AMP page settings.

1. Select the Publish button once you’re done adjusting the settings. Your site won’t be visible to your visitors or discoverable by Google, but you can choose whether you want the pages, posts, or both to be shown on your AMP site. To do this, go to AMP > Settings > Advanced Settings, and deselect the Supported Templates checkbox to get more options.

1. Select the options you want and then select Save Changes.

1. You can also integrate Yoast SEO into your AMP setup by going to Plugins > Add New and then search for Yoast SEO & AMP. 
2. Select Install Now, and Activate the plugin. Once activated, go to SEO and select AMP to get further customization options for your page, and then select Save Changes. 
3. Before publishing, preview your AMP site by adding amp to the end of any post or page URL you want . For example, you can go to https://yourwebsite.com/blog-post-title/amp/

How to Validate WordPress AMP

With AMP installed on your WordPress site, the next step is to test that it works correctly. Not only that, but validation also ensures that supported platforms can access and link to your site, and you can find AMP errors for troubleshooting.

You can validate WordPress AMP manually or using Google’s AMP Testing tool.

How to Validate WordPress AMP Manually

1. To do this, open an AMP page, and then add #development=1 to the end of the URL for the web page you’re validating.

1. Go to your browser and open the developer tools console. If you’re using Firefox, select the menu > Web Developer > Web Console. If there are any errors on the AMP page, they’ll be highlighted in red.

Validation errors can be caused by incorrect code, invalid prefixes, or disallowed tags, but you’ll see an explanation of the causes next to the error.

How to Validate WordPress AMP Using Google’s AMP Testing Tool

1. Open the Google AMP Testing tool page, enter the URL of your site, post, or page, and then select Test URL. You can also paste the site’s code and select Test URL.

1. The Googlebot will analyze your site and if valid, you’ll see a preview of how your AMP pages could appear on Google SERPs.

With the Google AMP Testing tool, you can identify AMP errors and see the problem-causing code on your site. You can also select the Share button to share the analysis with your colleagues.

You can also use Google AMP Validator tool to make sure that your code validates, or use the Chrome AMP extension, which also validates the pages, and shows any warnings or errors.

AMP up Your WordPress Site

Google AMP is a major change for any site, especially if you already have lots of mobile traffic. If you run a site with newsy content, it may make sense to install AMP right away, but for other businesses, you could hurt your conversions if you get it wrong.

We recommend testing AMP on a few high-traffic pages to see if you get positive or negative results before making the decision to use it across your entire site.

Have you tried AMP on your WordPress site? Do you have any other tips to share about using AMP for WordPress? Share with us in the comments.

Related posts

• كيفية نقل WordPress site من مجموعة واحدة إلى أخرى

• كيفية تثبيت و Setup WordPress على Microsoft Azure

• كيفية تشغيل سريع سريع WordPress على Microsoft Azure

• كيفية تكوين Privacy في WordPress ولماذا من المهم

• كيفية تثبيت WordPress على Google Cloud Platform

• كيفية تتبع Broken Links مع Google Webmaster Tool

• Protect وآمنة WordPress website من المتسللين

• كيفية تثبيت موقع اختبار WordPress على جهاز الكمبيوتر الخاص بك

• Must Have WordPress Yoast SEO Settings 2021

• كيفية تحرير التذييل في WordPress

• كيفية إعداد WordPress يدويًا على المجال

• كيفية تسريع موقع WordPress في 11 خطوة

• كيفية إزالة البرامج الضارة من موقع WordPress الخاص بك

• كيفية تحديث PHP في WordPress

• كيفية تكرار صفحة في ووردبريس

• أفضل 3 ملحقات لتحسين محركات البحث لـ WordPress

• Squarespace Vs WordPress: ما هو أفضل نظام أساسي للموقع؟

• كيفية إجراء اختبارات تقسيم فعالة في ووردبريس

• كيفية استخدام Lumen5 لتحويل منشور المدونة الخاص بك إلى فيديو

• كيفية تسريع أي موقع WordPress باستخدام .HTACCESS