چیزهای کمی ناامید کننده تر از بازدید از یک وب سایت هستند تا بفهمید که صفحه اصلی آن زمان زیادی برای بارگذاری طول می کشد^{(homepage takes ages to load)} . بدتر از آن، زمانی است که تصاویر کیفیت پایینی داشته باشند و چیدمان ها به خوبی بهینه نشده باشند.

در واقع، یک مطالعه گوگل نشان^{(Google study)} داد که 53 درصد از مردم سایت هایی را ترک می کنند که در سه ثانیه یا کمتر بارگذاری نمی شوند، که منجر به نرخ پرش بالا و کاهش درآمد می شود.

برای مقابله با این مسائل، گوگل ^(Google)صفحات موبایل شتاب^{(Accelerated Mobile Pages)} ( AMP ) را ایجاد کرد. AMP نه تنها زمان بارگذاری سایت شما را تسریع می کند، بلکه به شما کمک می کند یک سایت جذاب^{(design a compelling site)} ، تجربه موبایلی هیجان انگیز و افزایش میانگین نرخ کلیک ( CTR ) طراحی کنید.

در این راهنما، توضیح خواهیم داد که چرا Google AMP قالب ترجیحی گوگل برای صفحات موبایل است و چگونه می توانید AMP را برای WordPress پیاده سازی کنید.

Google AMP چیست؟^{(What Is Google AMP?)}

Google AMP یک چارچوب مؤلفه وب است که در اکتبر 2015^{(October 2015)} برای کمک به ایجاد و ساخت وب سایت های سبک وزن و برای اولین بار توسط کاربر راه اندازی شد. ابتکار تلفن همراه برای افزایش سرعت وب با ارائه یک نسخه حذف شده از صفحه وب شما طراحی شده است.

بسیاری از شرکت های بزرگ از جمله وردپرس^(WordPress) ، پینترست^(Pinterest) ، واشنگتن پست^{(Washington Post)} ، و ردیت ^(Reddit)AMP را پذیرفته اند و افزایش بازدیدکنندگان منحصر به فرد ماهانه^{(increase in monthly unique visitors)} را تجربه کرده اند .

هنگامی که صفحه وب شما از طریق AMP^(AMP) در Google به کاربران تلفن همراه ارائه می شود ، ساده و ساده به نظر می رسد، بنابراین به هدف AMP یعنی تجارب سریع، پویا و قابلیت استفاده بهتر دست می یابد.

آیا در سایت وردپرس خود به AMP نیاز دارید؟^{(Do You Need AMP on Your WordPress Site?)}

AMP سریع است، اما این تنها راه برای سریع‌تر کردن صفحات وب یا افزایش سرعت سایت شما^{(increase your site speed)} نیست.

مطالعات موردی زیادی وجود دارد که تأثیر مثبت AMP را بر ناشران، مشاغل و سایر صنایع نشان می‌دهد، اما شکست‌های مطالعه موردی زیادی نیز وجود دارد. این بدان معناست که هیچ تصمیم روشنی در مورد اینکه آیا AMP برای همه سایت ها است یا خیر وجود ندارد.

با این حال، آنچه درست است این است که موفقیت AMP به برخی عوامل تصمیم بستگی دارد. به عنوان مثال، اگر کاربران شما عمدتاً از دسکتاپ هستند، AMP برای شما مناسب نیست زیرا صفحات AMP با ویژگی‌های غنی در دسک‌تاپ نمایش داده نمی‌شوند و از AMP Cache ارائه نمی‌شوند، بنابراین کاربران ممکن است از این مزایا لذت نبرند.

قانون طلایی این است که AMP در درجه اول برای ناشرانی که سایت های خبری و وبلاگ ها را اداره می کنند توصیه می شود. هر چیز دیگری مانند سایت نمونه کارها یا صفحات فرود لزوماً به AMP نیاز ندارد .

به علاوه، اگر صفحات غیر AMP شما می توانند در استاندارد 2.5 ثانیه یا کمتر از آن بارگیری شوند، احتمالاً نیازی به نصب یا نگهداری AMP ندارید .

نحوه پیاده سازی AMP در سایت وردپرس^{(How to Implement AMP on a WordPress Site)}

ایجاد یک نسخه AMP از صفحه وب خود در وردپرس^(WordPress) ممکن است کاری به نظر برسد که فقط توسعه دهندگان می توانند از عهده آن برآیند، اما با کمی دانش و راهنمایی، می توانید آن را به تنهایی انجام دهید.

Google یک فرآیند گردش کار دارد که شما را هنگام ساختن یک صفحه AMP ، ادغام و بهینه سازی صفحه، تنظیم ردیابی تجزیه و تحلیل^{(set up analytics tracking)} و سپس طراحی صفحه برای نیازهای سایت خود راهنمایی می کند.

برای شروع، گوگل^(Google) یک کد الگو در اختیار شما قرار می دهد که می توانید آن را کپی کرده و در یک پسوند html ذخیره کنید و سپس علامت گذاری مورد نیاز را اضافه کنید. این صفحه را به یک سند AMP HTML قابل اجرا تبدیل می کند.^{(AMP HTML)}

