amp وردپرس – افزایش سرعت بارگذاری وردپرس توسط Google AMP

بهترین روش برای افزایش سرعت بارگذاری سایت در موبایل استفاده از Google AMP یا amp یا Accelerated mobile pages (صفحات موبایل سریع) میباشد. با فعال سازی amp وردپرس میتوان بهترین نتیجه را در افزایش سرعت بارگذاری وردپرس در موبایل گرفت. از آنجاییکه amp توسط گوگل به صورت متن باز و رایگان منتشر شده کارشناسان سئو معتقدند AMP (ای ام پی) میتواند به عنوان یکی از نکات مهم در آموزش سئو و بهینه سازی سایت مطرح شود از اینرو استفاده از آن را پیشنهاد میکنند. در کنار طراحی قالب استاندارد میتوان با بهره گیری از amp سئو سایت را بهبود زیادی بخشید و در رتبه های نخست نتایج جستجو ظاهر شد. در این مقاله از ایران تمز به آموزش فعال سازی amp وردپرس توسط افزونه میپردازیم پس تا انتها همراه ما باشید.

amp یا Accelerated Mobile Pages چیست ؟

گوگل AMP یک نوآوری رایگان و متن باز است که توسط شرکت های فن آوری مانند گوگل و توییتر پشتیبانی می شود. هدف از این پروژه بارگذاری سریع و آنی محتوای وب سایت برای کاربرانی است که از موبایل (تلفن همراه) برای وبگردی استفاده میکنند. amp از سه هسته اصلی html، js و کش گوگل تشکیل شده تا یک تجربه کاربری عالی در بسیاری از سیستم عامل های موبایل را فراهم کند. صفحات تلفن همراه سریعتر یا AMP به استفاده حداقلی از HTML و Javascript محدود شده اند و این امکان را فراهم میسازند که هر یک از مطالب سایت دارای نسخه ای مخصوص amp باشند.

این صفحات در سرورهای کش گوگل ذخیره می شوند و بلافاصله پس از کلیک بر روی نتایج جستجو گوگل، بجای صفحات معمولی سایت نسخه amp نوشته نمایش داده می شود. صفحات amp سازگاری کاملی با هر نوع نرم افزار تحت وب و مرورگر را دارند و در حال حاضر توسط گوگل، توییتر، LinkedIn، Reddit و … مورد استفاده قرار میگیرند. سایت پروژه به آدرس ampproject.org در دسترس است که میتوانید با مراجعه به آن اطلاعات کاملی را از نحوه عملکرد amp بدست آورید.

لینک نمونه نتایج جستجو گوگل دارای amp

از ویژگی های amp میتوان به موارد زیر اشاره کرد:

1. بهینه سازی صفحات وب برای موبایل (واکنش گرایی خودکار سایت)
2. افزایش سرعت بارگذاری صفحات سایت در موبایل
3. بهبود رتبه سئو و بهینه سازی سایت در گوگل
4. افزایش بازدید و ترافیک ورودی سایت از گوگل و سایر موتورهای جستجو
5. کاهش فشار و مصرف منابع سرور  به دلیل بهینه سازی سایت در موبایل
6. افزایش امنیت سایت و وردپرس به دلیل بارگذاری نوشته ها از سرورهای گوگل
7. و …

google amp را چگونه در وردپرس فعال کنیم؟

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

<link rel="amphtml" href="http://example.com/2016/10/my-blog-post/amp/" />

نصب amp وردپرس توسط افزونه محبوب AMP

برای فعال سازی و نصب amp در وردپرس تنها باید افزونه MP را نصب و سپس فعال کنید. این پلاگین به صورت خودکار تگ لینک را به نوشته های سایت میافزاید و آدرس دهی مخصوص نسخه amp را ایجاد میکند. این افزونه دارای قالب ساده و زیبا با نهایت بهینه سازی کدهای html، css و جاوا است تا محتوای نوشته ها هرچه سریعتر برای کاربران بارگذاری شوند. امکان تنظیم رنگ هدر، نوشته ها و انتخاب نوع پوسته نیز در سفارشی سازی افزونه قرار داده شده است. همچنین میتوانید فاویکن و لوگو سایت را نیز در هدر قرار دهید. برای دانلود افزونه و مشاهده توضیحات بیشتر به برگه آن در مخزن افزونه های وردپرس به آدرس AMP wordpress plugin مراجعه کنید.

