آموزش ساخت AMP وردپرس + معرفی بهترین افزونه ها

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

این افزونه توسط گوگل توسعه داده شده است. با کمک آن علاوه بر افزایش سرعت لود سایت، می توان ابعاد و المان‌های نمایشی مختلف را بهینه سازی کرد. در واقع به کمک آن می‌توان صفحات وب را در بدنه گوگل بارگذاری کرد. به این شکل، صفحات از سرور وبسایت لود نمی‌شوند. به همین ترتیب، سرعت بارگذاری صفحات سایت به مقدار زیادی افزایش می‌یابد که در نهایت می تواند منجربه بهبود تجربه کاربری و سئو سایت شود. در ادامه این مقاله روش استفاده از پلاگین AMP وردپرس را برای به شما آموزش می‌دهیم.

AMP چیست؟

Google AMP یا Google Accelerated Mobile Pages یک ابزار منبع باز و رایگان است که به شما کمک می‌کند تا صفحات وب شما در دستگاه‌های تلفن همراه با سرعت زیادی بارگذاری یا لود شوند.

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

به طور خلاصه این پلاگین با استفاده از AMP HTML به شما این امکان را می‌دهد تا یک کپی از صفحه یا صفحات مشخص شده وبسایت خود را در سرورهای گوگل ایجاد کنید. در واقع افزونه AMP وردپرس بسیاری از عناصر مانند جاوا اسکریپت و موارد سنگین یا فایل های گرافیکی دیگر که باعث کاهش سرعت لودینگ سایت شما می‌شوند را حذف می‌کند.

این نسخه بهینه شده به جای لود شدن از سرورهای شما، از سرورهای پرسرعت گوگل اجرا می‌شود. گوگل AMP مزایای زیادی دارد. اگرچه در کنار این مزایا معایبی نیز وجود دارد اما استفاده از آن کاملا ضروری و مهم است.

مزایای استفاده از افزونه AMP وردپرس

• افزایش قابل توجه سرعت باز شدن سایت:

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

• تجربه کاربری پیشرفته:

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

• افزایش عملکرد سرور:

به کمک استفاده کمتر از پهنای باند، کاهش حجم تصاویر تا 50 درصد، کاهش درخواست‌های سمت سرور و استفاده از سرورهای مخصوص گوگل، عملکرد کلی وبسایت شما بهتر می‌شود.

معایب احتمالی وردپرس AMP

• محدودیت در استفاده از کدهای Css و جاوا اسکریپت:

این پلاگین انیمیشن‌ها، تصاویر و سایر عناصر دیگری که با کدهای ویژه‌ای از CSS و جاوا اسکریپت تولید شده‌اند را حذف می‌کند. بنابراین احتمال دارد بخش هایی از وبسایت خود را یا از دست بدهید یا دچار اختلال شوند.

• محدود شدن درآمدهای تبلیغاتی:

اگرچه گوگل AMP از تبلیغات پشتیبانی می‌کند اما روند اجرای آن کاری نسبتا پیچیده است. همچنین این برنامه پتانسیل محدودی برای ادغام شدن با سرویس‌های تبلیغاتی خارج از وبسایت دارد.

اگر این ایرادات برای استفاده‌ نکردن شما از این افزونه کافی است، یک طراحی وب ریسپانسیو و استفاده از سرورهای اختصاصی، تا حد زیادی مشکل سرعت و اجرای سایت شما را حل می‌کند. از طرف دیگر، در مجموع استفاده از این سرویس، مزیت‌های بسیار زیادی برای سایت شما خواهد داشت.

نحوه ساخت AMP وردپرس با افزونه

برای ساخت AMP وردپرس به یک افزونه AMP نیاز دارید. حتما قبل از شروع کار ابتدا از وبسایت خود یک نسخه پشتیبان تهیه کنید. توجه داشته باشید که افزونه های زیادی علاوه بر افزونه رسمی AMP برای بهینه سازی وبسایت وجود دارند که مت در ادامه بهترین آنها را به شما معرفی خواهیم کرد:

1- افزونه AMP برای وردپرس یا AMP for WORDPRESS

اگر می‌خواهید سرعت و عملکرد وبسایت خود را بهینه سازی کنید، افزونه AMP for WORDPRESS ابزاری عالی و کارآمد برای شماست. تمامی ابزارهای لازم برای استفاده از خدمات پیش فرض AMP در این افزونه جای گرفته است که به سادگی می توانید از آن استفاده کنید. در ادامه نحوه نصب و تنظیمات مناسب آن را به شما آموزش خواهیم داد:

نحوه نصب افزونه

ابتدا به داشبورد وردپرس وارد شوید، سپس به قسمت افزونه‌ها رفته و بر روی گزینه افزودن کلیک کنید تا به مخزن وردپرس منتقل شوید. برای نصب این افزونه، عبارت AMP for WordPress را در نوار جستجو وارد کنید و افزونه موردنظر را نصب و فعال‌سازی کنید.

در مرحله بعد از منو کناری داشبورد وردپرس بر روی AMP و سپس تنظیمات کلیک کنید تا به بخش تنظیمات این افزونه بروید:

