AMP چیست و چه کاربردی دارد؟ | آموزش پیاده سازی AMP برروی سایت

AMP یا Accelerated Mobile Pages یک چارچوب متن باز است که برای سرعت بخشیدن به زمان بارگذاری برای کاربران اینترنت موبایل طراحی شده است. در این مقاله از نژودا توضیح می‌دهیم که AMP چیست، به چرایی و چگونگی توسعه آن می‌پردازیم و مزایای آن را برای گروه‌های مختلف بررسی می‌کنیم.

AMP مخفف عبارت Accelerated Mobile Pages است. این یک چارچوب متن باز است که به عنوان یک ابتکار مشترک توسط گوگل و چندین شرکت فناوری و انتشارات دیگر راه اندازی شد. با AMP، می‌توان وب سایت‌های تلفن همراه ساده‌ای ایجاد کرد که تقریباً بلافاصله بارگیری می‌شوند. ویژگی‌های مشخصه AMP کاهش عناصر جاوا اسکریپت و CSS و استفاده از شبکه تحویل محتوا (CDN) است.

AMP با یک هدف اصلی ایجاد شد: ایجاد زمان بارگذاری سریع برای کاربران تلفن همراه. این واکنشی بود به افزایش تقاضا برای زمان‌های بارگذاری کوتاه – موضوعی که بارها توسط شرکت‌ها مطرح شده بود. این ابتکار با هدف ایجاد سیستمی راه اندازی شد که به نفع همه باشد. تبلیغ‌کنندگان، ناشران و کاربران همگی می‌توانند از AMP سود ببرند.

Accelerated Mobile Pages در سال 2015 توسط گروهی از شرکت‌های معتبر دنیا یعنی گوگل، وردپرس و Adobe راه اندازی شد. از همان ابتدا، چندین پورتال خبری بین المللی نیز در پروژه AMP شرکت داشتند و با برخی از اولین وب‌سایت‌هایی که AMP را پیاده‌سازی کردند، The Guardian (بریتانیا)، واشنگتن پست و Buzzfeed (ایالات متحده)، Frankfurter Allgemeine Zeitung و Die Zeit (آلمان) و El Pais (اسپانیا). توییتر و لینکدین نیز از ابتدا به عنوان شرکای فناوری در AMP مشارکت داشته‌اند.

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

چرا استفاده از AMP مفید است؟

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

آرام لود شدن یک صفحه وب باعث می‌شود کاربر با نارضایتی سایت را ترک کند و تا زمانی که محتوای آن لود می‌شود منتظر نماند. استفاده از AMP ایده خوبی است زیرا به طور خاص برای ایجاد وب سایت‌هایی طراحی شده است که باید در سریع‌ترین زمان ممکن لود شوند.

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

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

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

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

سورس کد AMP چیست؟

به طور کلی، همه سرورها می‌توانند سورس کد AMP را بخوانند زیرا این کد بر اساس اسکریپت های شناخته شده است. سه عنصر زیر مشخصه AMP هستند:

• AMP HTML: کد HTML یک Accelerated Mobile Page به موارد ضروری محدود می‌شود. هنگامی که صفحه بارگذاری می‌شود، تنها یک درخواست http ارسال می‌شود.
• AMP JavaScript: AMP از کد JS ناهمزمان (asynchronous) استفاده می‌کند. این به سایت اجازه می‌دهد تا قبل از بارگیری تمام عناصر JS شروع به لود شدن کند.
• AMP CDN: حافظه پنهان هر وب سایت AMP در سرورهای مختلف در سراسر جهان ذخیره می‌شود. این محتوا را می‌توان از طریق کوتاه‌ترین مسیر ممکن با استفاده از شبکه توزیع محتوا به کاربر رساند. یکی دیگر از مزایای CDN این است که عملکرد صفحه به طور مداوم بررسی می‌شود. این به جلوگیری از بروز خطا کمک می‌کند.

برای پیاده سازی و طراحی AMP چه تغییراتی باید در کد HTML اعمال شود؟

تعدادی ویژگی خاص وجود دارد که HTML یک وب سایت باید داشته باشد تا بتواند روی AMP اجرا شود. هر محتوای رسانه سمعی و بصری باید با تگ‌های AMP خاص، به عنوان مثال amp-img، amp-video، amp-audio یا amp-iframe نشانه گذاری شود. نمونه‌ای از اینکه چگونه می‌توان یک تصویر را با استفاده از AMP در کد منبع یک صفحه درج کرد به شرح زیر است:

<amp-img src=”myimage.jpg” alt=”what you can see on the image” height=”200″ width=”300″></amp-img>

علاوه بر این، برچسب‌های زیر باید در هر صفحه گنجانده شود تا بتوان با استفاده از AMP به درستی نمایش داد:

• نوع داکیومنت (Document type): <!doctype html>
• Top level tag: <html> برچسب یا <html amp>
• تگ‌های <head> و <body>
• تگ Canonical در هدر: <link rel=”canonical” href=”http://www.mynormalURL.com” />
• کدگذاری: <pre><meta charset=”utf-8″></pre> در سربرگ
• Viewport: <meta name=”viewport” content=”width=device-width, minimum-scale=1″>
• رفرنس دادن به CDN AMP: <script async src=”https://cdn.ampproject.org/v0.js”></script>

مزایای AMP چیست؟

همان طور که قبلاً هم گفتیم، AMP با هدف بهبود سرعت لود سایت‌ها و منفعت رساندن به سایت‌ها، تبلیغ کنندگان و ناشران ایجاد شد. در این قسمت به بررسی مزایای AMP برای هر یک از این گروه‌ها می‌پردازیم.

• تبلیغ کنندگان: تبلیغ کنندگان می‌توانند AMP را در فرمت‌های مختلفی استفاده کنند. محتوای تبلیغاتی به صورت ناهمزمان (asynchronously) بارگیری می‌شود، به این معنی که تجربه کاربر با تبلیغاتی که از بارگذاری صفحه جلوگیری می‌کند، مختل نمی‌شود.
• ناشران: ناشران از قرارگیری برجسته وب سایت‌های AMP در محیط خبری سود می‌برند. قابلیت کاربری بالای وب سایت‌های بهینه شده برای موبایل نیز به سیگنال‌های مثبت از سوی کاربر کمک می‌کند.
• کاربران: وب سایت‌هایی که از AMP استفاده می‌کنند برای کاربران عالی هستند. آنها مجبور نیستند برای بارگیری صفحات طولانی منتظر بمانند و حتی می‌توانند در هنگام لود سایت از طریق اتصال اینترنت کند با سرعت بالا سایت را مشاهده کنند.

تأثیر AMP روی سئوی سایت

بسیاری از افرادی که در حوزه مشاوره دیجیتال مارکتینگ و سئوی سایت کار می‌کنند همواره این سؤال را می‌پرسند که تأثیر روی سئو سایت  AMP چیست و چگونه می‌توان از آن بهره برد؟

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

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

فرمت AMP سئوی بهتری را ایجاد نمی‌کند، اما تمام قوانینی که آن را تشکیل می‌دهند روی سئو تأثیر غیر مستقیم دارند.

سوالات متداول شما