AMP مخفف Accelerated Mobile Pages بهمعنای صفحات موبایلی پرشتاب . در واقع، AMP یک استاندارد کدنویسی برای وبسایتها به شمار میرود. AMP نسخه خلاصهشدهای از HTML میباشد. به بیان سادهتر، AMP روشی برای سبکتر کردن صفحات وبسایت با حفظ سبک و سیاق ظاهری آنها است تا در گوشیهای هوشمند با سرعت بیشتری ظاهر شوند. یکی از کاربردهای AMP در تولید سریع مقاله در فیسبوک است؛ به این صورت که محتواها را بهطور مستقیم از طریق خبرنامه ارسال میکند تا محتواها سریعتر بارگذاری و نمایش داده شوند.
AMP در سال ۲۰۱۵ میلادی معرفی شد که در آن زمان اغلب کاربران اینترنت بهجای استفاده از رایانه از تلفنهای همراه خود استفاده میکردند. گوگل به این نتیجه رسید که سرعت سایتها برای تلفنهای همراه کند است. چنین وضعیتی برای گوگل، وبسایتها و کاربران ایده ال نبود. بنابراین، باید راهکاری ارائه میشد که این راهکار پروژه متنبازی به نام AMP بود.
مزیت AMP
گوگل بدون مجبور کردن کاربر برای مشاهده کل محتوای سایت، از طریق AMP باعث افزایش سرعت ارائه محتوا در ابزارهای موبایل شده است. در نتیجه، با استفاده از AMP میتوانید سرعت لود را بالا ببرید، نمود خود را در موبایل افزایش دهید، رتبهبندی سایت را بهبود ببخشید، تبلیغات را با انعطافپذیری بیشتری نمایش دهید و بهاصطلاح کاربر سایت را track کنید.
بالا بردن سرعت لود
افراد از جستوجو در سایت با سرعت پایین لذت نمیبرند؛ حتی اگر مطالب سایت مفید و کاربردی باشد، کاربر برای خواندن آن زمان زیادی صرف نمیکند و به سراغ سایتهای دیگر میرود.
کندی سایت نرخ تبدیل کسبوکار را تحت تأثیر قرار میدهد. همچنین AMP سرعت بارگذاری سایت را بهطور قابلتوجهی در تبلت و تلفن همراه افزایش میدهد.
افزایش نمود در تلفن همراه
گوگل صفحات AMP را جزء نتایج ارگانیک دستهبندی مینماید. این نتایج با علامتی به شکل صاعقه مشخص میشود. هرچقدر وبسایت بیشتر جلبتوجه کند، کلیک بالاتری دریافت میکند.
بهبود رتبهبندی سایت
در چند سال اخیر گوگل سرعت لود سایت در تلفن همراه را جزء فاکتورهای رتبهبندی سایت قرار داده است که رتبه تنگاتنگی بین رتبهبندی سایت و نرخ تبدیل وجود دارد. هرچه کاربر از سایت شما و سرعت آن بیشتر رضایت داشته باشد، احتمال اینکه محصولی از شما بخرد یا ثبتنام انجام دهد، بیشتر خواهد بود.
تبلیغات را با انعطاف بیشتر نمایش دهید.
اغلب، هدف از راهاندازی وبسایت کسب درآمد از طریق تبلیغات میباشد. حتماً وبسایتهایی را به خاطر میآورید که با ورود به آنها با تبلیغات در طرح و سایزهای مختلف مواجه میشوید. حال، اگر با تلفن همراه خود در حال وبگردی باشید، شرایط سختتر هم میشود. AMP این مشکل را برطرف کرده است. صفحات بهینهشده با این پلتفرم، نمایش تبلیغات را به حداقل میرساند یا نوع نمایش را متناسب با نیاز کاربر تغییر میدهند.
بهراحتی کاربر سایت را track کنید.
اگر ترافیک سایت را به سمت صفحات تلفن همراه هدایت کنید، خوب است؛ اما کافی نمیباشد. باید مشخص نمایید کاربر از کجا وارد سایت شما شده است، از کدام صفحه بازدید کرده و چه مدت در سایت باقی مانده است و بهاصطلاح کاربر را track نمایید.
AMP ابزاری برای تحلیل این دادهها ارائه میدهد که میتوانید اطلاعاتی درباره تعداد بازدیدکنندگان، نرخ کلیک، نرخ تبدیل، بازدیدکنندگان جدید و قدیمی و … به دست بیاورید.
محدودیتهای AMP
AMP برای بهبود سرعت صفحه و خوانا بودن محتوا ایجاد شده است و به این معنا میباشد که کدهای استفادهشده ساده و بهینه میباشند.
استفاده از این تکنولوژی محدودیتهایی دارد که باید آنها را بدانید؛ مثلاً اینکه، جاوا اسکریپت مجاز به استفاده نیست. عکسها هنگامی بارگذاری میشوند که از روی آنها پیمایش کامل نمایید.
باید از دیگر کامپوننتها بهره ببرید که سایت را اینتراکتیو میکنند. اگرچه AMP میتواند کارایی زیادی داشته باشد، list AMP محتوا را از نقطه پایانی Vanilla فچ و به شکل یک قالب آن را رند میکند. انجام این کار با Vanilla اهمیت زیادی دارد.
کارهایی که AMP انجام میدهد، به دور از محاسبات مجدد و افزایش تمرکز روی بهینهسازی رندینگ میباشد. بنابراین، دارای چندین محدودیت میباشد که در ادامه به آنها میپردازیم.
همه منابع باید دارای اندازه ثابت باشند؛ یعنی تغییر اندازه با css نداشته باشید و تمامی scc باید درونبرنامهای باشد؛ یعنی بهجای بودن در فایل خارجی، باید در هدر باشد و حداکثر حجم آن ۵۰ کیلوبایت باشد. همچنین، نمیتوان از اصلاحکننده اصلی در css استفاده نمود؛ زیرا استایلینگ ضروری AMP را اورایت مینماید. چنین محدودیتهایی باعث میشوند AMP بیشتر برای تلفن همراه کاربرد داشته باشد؛ زیرا ایجاد نرمافزار پیچیدهٔ تحت وب با دستگاههای دیگر امکانپذیر نمیباشد.
یک نمونه از کاربرد AMP
افرادی که از نسخه AMP برای انتشار محتوای خود در موبایل استفاده میکنند، باید آن را در نسخه دسکتاپ خود هم معرفی کنند. بهطور مثال، اگر برای صفحه خاص خود در موبایل از AMP استفاده میکنید، باید لینک معرفی آن را بهصورت لینک rel AMP html در کد html صفحه دسکتاپ بنویسید.
افزودن AMP به وبسایت
روشهای مختلفی برای افزودن AMP در وبسایت وجود دارد. در این مقاله، افزونههایی را که برای سیستمهای مدیریت محتوا مانند دروپال، جوملا و وردپرس استفاده میشود، بررسی میکنیم. بهتر است در این زمینه از افراد متخصص کمک بگیرید تا در نحوه نمایش وبسایت خود دچار مشکل نشوید.
استفاده از AMP در دروپال (Drupal)
دروپال یک افزونه ویژه برای صفحات AMP دارد. برای نصب آن به قسمت extend داشبورد دروپال وارد شوید و سپس از قسمت install module افزونه را نصب نمایید.
استفاده از AMP در جوملا (Joomla)
جوملا افزونههای AMP مخصوص خود را دارد که با دانلود آنها از سایت افزونههای جوملا و نصب از طریق کنترل پنل میتوان آنها را فعال نمود. افزونه جوملا در قسمت manager extension از منوی extension قرار دارد.
بررسی عملکرد AMP
AMP با نمایش اطلاعات در تلفن همراه مرتبط است. قبلاً هم این نسخه وجود داشت؛ اما اکنون از JavaScript حذف شده است و میتوانید آن را در نسخه html مشاهده کنید.
AMP JavaScript فضای بهینهسازیشدهای را برای بارگذاری اطلاعات خارجی فراهم کرده است تا هیچ عنصری حذف نگردد. کتابخانه اطلاعات با کم کردن کدها و فیلتر آنها سرعت بارگذاری را بیشتر خواهد کرد.
هر کد css که غیرفعال یا کند شود، بهصورت پیشفرض بارگذاری نمیشود تا موردبررسی دقیق قرار گیرد. این مورد بر پایه شبکه پروکسی است که باید برای توزیع اسناد از آن استفاده شود.
سیستمی که بهعنوان عامل اعتبارسنجی عمل میکند و وابستگی به منابع خارجی ندارد و در واقع http2.o برای عملکرد مناسبتر بررسی میشود و تمامی موارد لود میشود.
اغلب کاربران برای توسعه وبسایت خود از AMPcache استفاده میکنند تا گوگل بتواند آنها را ذخیره کند. در اینجا، هنگامی که CDN فایلها را بارگذاری میکند، در نهایت، با بهرهگیری از cache میتواند اطلاعات جدید را برای کاربر بارگذاری کند.
تأثیر AMP بر سئو
از نظر گوگل AMP عامل اصلی در نتایج جستوجو نمیباشد؛ زیرا AMP بهطور غیرمستقیم از طریق افزایش سرعت وبسایت و بهبود تجربه کاربری بر سئو اثر میگذارد.
علاوه بر این، بازدیدکنندگانی که بر صفحات AMP کلیک میکنند، محتوا را میخوانند و بهاحتمال زیاد با محتوا تعامل خوبی برقرار میکنند. این کار باعث کاهش نرخ پرش شده و راهی عالی برای بهبود تجربه کاربری و جذب مخاطبان است.
AMP بر تمام وبسایتها در صنایع میتواند تأثیر مثبتی داشته باشد. پیادهسازی صفحات AMP به نرخ تبدیل و فروش کلی کمک زیادی میکند. بهطور کلی، بهبود ترافیک ارگانیک و افزایش فروش هدف اصلی سئو میباشد.
در واقع، AMP دیر یا زود باید بخشی از استراتژی سئو شود. ماهیت پروژه AMP بهعنوان یک فناوری منبع باز، پیادهسازی آن را سادهتر خواهد نمود. بنابراین مهم است که نحوه عملکرد AMP را بهطور دقیق درک کرده باشید.
نکات مهم در مورد AMP
صفحات AMP در نتایج جستوجوی گوگل در تلفن همراه در بالای صفحه قرار دارند. بهدلیل اینکه AMP بهصورت اسلاید قالببندی شده است، نیاز نیست کاربر به پایین صفحه تلفن همراه خود اسکرول کنند.
افرادی که روی صفحات AMP کلیک میکنند، با محتوا درگیر میشوند و احتمال بازگشت آنها کم میباشد. این کار برای افرادی که به دنبال خبر هستند و از محتواهای طولانی لذت میبرند، مناسب میباشد.
گوگل آنالیتیکس از AMP پشتیبانی میکند که میتوان نحوه واکنش کاربران به نسخههای AMP صفحات را در این قسمت مشاهده کرد.
صفحات AMP به تولید لید کمک نمیکنند. تا زمانی که امکان اضافه نمودن پاپآپها به AMP وجود نداشته باشد، نمیتوانید با آن لید تولید کنید. اگر تمرکز اصلی شما ایجاد لید است، از پیادهسازی AMP در وبسایت سودی نمیبرید.
AMP میتواند تلاشهای ایجاد لینک را مختل نماید. هنوز در گوگل نشانهٔ اینترنتی صفحات AMP ریشه دارند. بنابراین، اگر لینکهایی به صفحات AMP خود به دست آورید، لینک و مزایا را نسبت به شخصی که به صفحه شما لینک میدهد، دریافت نخواهید کرد. بهدلیل اینکه لینکسازی نقش مهمی در سئو دارد، برای بسیاری از وبسایتها این مشکل به وجود میآید.
گوگل صفحات AMP شما را در وب ذخیره نمیکند؛ بهجز مواردی که صددرصد از هر خطایی به دور باشد. اگر نتوانید این مشکل را برطرف نمایید، ممکن است نتوانید از AMP استفاده کنید.
AMP به وبسایتهای فروشگاهی کمک نمیکند؛ زیرا این فناوری بیشتر بر مقالات طولانی و محتوا تمرکز دارد. اگر وبسایت شما دارای صفحات زیادی از پست و مقالات وبلاگ باشد، میتوان از AMP html استفاده کرد.
نحوه ساخت AMP سایت
برای ساخت AMP سایت مراحل زیر را دنبال کنید:
۱) ساخت صفحه AMP html
در سایت AMPproject.org کد html وجود دارد که آن را با عنوان یک فایل و با پسوند html کپی و ذخیره نمایید.
محتوا در body آسان میباشد؛ اما در head صفحه کدهای بیشتری وجود دارد که ممکن است بلافاصله آشکار نشوند.
۲) تگ تصویر
اغلب تگهای html را مستقیماً میتوان در AMP html به کار برد؛ در صورتی که تگهای خاص مانند img جایگزین تگهای سفارشی از AMP html میشود و حتی برخی از تگها ممنوع میباشند.
۳) اصلاح ارائه و لایه
برای بخش ظاهری صفحه از مشخصات عمومی css استفاده میشود. عناصر ظاهری از کلاس در head استفاده میکند که style AMP-custom نام دارد.
در هر صفحه AMP فقط یک stylesheet واحد میتواند جاسازی شده باشد. چندین selector مشخص هم وجود دارد که اجازه استفاده از آن را ندارید.
۴) پیشنمایش و اعتباربخشی
پیشنمایش در صفحه AMP مثل پیشنمایش در سایت html است. هیچچیز ازپیشطراحیشده نمیباشد و قدم دیگری نیاز ندارد. شما میتوانید با باز کردن صفحه در مرورگر بهطور مستقیم و استفاده از وب سرور محلی را انتخاب نمایید.
۵) آماده نمودن صفحه برای کشف و توزیع
ممکن است این صفحه مشابه با هر دو نسخه با ۲ و هم بدون این تکنولوژی داشته باشید. بهطور مثال، مقاله خبری را در نظر بگیرید. اگر جستوجوی گوگل نسخه بدون ۲ صفحه را یافت نماید چگونه متوجه میشد که یک نسخه AMP وجود دارد؟
بهطور کلی، AMP تغییر بزرگی در انتشار صفحات تلفن همراه ایجاد کرده است. اکنون به نظر میرسد که راهاندازی AMP همهچیز است؛ اما برای وبسایتهایی که متمرکز بر محتوا هستند، ضروری میباشد تا از دیده شدن در موتورهای جستوجو اطمینان به دست آورند.
تمپلیتهای AMP
در تنظیمات AMP میتوانید تمپلیتهای مختلفی برای AMP به کار ببرید. این تمپلیتها به سه دسته استاندارد، خواننده یا reader و انتقالی تقسیم میشوند.
حالت استاندارد
در این حالت، سایت شما برای نمایش محتوا از یک تم واحد استفاده میکند. در نتیجه، بر روی وب یک نسخه از محتوا قرار خواهد گرفت. شما میتوانید در این حالت قسمتی از سایت خود را از AMP خارج نمایید.
حالت خواننده (reader)
در حالت reader از سایت شما دو نسخه با دو تم متفاوت وجود دارد. میتوانید برای حالت AMP از تم کلاسیک استفاده نمایید.
حالت انتقالی
در حالت انتقالی، تم فعال برای AMP و غیر AMP استفاده میشود. این کار به هر لینک این امکان را میدهد تا یک آدرس AMP نیز داشته باشد. این تمپلیت برای یک سایت تمام AMP مناسب میباشد. با توجه به پلاگین و تم سایت، نیاز است اطلاعات بیشتری درباره تمپلیت کسب نمایید.
آیا AMP برای همه سایتها ضروری میباشد؟
AMP در سایتهایی که حجم بالایی از مقالات خبری یا پستهای وبلاگی دارند، استفاده میشود. اگر دارای مقالات زیادی در وبسایت خود نیستید، AMP برای کسبوکار شما ضروری نمیباشد.
اگر سایت دارای حجم زیادی از مقاله است و از CDN استفاده میکنید، باید بدانید که این پلتفرمها اغلب دارای ویژگیهای بهینهسازی عملکرد مانند فایل کشینگ، میزبانی تصویر و لیزی لودینگ هستند؛ یعنی متن قبل از تصویر بارگیری میشود.
به دلیل اینکه برخی از افزونههای JavaScript و توابع محدود میشوند، صفحات AMP برای خواننده سادهتر میباشد. اگر برای track نمودن مخاطب از ابزارهای شخص ثالث استفاده مینمایید، باید مطمئن شوید که AMP شما کار میکند و اطلاعات را مانند دیگر صفحات عادی سایت دریافت میکند.
AMP بهتنهایی نمیتواند عاملی برای رتبهبندی گوگل باشد؛ اما میتواند به بهبود صفحات وب شما کمک کند که در الگوریتم گوگل قرار دارند. با این حال، تنها راه برای بهبود عملکرد سایت و بهینهسازی تجربه کاربری نمیباشد.
اگر قبلاً سایت خود را برای تلفن همراه بهینه کردهاید، ممکن است AMP برای شما ضروری نباشد یا حتی عملکرد سایت را برای شما پیچیده کند.
جمعبندی
در نهایت، میتوان گفت اگر برای افزایش سرعت صفحه و تجربه کاربری بهتر بهینهسازی انجام میدهید، این کار میتواند روی سئوی سایت تأثیر داشته باشد و AMP تنها یکی از راههای دستیابی به آن است.
همانطور که در این مطلب بررسی شد، AMP راهی عالی برای سرعت بخشیدن به وبسایت و ایجاد تجربه کاربری بهتر در ارائه محتوا بهخصوص برای کاربران تلفن همراه میباشد.
اگر با توجه به معیارهایی که گفته شد، تصمیم داشتید از AMP استفاده کنید، مطالب ارائهشده را در نظر بگیرید و به مراحلی که گفته شد، توجه نمایید.
ممکن است به مدتزمان زیادی نیاز داشته باشید تا نتیجه آن را مشاهده کنید؛ اما داشتن محتوایی با عملکرد بهتر میتواند مزایای بسیار زیاد و طولانیمدت برای کسبوکار شما به همراه داشته باشد.
در این مقاله سعی داشتیم که شما را با مفهوم کلی AMP آشنا کنیم و با ذکر معایب و مزایای آن، بررسی عملکرد AMP، تأثیر AMP بر سئو، نکات مهم AMP و … اطلاعات بیشتری در اختیارتان قرار دهیم. امیدواریم که از ارائه این مطالب بهره کافی به دست آورده باشید.
مقالات زیر را در وبسایت وبانو مطالعه کنید:
بدون دیدگاه