تکنولوژی AMP یا Accelerated Mobile Pages چیست؟
گوگل در سال ۲۰۱۶ از تکنولوژی جدیدی به نام AMP جهت افزایش سرعت بارگذاری صفحات وب رونمایی کرده است.
با توجه به گسترش استفاده از اپلیکیشن‌های موبایل، سرعت بارگذاری و لود صفحات از اهمیت ویژه‌ای برخوردار شده است.
استفاده از فریم ورک AMP به بارگذاری هر چه سریع‌تر متن،تصویر، ویدئودر صفحات وب کمک می‌کند.
هر چه سرعت لود و بارگذاری بالاتر برود تعداد بازدید کاربران از صفحات شما نیز افزایش پیدا خواهد کرد.
در این نوشته در مورد استفاده از تکنولوژی AMP جهت افزایش سرعت صفحات و بهینه سازی برای اپلیکیشن موبایل صحبت می‌کنیم.
تکنولوژی AMP و افزایش سرعت صفحات موبایل
همان‌طور که گفته شد AMP فریمورک متن بازی هست که موجب افزایش سرعت لود صفحات می‌شود.
در واقع این تکنولوژی کدهای HTML را بهینه‌سازی می‌کند و مشاهده صفحات وب را درون اپلیکیشن برای کاربر راحت‌تر می‌کند.
برنامه نویس مجاز است از تگ‌های خاصی در HTML استفاده کند و نه از همه تگ‌ها.
همچنین استفاده از کدهای CSS هم فقط کدهای کاربردی مجاز هستند.
استفاده از تمام کدهای جاوا اسکریپت نیز مجاز نمی‌باشد.
در واقع کدهایی که حجم برنامه را افزایش می دهند در این تکنولوژی نباید استفاده شوند.
زمانی که شما تصمیم می‌گیرید وبسایت‌تان را به اپلیکیشن موبایل متصل کنید، اگر برای صفحات وب از این تکنولوژی استفاده شده باشد کاربران تمایل بیشتری به استفاده از اپلیکیشن شما پیدا خواهند کرد.
سرعت بالای باز شدن صفحات وب بر روی اپلیکیشن باعث می‌شود کاربر مدت زمان بیشتری از خدمات شما استفاده کند ونهایتاً موجب بهبود تجربه کاربری می‌شود.
استفاده از تکنولوژی AMP در وردپرس
در حال حاضر برخی CMS (سیستم‌های مدیریت محتوا) از این تکنولوژی پشتیبانی کرده‌اند.
وردپرس با ارئه پلاگین‌های مثل Glue for Yoast یا AMP Plugin powered by Automattic به بهبود صفحات وردپرسی با استفاده از تکنولوژی AMP کمک می کنند.
استفاده از خط زیر در کد به موتور جستجو اطلاع می‌دهد که از چه نسخه از تکنولوژی AMP استفاده کرده‌اید.
- link rel="amphtml" href="http://example.com/2017/05/your-blog-post/amp/"
اگر وبسایت شما وردپرسی است با نصب افزونه AMP می توانید این قابلیت را به سایت خود اضافه کنید.
این افزونه یک ساختار بدون جاوا اسکریپت و استایل شیت را برای صفحات در نظر می گیرد.
حتی شما می توانید برای هر صفحه از سایت محتوا را دوباره برای حالت AMP تغییر دهید و ساختار دلخواه و ساده خود را برای حالت موبایلی سایت بسازید.
مزایای استفاده از تکنولوژی AMP:
ایجاد صفحات سریع موبایل به بهبود رتبه در SERP کمک می کند. SERP مخفف عبارت Search Engine Results Page می‌باشد و نتایج جستجوی یک کلمه خاص در رابطه با سایت شما را شامل می‌شود.
تکنولوژی AMP تجربه کاربری را بهبود می‌بخشد.
- توسط گوگل آنالتیکس به خوبی پشتیبانی می شود.
- تعداد کاربران افزایش پیدا خواهد کرد.
معایب استفاده از تکنولوژی AMP:
- محدودیت استفاده از کدهای HTML,CSS,JavaScript.
- از سایر ابزارهای تحلیل به جز گوگل آنالتیکس پشتیبانی نمی شود.
چطور می توانم وبسایتم را با تکنولوژی AMP بهینه کنم؟
با مراجعه به وب سایت رسمی AMP یا صفحه رسمی AMP بر روی Github می توانید در راستای بهینه سازی صفحات سایت خود بر مبنای این فریم ورک گام بردارید.
هم اکنون وبسایت‌های خبری مثل BBC و CNN بر اساس AMP بهینه سازی شده‌اند.
صفحات AMP در سرچ موبایل گوگل به صورت یک دایره کوچک خاکستری رنگ کنار لینک نشان داده می‌شوند.
در همین رابطه توصیه می‌کنیم مطلب زیر را در مورد تکنولوژی PWA مطالعه کنید.
وب اپلیکیشن‌های پیش رونده یا Progressive Web Apps چه هستند؟
مرسی از وردپرس که این امکانات خوب رو فراهم می کنه و مرسی از تیم اپساز که این اطلاعات رو به مامنتقل می کنه