بهبود رتبه گوگل با استفاده از فریم ورک AMP - کلیک سایت

قبل از شروع بهتر است با مفاهیم پایه آشنا شویم :

AMP چیست ؟

AMP یک برنامه اوپن سورس (open-source) است که از سال 2016 توسط شرکت گوگل ارائه شد و پس از آن توسط چندین شرکت رواج داده شد.

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

در این مقاله مزایا و موارد استفاده از این تکنولوژی توضیح داده خواهد شد .

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

مزایای استفاده از AMP را میتوان از دو بعد بررسی کرد :

• بهبود تجربه ی کاربر از مراجعه به صفحه وب

• موقعیت موتور های جست و جو از قبیل یاهو و گوگل

حال هر یک از موارد بالا را جداگانه بررسی می کنیم :

بهبود تجربه ی کاربر :

ابعاد مختلف این مورد به صورت زیر است :

• سرعت :

  با استفاده از این فریم ورک ، تا حد زیادی در زمان شما صرفه جویی می شود .مثلا هنگام استفاده از fast CDN ، جایی که تصاویر تکرار می شوند و اجزای جاوا اسکریپت AMP میزبانی میشوند ، اطلاعات در مرورگر به عنوان کش (cache) ذخیره میشوند تا از این طریق به بارگزاری سریع صفحات کمک کرده باشند. یکی از ترفند هایی که AMP برای افزایش سرعت استفاده می کند این است که برای بارگزاری استایل صفحات ، محدودیت تعیین میکند ، به طوری که صفحاتی که بیشتر از 50 کیلوبایت حجم دارند نمیتوانند باز شوند و باید در همان صفحه قبلی باقی بماند. این کار همچنین باعث صرفه جویی در هزینه تماس های خارجی نیز می شود.

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

• موقعیت موتور های جست و جو از قبیل یاهو و گوگل :

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

عملکرد AMP به دو صورت است : مستقیم و غیر مستقیم

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

محدودیت های اساسی (Basic Restrictions) :

AMP دارای سه محدودیت است که باید آنها را در نظر گرفت و هیچ راهی برای دور زدن آن ها موجود نیست. 

• هیچ جاوا اسکریپتی در آن مجاز  نمی باشد

• عکس ها زمانی بارگذاری می شوند که شما از روی آن ها پیمایش کامل نمایید.

• نسخه CSS ساده وب پیج نیز ،  برای ادامه کار لازم است.

تگ های html :

شما باید از تگ های از پیش تعیین شده AMP استفاده کنید و هنگام استفاده ، به قوانین سینتکسی آن مقید باشید . بهتر است قبل از شروع کار ، مستندات کامل از داکیومنت خود را تهیه و تنظیم کنید.
مهمترین تغییری که AMP ایجاد می کند ، استفاده از تگ <amp-img> به جای تگ ساده ی img برای تصاویر است ( که تاثیر چشمگیری در افزایش سرعت بارگزاری سایت دارد )

تصاویر AMP وقتی کاربر از روی آن گذر کند به صورت اتومات لود می شوند. اما باید مراقب باشید که طول و عرض تصویر را مشخص کرده باشید .

جاوا اسکریپت :

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

CSS :

همانطور که قبل تر گفتیم ، در AMP ما مجاز به بارگزاری تنها 50 کیلو بایت از استایل های صفحه وب هستیم و این ماکزیمم مقداری است که امکان پذیر است. اگر بخواهیم از استایل ها در AMP استفاده کنیم میبایست از سینتکس روبرو پیروی کنیم :

<style amp-custom> … </style> 

شاید بگویید 50 کیلوبایت بسیار زیاد است و نباید مارا دچار هیچ مشکلی بکند ؛ این دیدگاه از جهاتی درست و از جهاتی دیگر غلط است. این بستگی به سایت دارد ، برای برخی سایت ها این مقدار زیاد و برای برخی دیگر بسیار کم است. 

استاندارد های AMP :

با توجه به اینکه وبسایت های AMP مورد توجه موتور های جست و جو هستند ، شاید این سوال برایتان پیش بیاید که چگونه میتوانیم سایتی بر اساس AMP داشته باشیم ؛ در گوگل کروم ابزاری با عنوان developer tools وجود دارد که توسط آن میتوانید از استاندارد های فریم ورک AMP باخبر شوید . با کمک برخی پلاگین های وردپرس میتوانید یک وبسایت پویا مطابق قوانین AMP داشته باشید.

بیشترین کاربرد AMP در کدام سایت هاست ؟

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