حالا از بخش اسکن سایت می توانید افزونه هایی را که با افزونه amp سازگاری ندارند مشاهده کنید. برای اطمینان یکبار بر روی دکمه اسکن مجدد سایت کلیک کنید تا لیست افزونه های ناسازگار برای نسخه amp به شما نمایش داده شود. سپس شما باید یا این افزونه ها را با مدل های مشابه جایگزین کنید و یا آنها را حذف کنید. در غیر این صورت سایت شما در نسخه amp با مشکل مواجه خواهد شد.

حالا از بخش حالت قالب باید یکی از حالت ها را انتخاب کنید. حالت پیش فرض و پیشنهادی حالت خواننده است که در آن فقط کاربران موبایل نسخه amp را مشاهده خواهند کرد. پیشنهاد می شود شما نیز از این گزینه استفاده کنید.

حالا به بخش تنظیمات پیشرفته بروید و مشخص کنید که می خواهید کدام بخش هایی از سایت شما به صورت amp نمایش داده شود. به طور پیش فرض نوشته ها، برگه ها و محصولات تیک خورده هستند. شما باید با توجه به اینکه کدام صفحات سازگار و یا ناسازگار هستند این گزینه ها را تغییر دهید.

در آخر از بخش توقف افزونه می توانید لیست افزونه های سایت خود را مشاهده کنید. در این لیست برخی از افزونه ها به عنوان افزونه های ناسازگار مشخص شده اند که در ستون جزییات می توانید خطای آن را مشاهده کنید. شما از این قسمت می توانید این افزونه های ناسازگار با amp را به حالت متوقف شده تغییر دهید تا در صفحات amp آن افزونه مورد نظر به طور کامل بارگذاری نشود.

2- AMP for WP – Accelerated Mobile Pages Plugin

این افزونه AMP وردپرس علاوه بر داشتن یک ظاهر ساده و قابل فهم برای مبتدیان می‌تواند برای پیکربندی صفحات وب شما ابزارهای اضافی بیشتری را ارائه کند. برای نصب این افزونه لازم است در مخزن افزونه های وردپرس، عبارت AMP for WP را جستجو و نصب کنید.

در مرحله بعد به بخش AMP در منو داشبورد وردپرس خود بروید. به بخش‌های مختلف آن بروید و بسته به نیاز خود تنظیمات موردنظر را اعمال کنید. اگر حالت Advance Setup را انتخاب کرده باشید منوهایی با بخش‌های مختلف خواهید دید و اگر Basic Setup را انتخاب کنید گزینه های محدودتری را به شما ارائه خواهد کرد. شما بر روی حالت Advance Setup قرار دهید و در ادامه برای تنظیمات این افزونه همراه ما باشید:

این صفحه به شما کمک می‌کند تا تنظیمات وردپرس AMP خود را بهینه کنید. بعد از آن می‌توانید گزینه‌های مختلفی که افزونه می‌تواند به شما ارائه دهد را ببینید.

• SEO یا سئو:

این قسمت شامل تنظیمات متا و ادغام با افزونه‌های سئویی دیگر است.

• Performance یا عملکرد:

در این قسمت امکاناتی وجود دارد که به کمک آن‌ها می‌توانید سرعت سایت را بالاتر ببرید.

• Advance یا تنظیمات پیشرفته:

در این قسمت می‌توانید کدهای HTML سفارشی را برای سربرگ‌ها و پاورقی‌های خود وارد کنید.

به یاد داشته باشید پس از پیکربندی هر یک از تنظیمات حتما آن را ذخیره کنید. در مرحله بعد بخش Design را از منوی AMP انتخاب کنید:

در اینجا می‌توانید ظاهر و رابطه کاربری AMP وردپرس خود را سفارشی سازی کنید. برای انجام این کار می‌توانید یک تم سفارشی را از بین چندین تم در منوی کشویی انتخاب کنید.

پس از انتخاب یک تم می‌توانید ظاهر آن را سفارشی کنید. هنگامی که از ظاهر AMP خود راضی هستید می‌توانید تغییرات داده شده را ذخیره کنید. علاوه بر آن، تم‌های پریمیوم بسیار زیادی برای دانلود وجود دارند که می‌توانید آنها را دانلود و برای سایت خود استفاده کنید.

جمع بندی

افزونه amp وردپرس این امکان را فراهم می‌کند که سایت شما سریع‌تر و راحت‌تر در موبایل ها باز شود. اگر سرعت بالا آمدن سایت شما زیاد باشد، گوگل در رتبه‌بندی خود به سایت شما توجه بیشتری می‌کند.

افزونه‌های بسیار زیادی برای ساخت AMP وردپرس وجود دارند که مهم‌ترین و اصلی‌ترین آن افزونه AMP for WORDPRESS می باشد که به سادگی از مخزن وردپرس قابل دانلود است. علاوه بر آن افزونه AMP for WP را نیز به شما معرفی کردیم که می‌توانید در وبسایت خود از آن نیز استفاده کنید.