قبل از انتشار، می‌توانید تصاویر را اضافه کنید، طرح‌بندی را اصلاح کنید، صفحه را برای سئو بهینه کنید^{(optimize the page for SEO)} ، پیش‌نمایش کنید و صفحات را با استفاده از دستورالعمل‌های ارائه شده در نوار کناری نهایی کنید.

اگر می خواهید، می توانید AMP را در صفحه اصلی amp.dev قبل از امتحان کردن آن در سایت ^(amp.dev)وردپرس^(WordPress) خود آزمایش کنید .

نحوه نصب Google AMP در وردپرس^{(How to Install Google AMP on WordPress)}

راه اندازی و نصب Google AMP^{(Google AMP)} به صورت دستی در سایت وردپرس^(WordPress) شما پیچیده است. با این حال، می‌توانید از افزونه‌هایی مانند پلاگین رسمی AMP برای WordPress^{(official AMP plugin for WordPress)} ، AMP برای WP^{(AMP for WP)} یا AMP WP برای ساده‌تر کردن فرآیند استفاده کنید.

برای این راهنما، نحوه راه اندازی و نصب AMP را در سایت وردپرس^(WordPress) با استفاده از پلاگین رسمی وردپرس AMP^{(WordPress AMP)} به شما نشان خواهیم داد .

نحوه استفاده از پلاگین وردپرس AMP برای نصب AMP^{(How to Use the WordPress AMP Plugin to Install AMP)}

1. برای شروع، افزونه وردپرس AMP را در سایت ^{(WordPress AMP)}وردپرس^(WordPress) خود نصب و فعال کنید . به داشبورد وردپرس بروید، ^(WordPress)Plugins > Add New را انتخاب کنید .

1. افزونه ^(plugin)AMP را در کادر جستجو تایپ کنید و برای نصب افزونه گزینه Install Now را انتخاب کنید.

توجه^(Note) : اگر از WordPress.com استفاده می‌کنید، برای ^{(WordPress.com)}نصب هر افزونه^{(install any plugins)} ، باید به طرح تجاری^(Business) ارتقا دهید .

1. به Plugins > Installed PluginsAMP را پیدا کنید و پیوند Activate را انتخاب کنید تا افزونه ^{(Activate )}AMP فعال شود و در سایت شما کار کند.

1. هنگامی که افزونه را فعال کردید، تنظیمات را برای سفارشی کردن صفحات AMP تنظیم کنید. ^(AMP)برای پیکربندی افزونه، به AMP > Settings و از ویزارد برای پیکربندی تنظیمات صفحه AMP خود استفاده کنید.^(AMP)

1. پس از انجام تنظیمات، دکمه انتشار^{(Publish )} را انتخاب کنید . سایت شما برای بازدیدکنندگان شما قابل مشاهده یا قابل کشف توسط Google نخواهد بود، اما می‌توانید انتخاب کنید که آیا می‌خواهید صفحات، پست‌ها یا هر دو در سایت AMP شما نمایش داده شوند . برای انجام این کار، به AMP > Settings > Advanced Settings, و چک باکس Supported Templates را بردارید تا گزینه های بیشتری دریافت کنید.

1. گزینه های^(options) مورد نظر خود را انتخاب کنید و سپس Save Changes را انتخاب کنید .

1. همچنین می توانید Yoast SEO را با راه اندازی ^{(Yoast SEO)}AMP خود با رفتن به Plugins > Add New و سپس جستجوی Yoast SEO & AMP در تنظیمات AMP خود ادغام کنید . 
2. Install Now را انتخاب کنید و افزونه را فعال کنید. ^(Activate)پس از فعال‌سازی، به SEO بروید و AMP را انتخاب کنید تا گزینه‌های سفارشی‌سازی بیشتر برای صفحه خود دریافت کنید و سپس Save Changes را انتخاب کنید . 
3. قبل از انتشار، پیش‌نمایش سایت AMP خود را با افزودن amp به انتهای هر پست یا URL صفحه‌ای که می‌خواهید مشاهده کنید. به عنوان مثال، می توانید به https://yourwebsite.com/blog-post-title/amp/ بروید

نحوه تأیید اعتبار وردپرس AMP^{(How to Validate WordPress AMP)}

با نصب AMP در سایت ^(AMP)وردپرس^(WordPress) شما ، گام بعدی آزمایش درست کارکرد آن است. نه تنها این، بلکه اعتبارسنجی همچنین تضمین می کند که پلتفرم های پشتیبانی شده می توانند به سایت شما دسترسی داشته باشند و به سایت شما پیوند دهند، و می توانید خطاهای ^{(errors for troubleshooting)}AMP را برای عیب یابی پیدا کنید .

می‌توانید وردپرس AMP^{(WordPress AMP)} را به‌صورت دستی یا با استفاده از ابزار تست AMP Google^{(Google’s AMP Testing tool)} تأیید کنید .

