AMP مخفف عبارت Accelerated Mobile Pages میباشد که یک پروژه پشتیبانی شده توسط موتور جستجو گوگل است که از عناصر بسیاری تشکیل شده است که باعث می شود از لود شدن آهسته و کند یک صفحه وب جلوگیری کند.
همانطور که همهی ما میدانیم صفحات AMP برای افزایش سرعت بارگیری صفحات در تلفن همراه میباشند و باعث افزایش رتبه بندی در SERPs نمیشود. اما به دلیل اینکه برخی از سایتها میتوانند تعداد تاثیرات کلیک در صفحات AMP خود را ببینند به طور غیر مستقیم به افزایش رتبه بندی تاثیر میگذارد.
در واقع میتوان گفت، AMP صرفا بر روی سرعت یک سایت تمرکز دارد و در نتیجه بر سئو سایت تاثیر به سزایی میگذارد. صفحات AMP سه بار سریعتر از صفحات غیر AMP بارگذاری میشوند. صفحات AMP در موتور جستجوی گوگل معمولا در کمتر از یک ثانیه بارگذاری می شوند و اطلاعات موجود در این صفحات 10 برابر کمتر از اطلاعات موجود در صفحاتی است که از AMP استفاده نکردند.
اکثر افرادی که از جستجوگر Google استفاده می کنند در حال حاضر با AMP آشنا نیستند، اما با گذشت زمان و از طریق تجربه، متوجه خواهند شد که صفحات AMP بسیار سریعتر از صفحات وب معمولی هستند.
AMP چیست؟
Amp یا همان صفحات پرسرعت موبایل است، که برای ارائه یک تجربه جذاب به کاربران تلفن همراه طراحی شده است. Amp یک فریم ورک اپن سورس HTML است که راه مستقیمی برای ایجاد صفحات با سرعت بارگذاری بالا را در گوشی های همراه فراهم میکند.
در طراحی سایت و مناسب سازی آن برای گوشی های همراه، کدهایی که زمان بارگذاری صفحه را زیاد میکنند، حذف شده و تگ های amp را جایگزین آنها میکنند.
AMP از چه بخش هایی تشکیل شده است؟
چارچوب AMP شامل سه جزء است:
- AMP HTML، که نشانه گذاری استاندارد HTML با اجزای وب است.
- AMP JavaScript، که مدیریت بارگذاری منابع را دارد.
- حافظه AMP که صفحات AMP را تأیید می کنند.
نتایج تلفن همراه گوگل دو نسخه از یک صفحه را برای جستجو در نظر میگیرد:
1- برای دسکتاپ و سیستم های خانگی
2- برای تلفن همراه و تبلت از سال 2015 به بعد گوگل این چنین بیان کرد که میزان کاربرانی که از طریق موبایل سایت را بازدید میکنند بسیار بیشتر از کاربران دسکتاپ اهمیت دارد.
بنابراین تصصمیم گرفت الگویتمی ارائه دهد که سرعت لود صفحات وب را سریعتر کند وچون به اکثریت سایت ها اعتماد نداشت تا صفحات خود را به سرعت ارتقا دهند. بنابراین، AMP ایجاد شد تا صفحهها بتوانند بسیار سریع بارگذاری شوند و تجربه عالی برای کاربر را ارائه دهند. درست است که AMP بیشتر برای سایت های خبری مؤثر میباشد اما سایتهای تبلیغاتی هم بی بهره از این الگوریتم نمیباشند. زیرا برای لود شدن سریع تر عکس و فیلم و انیمیشن ها مناسب میباشد.
گوگل سایتی که AMP ندارد را جریمه نمیکند و سایت هایی که از AMP استفاده نمیکنند هم چنان به کار خود ادامه میدهند کما اینکه به نسخه موبایل بیشتر اهمیت میدهد.
چگونه AMP را در نتایج جستجو مشاهده کنید؟
سایت هایی که از قابلیت AMP در جستجو استفاده می کنند به این صورت مشخص میشود که در زیر وب سایتهای آنها در هنگام نمایش ریزالت ها علامت AMP نمایش داده میشود.
چگونگی راه اندازی AMP
برنامه نویسان باید از تگ های محدودی که قابلیت بهینه سازی را دارند در کدهای HTML استفاده کنند که باعث بالا بردن سرعت بارگذاری صفحات شود علاوه بر تگ های خاص HTML میتوانند از کدهای css ساده و هم چنین بعضی از کد های javascrip استفاده نمایند.
گرچه اکثر تگ ها در صفحه HTML AMP تگ های HTML معمولی هستند، برخی از تگ های HTML با تگ های خاص AMP جایگزین می شوند. این عناصر سفارشی، به نام اجزاء HTML AMP، باعث می شود که الگوهای مشترک به راحتی اجرا شوند.
به عنوان مثال، تگ amp-img پشتیبانی کامل از srcset را حتی در مرورگرهایی که هنوز آن را پشتیبانی نمی کند پشتیبانی می کند. برای کسانی که از CMS هایی مانند WordPress یا Joomla استفاده می کنند، افزونه هایی برای تبدیل صفحات به فرمت AMP وجود دارد.
لازم نیست که AMP را در تمام سایت به طور همزمان اجرا کنید. می توانید آن را برای اولین بار در چند صفحه تست کنید یا بخش های مختلف را در یک زمان انجام دهید تا اشتباهات کمتری داشته باشید.
معرفی خطاهای AMP
گوگل خطاهای AMP را با صفحه بندی دقیق در سرچ کنسول Google Search خود نشان می دهد. و تا زمانی که این اشتباهات فیکس نشوند، صفحات AMP در نتایج جستجو نشان داده نمیشوند. وبمستران در ابتدا می توانند اشتباهات مهم و تاثیر گذار را اصلاح نمایند و بعد از آن به سراغ صفحات داخلی بروند.
برخی از اشتباهات رایج معمولا مربوط به عدم استفاده بهینه از تگ ها در صفحات یا تصاویر میباشد. شما می توانید خطاهای AMP و تعداد صفحات نمایه شده AMP را در قسمت AMP (در بخش Appearance Search) کنسول جستجوی Google پیدا کنید.
آیا میتوان از AMP در وبسایتهای وردپرسی استفاده کرد؟
سرعت بارگذاری صفحات برای گوگل بسیار مهم است. این مطلب یکی از برجستهترین نکات برای بهینهسازی صفحات در موتورهای جستجوگر به حساب میآید. از آنجا که تکنولوژی AMP بر سرعت نمایش تاثیر میگذارد پس بهطور طبیعی نقش AMP هر روز پررنگتر میگردد.
در وردپرس با کمک افزونه WP AMP میتوانید سرعت وبسایت خود را افزایش دهید و در واقع آن را بهینه کنید.
ویژگی های افزونه apm
- بهبود باورنکردنی سئوی سایت
- افزایش سرعت سایت در نسخه موبایل
- بهبود تجربه کاربری (UX)
- دریافت ترافیک بیشتر از گوگل
- ساخت AMP سفارشی سایت بدون دانش برنامه نویسی
- افزایش فروش محصولات با ووکامرس
این افزونه امکان هماهنگسازی وردپرس با AMP را فراهم میکند و امکاناتی مانند ریدایرکت خودکار در دستگاههای موبایل را به شما میدهد.
افزونه Glue for Yoast Seo & AMP
برای افزایش سرعت بارگذاری وبسایت و صفحات آن میتوانید به کمک این افزونه به ساخت و مدیریت محتوا اقدام کنید. بنابراین بسیار ساده میتوانید صفحات و محتواهایی که مایلید در گوگل نمایش دهید را آماده کنید. همچنین این فرایند امکان هماهنگ سازی با افزونه ی یواست SEO را نیز دارد.
استفاده از افزونه AMP Validator
یکی از روش ها جهت اطمینان از مورد تایید بودن AMP، استفاده از افزونه AMP Validator در مرورگر گوگل کروم می باشد. پس از نصب این افزونه در نوار ابزار مرورگر خود علامت AMP را مشاهده خواهید نمود که پس از اجرای هر صفحه مشخص می کند که خطایی در کدها وجود دارد، AMP مورد تایید است و یا اینکه AMP غیر فعال می باشد.
– استفاده از Chrome DevTools console
جهت بررسی وضعیت صفحه امپ خود با استفاده از Chrome DevTools console مراحل زیر را انجام دهید.
1.صفحه AMP را در مرورگر گوگل کروم باز کنید.
2.انتهای URL عبارت #development=1 را اضافه نمایید. برای مثال: http://mypage.html#development=1
3.بر روی صفحه کلیک راست کنید گزینه inspect را و سپس گزینه console را انتخاب نمایید F5 را بزنید و خطاهای موجود را چک نمایید.
رشد چشمگیر AMP
گوگل به سرعت بارگذاری وبسایت علاقمند است. در حال حاضر صفحات مطابق با AMP در صدر نتایج گوگل قرار میگیرند. حتی بالاتر از سایتهایی که برای SEO از روشهایی مانند انتخاب کلمات کلیدی استفاده کرده اند. استفاده کارامد از امکان AMP، با افزایش سرعت بارگذاری وبسایت، بازدید از سایت شما را افزایش میدهد و کاربران شما را به سادگی به اطلاعات مورد نیاز میرساند.
الان وقتشه!
جهت مشاوره و ساخت طراحی سایت حرفه ای و بهینه سازی سایت و تولید محتوا تماس بگیر
نویسنده
مدیر سایت
حمیده عابدی کارشناس کامپیوتر رشته نرم افزار هستم و مشغول کار در در زمینه طراحی سایت با وردپرس و آشنا به سئو و بهینه سازی سایت، تولید محتوا، برنامه نویسی HTML, CSS هستم.