AMP چیست و نحوه ایجاد آن به چه شکل است؟
در ابتدای سال 2016 غول دنیای جستجو ابزار جدیدی به اسم AMP را معرفی کرد. با در نظر گرفتن حجم استفاده از گوشیهای همراه، تعداد کاربرانی که برای یافتن اطلاعات مورد نظر خود از گوشی خود استفاده میکنند نیاز افزایش یافته است. بنابراین سرعت لود صفحات یک وبسایت در دستگاههای موبایل اهمیت به خصوصی دارد که در این آموزش از اکسپرت سئو به این موضوع میپردازیم. در همین خصوص گوگل از فرم ورک جدیدی به اسم AMP رونمایی کرده است که هدف از ارائه آن بهبود عملکرد صفحات وب حاوی متن، تصویر، انیمیشن، فیلم و غیره در دستگاههای همراه است. گوگل قصد دارد به دنبال ارائه این ابزار راهکاری سریع و بهینه در اختیار کاربران قرار دهد تا به سهولت قادر به مشاهده محتوای صفحات وب، به ویژه وبسایت دارای محتوای زیاد (به عنوان مثال وبسایتهای خبری) باشند.
بررسی فریم ورک AMP
AMP یا Accelerated Mobile Page در تعریف به معنای بالا بردن میزان سرعت بارگذاری صفحات در موبایل است. پروژه AMP یک فریم ورک جدید و متن باز به شمار میرود که کاملا از تکنولوژیهای موجود در وب شکل گرفته است. بنیانگذار این پروژه شرکتهای گوگل و توئیتر هستند که به برنامهنویسان کمک میکند صفحات HTML با حجم کمی ایجاد کنند. این کدها به سهولت در صفحات موبایل بارگذاری میشوند تا صفحات وب با لود سریع در معرض دید کاربران قرار گیرند.
شرکتهای متعددی از جمله ووردپرس، Pinterest، اپل و لینکیدن در این پروژه شرکت کردهاند که نام آنها با فعالیت در فناوریهای وب گره خورده است.
بررسی تاثیر AMP در بالا بردن میزان سرعت لود صفحات موبایل
در بالا اشاره کردیم که AMP یک فریم ورک متن باز با قابلیت بهینهسازی کدهای HTML است. کدهای این پروژه سرعت لود بالایی داشته و در نتیجه بارگذاری سریع صفحات وب را به دنبال دارند تا خواندن صفحات وب برای کاربران سادهتر شود.
برنامهنویسان تنها قادر به استفاده از تگهای خاصی از HTML بوده و مجاز به استفاده از تمامی تگها نیستند. علاوه بر این کدهای CSS ساده و بسیار کاربردی توسط این افراد استفاده میشود و تمامی کدهای جاوا اسکریپت نیز مجاز نیستند. AMP استایل خاصی برای این افراد در نظر میگیرد و باعث نادیده گرفتن کدهای CSS نمیشود و آن دسته از کدهایی که حجم صفحات وبسایت شما را افزایش میدهند را به عنوان عامل غیرمجاز در نظر میگیرد.
در نتیجه هدف پلتفرم AMP بالا بردن میزان خوانایی و سرعت بارگذاری صفحات وب در موبایل است.
نحوه نمایش AMP در نتایج جستجو
حال با مفهوم AMP آشنا شدهایم و قصد داریم به نحوه نمایش این صفحات در موتورهای جستجو نیز نگاهی بیندازیم. AMP بر روی گوشیهای همراه هدفگذرای شده و براساس دمو نشان داده شده در وبسایت رسمی گوگل وبسایتهای نوشته شده توسط این فریم ورک لینک آبی دارند.
به چه شکل وبسایت خود را با توجه به استانداردهای AMP استاندارد کنیم؟
ابتدا بایستی صفحات AMP خود را بسازید و صفحه سایت خود را با توجه به استانداردهای آن طراحی کنید. در این خصوص میتوانید با استفاده از ابزار developer tools گوگل کروم از استاندارد کدهای خود بر اساس فریم ورک AMP مطلع شوید. پلاگینهای وردپرس که به منظور ایجاد صفحات AMP نوشته شدهاند نیز میتوانند به شما کمک کنند تا صفحات داینامیکی براساس استانداردهای AMP بسازید.
علاوه بر این میتوانید با رفتن به وبسایت رسمی AMP و کلیک بر روی Github نسبت به بهینهسازی صفحات وبسایت خود بر اساس این پلتفرم اقدام کنید.
یقینا گوگل با ایجاد AMP هدف به خصوصی را در نظر گرفته است و ممکن است در آیندهای نزدیک با توجه به بهرهمندی این فریمورک از طراحی ساده جایگزینی برای تکنیکهای طراحی رسپانسیو و نسخه موبایل سایت معرفی شود.