افزونه وردپرس AMP for WP – Accelerated Mobile Pages

یکی از بهترین افزونه های ساخت نسخه amp سایت پلاگین AMP for WP – Accelerated Mobile Pages میباشد.

برخی از ویژگی های افزونه عبارتند از:

1. طراحی جذاب و زیباتر نسخه موبایل صفحات سایت نسبت به افزونه amp
2. نمایش جستجو در حالت تمام صفحه به صورت پاپ آپ
3. دارای منو واکنشگرا با افکت باز شدن از راست یا چپ صفحه
4. پشتیبانی از شبکه های اجتماعی در پوسته amp
5. امکان طراحی قالب وردپرس برای صفحات amp
6. دارای چندین افزونه افزودنی Extensions برای افزایش امکانات پلاگین اصلی
7. دارای افزونه پشتیبانی از ووکامرس در amp (با خرید Extensions)
8. پشتیبانی افزونه سئو وردپرس yoast
9. سرعت بارگذاری سریع
10. و …

برای مشاهده توضیحات بیشتر و دانلود افزونه به برگه آن در مخزن وردپرس به آدرس AMP for WP – Accelerated Mobile Pages مراجعه کنید.

ایجاد خطای 404 بعد از فعال سازی amp در وردپرس

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

مقاله پیشنهادی: آموزش وردپرس

مشاهده صفحات بهینه شده موبایل در گوگل سرچ کنسول

پس از طی مراحل بالا با مراجعه به گوگل سرچ کنسول (گوگل وبمستر تولز سابق) نتایج فعال کردن amp وردپرس را مشاهده کنید.
برای اینکار ابتدا وارد حساب کاربریتان در گوگل سرچ کنسول Google Search Console شوید سپس از منو Search Appearance گزینه Accelerated Mobile Pages را انتخاب کنید. نتیجه ای نمایش داده نمیشود ؟ نگران نباشید مدتی زمان میبرد تا تمام صفحات و نوشته های سایت در نسخه amp ایندکس شوند.

تنظیمات سئو صفحات amp توسط افزونه Glue for Yoast SEO & AMP

اگر از افزونه amp (اولین افزونه معرفی شده در این آموزش) برای ایجاد Accelerated Mobile Pages استفاده کرده اید و همزمان از افزونه سئو وردپرس Yoast SEO  بهره میبرید، توسط افزونه Glue for Yoast SEO & AMP میتوانید به مدیریت ایجاد و نمایش پوسته نسخه amp وردپرس بپرازید. پس از نصب این افزونه گزینه ای با نام AMP در تنظیمات افزونه yoast افزوده میشود که میتوانید تنظیمات زیر را توسط آن انجام دهید.

1. قابلیت تنظیم پشتیبانی (پست سفارشی وردپرس) پست تایپ های متفاوت از amp
2. دارای محیط طراحی برای تنظیم بخشهای مختلف قالب amp وردپرس
3. امکان تغییر رنگ تمام بخشهای پوسته
4. قابلیت تنظیم متن زیرخط دار underline برای لینکها
5. دارای بخش آنالیزر و بررسی نسخه amp سایت

برای مشاهده توضیحات بیشتر و دانلود افزونه به صفحه آن در مخزن افزونه های وردپرس به آدرس Glue for Yoast SEO & AMP مراجعه کنید. پیش از این در مقاله ای با عنوان فعال کردن ssl وردپرس به آموزش نصب و راه اندازی ssl و https در سایت پرداخته ایم که میتوانید آنرا نیز مطالعه کنید. در اینجا به پایان آموزش میرسیم، اگر شما نیز نسخه amp سایت تان را راه اندازی کرده اید در بخش دیدگاه های همین مطلب ما را از تجربیات بهبود رتبه سئو و سرعت سایت تان مطلع سازید.