مجله خبری هاست ایران » طراحی و توسعه » راهنمای استفاده از AMP در وردپرس
  • mag-telegram.jpg
  • landing96-300-420.jpg
توسعه وب سئو و بهینه سازی سایت طراحی و توسعه

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

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

برای اولین بار در سال ۲۰۱۵، آمارها نشان داد که ترافیک استفاده از موبایل بیشتر از دسکتاپ است. با پیشرفت این موضوع، اکنون ۵۷٪ از کاربران اعتراف کرده‌اند که سایت‌هایی را که برای موبایل بهینه نیستند و البته سرعت لود پایینی دارند را به دیگران توصیه نمی‌کنند. باید بدانیم که در دنیای دیجیتال امروز، اگر وب‌سایتی را راه‌اندازی می‌کنیم، نسخه موبایل آن را نیز با داشتن سرعت لود بالا و صفحاتی بهینه ارائه دهیم.

AMP مخفف عبارت «Accelerated Mobile Pages» است. گوگل پروژه‌ی ایجاد این پلاگین را برای بالا بردن سرعت بارگذاری صفحات هدف قرار داد. AMP پلاگینی متن‌باز و البته رایگان گوگل است که انواع وب‌سایت‌های وردپرسی را برای استفاده در تلفن‌های هوشمند و تبلت بهینه می‌کند. این ابزار به‌راحتی قابل نصب و شخصی‌سازی برای پلتفرم‌هایی مثل موبایل است. در ادامه این مقاله توضیحات استفاده از AMP در وردپرس را بیان می‌کنیم.

AMP چگونه عمل می‌کند؟

ممکن است سرعت نسخه‌ی موبایلی وب‌سایت‌ها به دلیل عناصر به کار رفته در آن‌ها، زبان‌های برنامه‌نویسی متفاوت و پروتکل‌ها بسیار پایین باشد و همچنین یو ایکس آن‌ها به شکل مورد نظر به نمایش درنیایند. این امر موجب ترک وب‌سایت توسط کاربران می‌شود. طبق نظرسنجی‌های صورت گرفته از کاربرانی که خریدهای اینترنتی انجام می‌دهند، حدود ۴۶٪ از آن‌ها گفته‌اند که اگر با نسخه‌ی موبایلی برندی به‌خوبی ارتباط برقرار نکند هرگز دوباره برای خرید به آن سر نخواهند زد. هدف تکنولوژی AMP گوگل، جلوگیری از چنین اتفاقاتی است.

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


مقاله مرتبط: تاثیر سرعت بارگذاری ‌سایت در موبایل بر روی رتبه‌بندی گوگل و تجربه کاربری


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

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

معایب AMP:

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

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

  • مشکل دیگری که امکان دارد کاربران با آن روبه‌رو شوند این است که AMP در حال حاضر تنها از ابزار گوگل آنالیتیکس (Google Analytics) پشتیبانی می‌کند. کاربرانی که از ابزارهای دیگر برای بررسی عملکرد وب‌سایت خود استفاده می‌کنند نمی‌توانند تأثیر این پلاگین را بر بهبود عملکرد صفحات بهینه‌شده‌ی خود در موبایل را بررسی کنند.

استفاده از AMP در وردپرس

این پلاگین به‌راحتی قابل نصب و استفاده بر روی وردپرس است؛ اما برای غیرفعال کردن آن با مشکل بزرگی روبه‌رو خواهید شد، چراکه پس از این کار و غیرفعال کردن تنظیمات آن بر روی پست‌هایمان، باید تنظیمات ۳۰۱ دایرکتوری را به حالت قبلی برگردانید؛ اما اگر به فکر بالا بردن ترافیک و رتبه سایت خود در گوگل هستید نصب این پلاگین توصیه می‌شود. در ادامه مراحل نصب و راه‌اندازی AMP را با هم بررسی می‌کنیم:

نصب پلاگین AMP

از دایرکتوری وردپرس می‌توان به‌صورت رایگان این پلاگین را نصب کرد. به این منظور، در داشبورد وردپرس خود به تب پلاگین (Plugins) بروید. روی «Add New» کلیک کنید و «AMP plugin» را جستجو نمایید. روی «Install» کلیک کرده و آن را فعال کنید. اکنون این پلاگین را می‌توانید در برگه‌ی «Appearance» سایت خود مشاهده کنید و در تنظیمات آن، موارد دلخواه را انتخاب نمایید.


مقاله مرتبط: تکنولوژی‌های مدرن حوزه‌ی وب که باید بدانید


شخصی‌سازی تنظیمات

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

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

شخصی‌سازی بیشتر با پلاگین Yoast

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

Yoast پلاگینی قدرتمند است که هر پست و صفحه را با توجه به کلمات کلیدی، محتوای تگ «metadata» و مواردی دیگر آن، برای جستجو بهینه می‌کند. Glue نیز در واقع، پل ارتباطی بین AMP و Yoast است؛ این پلاگین، عملکردهای Yoast SEO را با صفحات AMP ادغام می‌کند. به این طریق که کمک می‌کند محتوای تگ «metadata» به‌درستی در موبایل نیز به نمایش درآیند. نکته‌ی جالب این است که ترکیب این سه پلاگین موجب می‌شود سایت ما در حالت بهینه برای موبایل نیز با تمام جزئیات و یو ایکس مورد نظر نمایش داده شود.

برای دسترسی به این موارد، پلاگین Yoast را در ابتدا نصب کنید. سپس Glue را برای Yoast و AMP نیز نصب کنید. از داشبورد خود در برگه‌ی تنظیمات (settings)، مسیر SEO > AMP را انتخاب کنید و در این بخش، تغییرات مورد نظر خود را اعمال نمایید.

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

منبع bluehost.com
ابزار بهینه سازی وب هاست ایران

افزودن دیدگاه

کلیک برای ثبت دیدگاه