گوگل AMP چیست؟

shape
shape
shape
shape
shape
shape
shape
shape

گوگل AMP چیست

گوگل AMP چیست؟ – پروژه Google AMP، Accelerated Mobile Pages، یک پروژه منبع باز از سوی گوگل است که قصد دارد محتوای وب سایت را به سرعت تحویل دهد. محتوایی که در عرض چند ثانیه قابل دسترسی است.

صفحات در AMP نسخه ای از صفحات وب هستند که تمام محتوای مهم را حفظ می کنند.

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

آنها همچنین دارای محدودیت های مهمی هستند، از جمله استفاده از جاوا اسکریپت و CSS.

به گفته گوگل، وب سایت های AMP 15 تا ۸۵ درصد سریعتر از قالب استاندارد HTML ارائه می دهند.
گوگل سرعت بارگذاری صفحات و جنبه های تلفن همراه یک وب سایت را به عنوان معیار اصلی جستجوگرها در نظر می گیرد.

یک وب سایت بهینه شده AMP قطعا بهتر از دیگر وبسایت ها رتبه بندی خواهد شد.

بیش از ۴۰٪ از بازدیدکنندگان یک وب سایت با زمان بارگیری بیش از ۳ ثانیه سایت را ترک می کنند.

گوگل AMP چیست Google AMP چگونه کار می کند؟

صفحات موبایل (AMP) از اجزای سازنده خود استفاده می کند، برای مثال، <amp-img /> جایگزین <img /> می شود. دلیلش ساده است: به مرورگر اجازه می دهد تا انتخاب اولویت بارگذاری عنصر را بر اساس نظر فعلی انجام دهد.

اساسا یک چارچوب کلی برای ایجاد صفحات وب موبایل وجود دارد، که سه بخش اساسی دارد:

AMP HTML:

یک زیر مجموعه از HTML است.

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

AMP JS:

یک چارچوب کلی از جاوا اسکریپت برای صفحات تلفن همراه است.

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

لازم به ذکر است که استفاده از جاوا اسکریپت به عنوان عضو سوم همراه با AMP مجاز نیست.

AMP Cache:

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

<h2>چرا AMP موجب افزایش سرعت لود صفحات موبایل می شود؟<h2/>

همان طور که گفته شد AMP یک فریم ورک متن باز است که موجب بهینه سازی کد های HTML می شود.

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

شما به عنوان یک برنامه نویس فقط تگ های خاصی از HTML را می توانید استفاده کنید و مجاز به استفاده از همه تگ ها نیستید.

همچنین شما فقط می توانید کد های ساده CSS و آن هایی که دارای کاربرد بسیار هستند را استفاده کنید.

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

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

مزایای گوگل AMP

کارشناسان SEO چند استدلال در مورد صفحات تلفن همراه سریع (AMP) را ارائه می دهند:

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

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

• صفحات سریع موبایل شامل آمار و پیشرفت های قابل توجهی از عوامل غیر مستقیم مانند زمان بارگیری برای گوگل هستند.

• آیکون AMP به وضوح و برجسته قابل مشاهده است. این باعث افزایش میزان کلیک می شود.

محدودیت‌های AMP

AMP برای بهبود سرعت و همچنین خوانایی محتوا طراحی شده و لذا همان‌طور که قبلاً ذکر شد، کدهای صفحات را تا جایی که امکان دارد خلاصه می‌کند.
بنابراین لاجرم محدودیت‌هایی در طراحی صفحه به وجود می‌آید؛ از جمله:
• فقط جاوا اسکریپت مخصوص AMP اجرا می‌شود؛
• تصاویر فقط در صورتی بارگذاری می‌شوند که در صفحه جابجا شوید تا تصویر مربوطه در چارچوب صفحه نمایش قرار بگیرد (ویژگی lazy load)؛
• یک نسخه بی پیرایه و ساده از CSS مورد نیاز خواهد بود.

چگونگی نمایش AMP در نتایج جستجو

در حال حاضر AMP روی تلفن همراه هدف گذاری کرده است و بنا بر دمو نشان داده شده در سایت رسمی گوگل سایت هایی که توسط فریم ورک AMP نوشته شده اند دارای لینک آبی می باشند.

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

به طور قطع گوگل در نسخه رسمی در سال ۲۰۱۶ طراحی مناسبی برای صفحاتی که با AMP نوشته شده اند در نظر میگیرد

<h2>چگونه AMP را به وب‌سایتمان اضافه کنیم؟<h2/>

روش‌های متنوعی برای پیاده سازی AMP در وب‌سایت وجود دارد.

اگر از یکی از سیستم‌های مدیریت محتوای محبوب، مانند وردپرس، دروپال یا جوملا استفاده می‌کنید، افزونه‌هایی وجود دارند که استفاده از آن‌ها کار شما را راحت می‌کند

<h3>استفاده از AMP در وردپرس<h3/>

وردپرس با تیم مدیریت AMP گوگل قرارداد دارد و لذا اضافه کردن آن به این سیستم مدیریت محتوا کار نسبتاً آسانی است.

اگر با نحوه نصب افزونه در وردپرس آشنایی دارید به راحتی می‌توانید این قابلیت را به سایتتان اضافه کنید.

درعین‌حال دقت داشته باشید که برخی از افزونه‌های وردپرس زیاد با AMP سازگاری ندارند.

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

برای نصب AMP گزینه‌های مختلفی دارید که از آن جمله می‌توان به این سه مورد اشاره کرد:

• افزونه رسمی AMP

• افزونه Yoast glue SEO

• افزونه accelerated mobile pages

راه اندازی افزونه گوگل AMP

اگر تصمیم گرفتید که صفحات موبایل Google Accelerated Pages (AMP) را در وب سایت وردپرس خود نصب کنید، باید AMP را نصب و فعال کنید.

در پنل مدیریت وردپرس به قسمت افزونه ها، سپس افزودن را انتخاب کنید، کلمه ” AMP for WordPress ” را جستجو کنید.

سپس بروی دکمه نصب کلیک کنید و افزونه را فعال کنید.

بعد از نصب و فعال سازی افزونه به بخش:

نمایش > صفخات سریع موبایل رفته و مشاهده خواهید کرد که قابلیت های جدیدی به این بخش اضافه شده است و شما میتوانید با اضافه کردن المان های مورد نظر صفحه amp گوگل خود را سفارشی سازی کنید .

امیدواریم از خواندن این مقاله لذت برده باشید.

نظرات خود را با ما به اشتراک بگذارید.

منتظر مقالات بیشتر در ماهدیس وب باشید.

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

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