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

فهرست مطالعه این مقاله

AMP چیست؟

AMP یا صفحات موبایل سریع، روشی است که با استفاده از آن می توانید صفحات سایت خود را برای دستگاه های موبایل به لحاظ سرعت بهینه سازی کنید. در واقع AMP پروژه ای است که گوگل با هدف بهینه سازی صفحات سایت در دستگاه های موبایل ایجاد کرده است. هدف از این پروژه ایجاد صفحاتی سریع و با طراحی مناسب در دستگاه های موبایل است. پروژه ی AMP با همکاری هزاران برنامه نویس و شرکت های نرم افزاری ایجاد شده است و در حال توسعه است. صفحاتی که با AMP پیاده سازی می شوند، فورا لود می شوند و دلیلی که صفحات AMP فورا لود می شوند، به سبب محدودیت هایی در HTML، CSS و JavaScript است.

اهمیت داشتن صفحات AMP چیست؟

از جمله مواردی که داشتن صفحات AMP را مهم می کند می توان به این مورد اشاره کرد که از آنجایی که معمولا سرعت صفحات AMP بیش تر از صفحات معمولی است، معمولا صفحاتی که از AMP استفاده می کنند، تجربه کاربری بهتری از لحاظ سرعت خواهد داشت و لذا کاربران در مواجه با آن صفحات ممکن است بر روی آن ها بیشتر کلیک کنند. همچنین صفحات AMP بر سئو سایت هم تاثیر دارد چرا که سرعت بهینه یکی از فاکتورهای رتبه دهی موتورهای جستجو است. از دیگر مواردی که اهمیت داشتن صفحات AMP را بیشتر می کند می توان به بارگذاری بسیار سریع در صفحات موبایل، احتمال دریافت CTR بیشتر، رتبه بندی بهتر و … اشاره کرد.

صفحات AMP چگونه نمایش داده می شوند؟

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

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

چگونه AMP کار می کند؟

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

  1. AMP HTML

Amp html اساسا همان HTML استاندارد است که با یک سری محدودیت ها همراه است. در واقع در برخی موارد همان HTML استاندارد استفاده می شود و در برخی موارد از تگ هایی که مختص AMP است و در واقع کمی تغییر کرده است، استفاده می شود. موتورهای جستجو صفحات AMP را توسط این تگ های HTML شناسایی می کنند. شما می توانید یک ورژن AMP و یک ورژنی که AMP نیست داشته باشید و یا فقط یک ورژن AMP داشته باشید.

2- AMP JavaScript (JS)

جاوا اسکریپت یکی از محبوبترین و البته قدرتمندترین زبان های برنامه نویسی وب است. AMP کتابخانه جاوا اسکریپت مخصوص خودش را دارد به این معنی که همه دستوراتی که در جاوا اسکریپت معمولی استفاده می کنید را نمی توانید در اینجا استفاده کنید و باید از دستورات مخصوص AMP در برخی موارد استفاده کنید. این کتابخانه ی جاوا اسکریپت از بهترین تجربه ها مانند بکارگیری css درون خطی و … استفاده می کند.

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

3- Google AMP Cache

با AMP Cache در واقع گوگل یک کپی از صفحات AMP معتبر را کش می کند و زمانی که کاربران در جستجوی آن صفحات با دستگاه های موبایل هستند، گوگل با سرعت بالاتری آن صفحات را از AMP cache در اختیار کاربران قرار می دهد. در واقع AMP cache یک شبکه ارائه محتوا است که برای تمام صفحات معتبر AMP مورد استفاده قرار می گیرد.

برخی از مواردی که در AMP رعایت می شود

موارد زیادی هستند که در AMP رعایت می شوند تا سرعت بارگذاری صفحات بالا برود که از جمله آن ها می توان به موارد زیر اشاره کرد.

1- اجرای نسخه های CSS ساده

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

2- تصاویر به صورت Lazy load بار گذاری می شوند