نحوه تأیید اعتبار وردپرس AMP به صورت دستی^{(How to Validate WordPress AMP Manually)}

1. برای انجام این کار، یک صفحه AMP را باز کنید و سپس #development=1 را به انتهای URL صفحه وب که اعتبارسنجی می کنید اضافه کنید.

1. به مرورگر خود بروید و کنسول ابزار توسعه^{(developer tools console)} را باز کنید . اگر از فایرفاکس^(Firefox) استفاده می کنید، menu > Web Developer > Web Console را انتخاب کنید . اگر خطایی در صفحه AMP وجود داشته باشد، با رنگ قرمز مشخص می شود.

خطاهای اعتبار سنجی می توانند به دلیل کد نادرست، پیشوندهای نامعتبر یا برچسب های غیر مجاز ایجاد شوند، اما توضیحی درباره دلایل را در کنار خطا خواهید دید.

نحوه اعتبارسنجی AMP وردپرس با استفاده از ابزار تست AMP گوگل^{(How to Validate WordPress AMP Using Google’s AMP Testing Tool)}

1. صفحه ابزار تست Google AMP^{(Google AMP Testing tool)} را باز کنید، URL سایت، پست یا صفحه خود را وارد کنید و سپس Test URL را انتخاب کنید . همچنین می‌توانید کد سایت را جای‌گذاری کرده و Test URL را انتخاب کنید .

1. Googlebot سایت شما را تجزیه و تحلیل می کند و در صورت معتبر بودن، پیش نمایشی از نحوه نمایش صفحات AMP خود در ^(AMP)SERP های Google^{(Google SERPs)} خواهید دید .

با ابزار Google AMP Testing می توانید خطاهای ^{(Google AMP Testing)}AMP را شناسایی کرده و کدهای مشکل ساز را در سایت خود مشاهده کنید. همچنین می توانید دکمه اشتراک^(Share) گذاری را انتخاب کنید تا تجزیه و تحلیل را با همکاران خود به اشتراک بگذارید.

همچنین می‌توانید از ابزار Google AMP Validator برای اطمینان از اعتبارسنجی کدتان استفاده کنید، یا از افزونه Chrome AMP استفاده^{(Chrome AMP extension)} کنید ، که همچنین صفحات را تأیید می‌کند و هر گونه هشدار یا خطا را نشان می‌دهد.

سایت وردپرس خود را تقویت کنید^{(AMP up Your WordPress Site)}

Google AMP یک تغییر بزرگ برای هر سایتی است، به خصوص اگر در حال حاضر ترافیک تلفن همراه زیادی داشته باشید. اگر سایتی با محتوای جدید راه اندازی می کنید، ممکن است نصب AMP فوراً منطقی باشد، اما برای سایر مشاغل، اگر اشتباه متوجه شوید، ممکن است به تبدیل های خود آسیب وارد کنید.

توصیه می‌کنیم AMP را روی چند صفحه پربازدید آزمایش کنید تا قبل از تصمیم‌گیری برای استفاده از آن در کل سایت، ببینید آیا نتایج مثبت یا منفی دریافت می‌کنید.

آیا AMP را در سایت ^(AMP)وردپرس^(WordPress) خود امتحان کرده اید؟ آیا نکات دیگری برای به اشتراک گذاشتن در مورد استفاده از AMP برای وردپرس^(WordPress) دارید؟ به اشتراک گذاشتن با ما در نظرات.

What Is AMP for WordPress and How To Install It

Few things are more frustrating than visitіng a website 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 را از یک میزبان به دیگری حرکت دهیم

• نحوه نصب و راه اندازی WordPress در Microsoft Azure

• چگونه برای اجرای پرسرعتی WordPress در Microsoft Azure

• چگونه برای پیکربندی Privacy در WordPress و چرا این مهم است

• چگونه به نصب WordPress در Google Cloud Platform

• ۹ افزونه ضروری برای نصب جدید وردپرس

• کاربران تغییر مسیر از 404 صفحه در WordPress

• چگونه URL ورود به وردپرس خود را برای امنیت بهتر تغییر دهیم

• Wix در مقابل وردپرس: کدام یک برای ایجاد وب سایت شما بهترین است؟

• Must Have WordPress Yoast SEO Settings 2021

• نحوه استفاده از WP Super Cache در وبلاگ وردپرس

• ایجاد Child Theme در WordPress

• نحوه نصب تم در وردپرس

• چگونه می توان عملکرد وردپرس را از طریق پاکسازی پایگاه داده افزایش داد

• نحوه ویرایش پاورقی در وردپرس

• نحوه ایجاد پاپ آپ کوپن خود در وردپرس

• وردپرس نشان می دهد HTTP Error هنگام آپلود تصاویر

• آموزش گوتنبرگ وردپرس: نحوه استفاده از ویرایشگر جدید

• چگونه برای بررسی اگر یک وب سایت از AdSense ممنوع

• چگونه می توان یک WordPress Site Secure