در AMP برای بالا رفتن سرعت از تکنیک Lazy Load به منظور بهینه سازی صفحات استفاده می شود که در آن تا زمانی که به یک تصویر نرسیده و و اصطلاحا اسکرول نکرده اید، تصاویر بارگیری نمی شوند. این کار به شما کمک می کند که متن صفحه و قسمت فعلی که روی آن هستید را در سریعترین زمان ممکن مشاهده کرده و اگر لازم داشتید به بخش دیگری از مقاله خود بروید در همان لحظه تصاویر جدید را برای شما بارگذاری خواهد کرد. البته اگر به خوبی این کار صورت نگیرد و بهینه سازی تصاویر و … انجام نشده باشد ممکن است زمانی که کاربر اسکرول می کند تصویر را با تاخیر مشاهده کند که این مورد نیز تجربه کاربری خوبی را بر جا نخواهد گذاشت.

برخی از افزونه های وردپرس برای پیاده سازی AMP

برای پیاده سازی AMP در وردپرس افزونه های مناسبی وجود دارد که می توانند به شما در ایجاد صفحات AMP کمک کنند و نیازی به کد نویسی نداشته باشید. در ادامه دو مورد از مهمترین افزونه هایی که در وردپرس می توانید از آن ها استفاده کنید را آورده ایم.

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

2- افزونه Yoast glue SEO: یکی دیگر از افزونه های مناسب Yoast glue SEO است که از این افزونه نیز می توانید برای پیاده سازی صفحات AMP در وردپرس استفاده کنید.

نتیجه گیری :

بهینه سازی سرعت سایت یکی از مواردی است که بسیار مهم است و این مسئله در دستگاه های موبایل مهم تر نیز می شود. لذا داشتن صفحاتی که از سرعت خوب و بالایی برخوردار است بسیار مهم است. ایجاد صفحات AMP یکی از مواردی است که می توانید به کمک آن، سرعت صفحات وب سایت را در دستگاه های موبایل بالا ببرید. همچنین توجه داشته باشید که AMP برای برخی از سایت هایی که نیاز به سرعت بالاتری دارند (مانند سایت های خبری)، از اهمیت بیشتری برخوردار است. در این مقاله با AMP  و اهمیت و عناصر اصلی آن و موارد دیگری آشنا شدیم. امیدواریم با بکارگیری درست این موارد بتوانید در کسب و کار خود بهتر عمل کنید.

AMP چیست؟

AMP یا صفحات موبایل سریع، روشی است که با استفاده از آن می توانید صفحات سایت خود را برای دستگاه های موبایل به لحاظ سرعت بهینه سازی کنید. در واقع AMP پروژه ای است که گوگل با هدف بهینه سازی صفحات سایت در دستگاه های موبایل ایجاد کرده است. هدف از این پروژه ایجاد صفحاتی سریع و با طراحی مناسب در دستگاه های موبایل است. پروژه ی AMP با همکاری هزاران برنامه نویس و شرکت های نرم افزاری ایجاد شده است و در حال توسعه است. صفحاتی که با AMP پیاده سازی می شوند، فورا لود می شوند و دلیلی که صفحات AMP فورا لود می شوند، به سبب محدودیت هایی در HTML، CSS و JavaScript است.

اهمیت داشتن صفحات AMP چیست؟

از جمله مواردی که داشتن صفحات AMP را مهم می کند می توان به این مورد اشاره کرد که از آنجایی که معمولا سرعت صفحات AMP بیش تر از صفحات معمولی است، معمولا صفحاتی که از AMP استفاده می کنند، تجربه کاربری بهتری از لحاظ سرعت خواهد داشت و لذا کاربران در مواجه با آن صفحات ممکن است بر روی آن ها بیشتر کلیک کنند. همچنین صفحات AMP بر سئو سایت هم تاثیر دارد چرا که سرعت بهینه یکی از فاکتورهای رتبه دهی موتورهای جستجو است. از دیگر مواردی که اهمیت داشتن صفحات AMP را بیشتر می کند می توان به بارگذاری بسیار سریع در صفحات موبایل، احتمال دریافت CTR بیشتر، رتبه بندی بهتر و … اشاره کرد.

با عضویت در خبرنامه ایمیلی ما میتوانید در رشد کسب و کار خود قدم موثری بردارید!

برچسب :

مهرداد محمدیAuthor posts

Avatar for مهرداد محمدی

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

بدون دیدگاه

دیدگاهتان را بنویسید

نشانی ایمیل شما منتشر نخواهد شد. بخش‌های موردنیاز علامت‌گذاری شده‌اند *