w3designw3design
  • صفحه اصلی
  • وبلاگ
  • خدمات ما
    • طراحی سایت
    • سئو و بهینه سازی سایت
    • کارت ویزیت آنلاین
    • پنل پیامکی
  • نمونه کارها
  • درباره ما
  • تماس با ما
Search
  • صفحه اصلی
  • وبلاگ
  • خدمات ما
    • طراحی سایت
    • سئو و بهینه سازی سایت
    • کارت ویزیت آنلاین
    • پنل پیامکی
  • نمونه کارها
  • درباره ما
  • تماس با ما
  • درباره ما
  • وبلاگ
AMP

AMP چیست؟

writer32020-11-21T11:33:35+03:30
By writer3 طراحی سایت

AMP

AMP مخفف عبارت Accelerated Mobile Pages و به معنی شتاب دهنده صفحات سایت در موبایل می باشد. در دنیای امروز با توجه به رشد روز افزون موبایل های هوشمند، می توان به طور میانگین در نظر گرفت که اکثرا افراد جستجو در سایت ها را با استفاده از تلفن همراه خود انجام می دهند، در نتیجه بسیار مهم است که فاکتورهای رتبه بندی گوگل برای سئو در موبایل نیز رعایت شود.

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

AMP چیست؟

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

زمانی که میخواهید صفحات سایت خود دارای Accelerated Mobile Pages باشد، می بایست از استانداردهای AMP در طراحی سایت خود استفاده کنید و صفحات سایت خود را براساس این استانداردها طراحی نمایید. برای اینکه مشخص شود سایت از تکنولوژی AMP استفاده می کند، گوگل در کنار سایت یک نمادی به شکل صاعقه یا جرقه نیز اضافه میکند.زمانی که سایت از تکنولوژی AMP برای بهبود سرعت سایت در موبایل استفاده می کند، گوگل این صفحات را واکشی کرده و در cache خود قرار می دهد، به همین دلیل زمانی که شما سایتی را که از AMP  بهره گرفته است، در موبایل باز می کنید، آدرس صفحه متعلق به گوگل می باشد.

مزایای Accelerated Mobile Pages

مزایای Accelerated Mobile Pages

  1. کمک به سئوی سایت و بهبود جایگاه آن در صفحه نتایج جستجو:

استفاده از Accelerated Mobile Pages توجه کاربر را به خود جلب می‌کند. چراکه در صفحه نتایج جستجوی گوگل در موبایل، کنار صفحاتی که از فناوری amp استفاده می‌کنند علامتی ظاهر می‌شود که نشان از سرعت بالای لود وب‌سایت دارد. بنابراین کاربر ترجیح می‌دهد به سراغ آن وب‌سایت برود و همین امر به سئو (SEO) سایت کمک می‌کند.
به علاوه، گوگل یک فهرست نتایج مجزا برای موبایل دارد و در آن سرعت بارگذاری صفحات در دستگاه‌های تلفن همراه را به عنوان یکی از معیارهای اصلی رتبه بندی قرار داده است.

  1. نرخ خروج کمتر

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

کمک به سئوی سایت و بهبود جایگاه آن در صفحه نتایج جستجو

  1. قابلیت تنظیم بر روی همه مرورگرها

یکی از مزیت‌های AMP قابلیت تنظیم آن بر روی همه مرورگرهاست. به این معنی که سایت‌های دارای این قابلیت، در همه مرورگرها می‌توانند از مزیت‌ها و امکانات عالی آن بهره‌مند شوند و از این نظر محدودیتی وجود ندارد.

  1. عدم نیاز به ایجاد سایت مپ

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

  1. مصرف بهینه داده‌ها

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

قابلیت تنظیم بر روی همه مرورگرها

 

Accelerated Mobile Pages چگونه سرعت وب‌سایت‌ها را افزایش می‌دهد؟

طبق گفته وب‌سایت رسمی amp، این افزونه با 8 روش بر سرعت صفحات وب در دستگاه‌های تلفن همراه اثر می‌گذارد که عبارت‌اند از:

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

با اینکه جاوا اسکریپت زبان بسیار قدرتمندی است و به کمک آن می‌توان صفحه را به هر شکل که بخواهیم تنظیم کنیم، اما یک مشکل دارد و آن این است که ساختارهای DOM را بلاک می‌کند و باعث کند شدن صفحه می‌شود. AMP برای رفع این مشکل، فقط به جاوا اسکریپت‌های غیرهمزمان اجازه اجراشدن می‌دهد.

  1. اندازه‌گیری آماری منابع خارجی

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

Accelerated Mobile Pages چگونه سرعت وب‌سایت‌ها را افزایش می‌دهد؟

  1. اجازه نمی‌دهد مکانیسم افزونه‌ها سد راه لود شدن صفحه شوند

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

  1. دور نگه‌داشتن جاوا اسکریپت از مسیرهای مهم

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

  1. همه CSS ها باید از نظر اندازه محدود و در خط باشند

بلوک‌های CSS معمولاً حافظه زیادی استفاده کرده و در نتیجه سرعت لود صفحه را کند می‌کنند. در صفحات HTML AMP فقط مدل‌های درون‌خطی CSS اجازه لود شدن دارند. این مدل‌ها حداکثر 50 کیلوبایت حجم دارند و این در حالی است که این میزان حجم بیشتر در صفحات خیلی پیچیده دیده می‌شود؛ بنابراین با این حال هم چنان باید تلاش شود تا کدهای CSS تمیز و مرتب نوشته شوند و از شلوغی و حجم بالای آن‌ها کاسته شود.

دور نگه‌داشتن جاوا اسکریپت از مسیرهای مهم

  1. اجرای فونت‌ها باید بهینه شوند

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

  1. فقط انیمیشن‌های GPU-accelerated را فعال می‌کند

تنها راه برای بهینه‌سازی‌های سریع این است که آن‌ها را در قالب GPU به کار بیندازیم.

  1. اولویت را به لود شدن منابع می‌دهد

AMP دانلود همه منابع را کنترل می‌کند؛ اولویت را به لود شدن منابع می‌دهد و از میان آن‌ها نیز فقط آنچه را نیاز است لود می‌کند.

اولویت را به لود شدن منابع می‌دهد

چگونه AMP را به وب‌سایت خود اضافه کنیم؟

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

  • AMP در وب‌سایت‌های غیر وردپرسی

برای اینکه گوگل و سایر فناوری‌های پشتیبانی از پروژه AMP نسخه AMP مقاله شما را تشخیص دهند، باید نسخه اصلی صفحه مقاله را تغییر دهید. صفحه مقاله اصلی باید دارای برچسب زیر باشد، در واقع یک برچسب کنونیکال برای صفحات AMP:
<link rel=”amphtml” href=”http://www.example.com/blog-post/amp/”>

  • AMP برای سایت‌های وردپرس

برای اضافه کردن AMP به وردپرس کافی است افزونه AMP-Wordpress plugin را نصب کنید.

چگونه AMP را به وب‌سایت خود اضافه کنیم؟

معایب استفاده از AMP 

  • به دلیل اینکه هدف از AMP سرعت بخشیدن به بارگذاری صفحات می باشد، برخی از کدهای سنگین جاوا اسکریپت و CSS را حذف می کند و مانع از اجرای آن ها می شود. بنابراین ممکن است سایت شما زرق و برق خود را از دست بدهد.
  • همانطور که در بالا توضیح داده شد، تکنولوژی AMP از Cache استفاده می کند. بدین معنی که صفحات سایت شما را در جایی مانند CDN ها ذخیره نموده و سپس با کلیک کاربر محتوای صفحه را نمایش می دهد. در این حالت اگر شما تغییری بر روی آن صفحه ایجاد کرده باشید ممکن است این تغییرات با کمی تاخیر در نسخه موبایل نمایش داده شوند زیرا صفحه cache شده است.

Share this post

Facebook Twitter LinkedIn Google + Email

Author

writer3

دیدگاهتان را بنویسید لغو پاسخ

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


Related Posts

کار با SVGator

کار با SVGator

کار با SVGator  SVG  نه تنها قابلیت سازگاری کاملی با رزولوشن‌های مختلف را دارد (resolution-independent) و می‌تواند روی دستگاه‌های... read more

افزونه‌های کاهش حجم تصاویر در وردپرس

افزونه‌های کاهش حجم تصاویر در وردپرس

افزونه‌های کاهش حجم تصاویر در وردپرس 🔸کاهش حجم تصاویر سایت یکی از مقدماتی ترین کارها برای افزایش سرعت یک وب... read more

محتوای برگه در نوشته وردپرس

محتوای برگه در نوشته وردپرس

 محتوای برگه در نوشته وردپرس 🔸 محتوای برگه در نوشته وردپرس همواره یکی از سوالات کاربران بوده که با استفاده... read more

مدیریت محتوا نیوک

مدیریت محتوا نیوک

PHP nuke ( پی اچ پی نیوک) چیست؟ سیستم مدیریت محتوا نیوک یا DNN یک CMS کاملا رایگان و اوپن... read more

ساخت انجمن در وردپرس

ساخت انجمن در وردپرس با افزونه bbPress | آموزش افزونه بی بی پرس

ساخت انجمن در وردپرس با افزونه bbPress ساخت انجمن در وردپرس با افزونه bbPress یکی از بهترین افزونه های... read more

وب سایت فروشگاهی

وب سایت فروشگاهی چیست؟

وب سایت فروشگاهی وقتی حرف از راه اندازی یک وب سایت فروشگاهی میزنیم باید به این نکته توجه کنیم که... read more

نمایش نقشه در وردپرس

نمایش نقشه در وردپرس

نمایش نقشه در وردپرس 🔸این روزها بهینه‌سازی موتورهای جستجو (سئو) یک ضرورت بسیار مهم به نظر می‌رسد. با پیشرفت مداوم... read more

سیستم های مدیریت محتوا

سیستم های مدیریت محتوا و انواع آن

 سیستم های مدیریت محتوا اگر تا به حال برای طراحی سایت اقدام کرده باشید، نام CMS یا سیستم مدیریت محتوا را شنیده‌اید.... read more

نصب قالب وردپرس

آموزش نصب پوسته در وردپرس

آموزش نصب قالب وردپرس قصد داریم در این مقاله آموزش نصب قالب وردپرس را به شما دوستان w3design توضیح دهیم.... read more

وجود خط فاصله در دامنه

خط فاصله و آندرلاین در دامنه

خط فاصله موتورهای جستجو خط فاصله ( – ) و خط زیرین ( _ ) را متفاوت از یکدیگر شناسایی... read more

جستجو

Follow Us

Facebook Pinterest Instagram Linkedin Telegram

آخرین مطالب

افزونه Everest Forms
افزونه Everest Forms
بسته نصبی قالب وردپرس
آموزش راه اندازی بسته نصبی قالب وردپرس در هاست دایرکت ادمین
افزونه ShortPixel
افزونه ShortPixel و بهینه سازی تصاویر وردپرس
افزونه‌ WPFront user Role
افزونه‌ WPFront user Role برای مدیریت نقش های کاربری در وردپرس
آموزش ساخت بسته نصب آسان در وردپرس
آموزش ساخت بسته نصب آسان در وردپرس
افزونه Ninja Forms
افزونه Ninja Forms
افزونه EWWW Image Optimizer
افزونه EWWW Image Optimizer
افزونه User Role Editor
افزونه User Role Editor و مدیریت نقش و سطح دسترسی کاربر در وردپرس
نصب وردپرس روی ساب فولدر
آموزش نصب وردپرس روی ساب فولدر دایرکت ادمین
افزونه Master Slider
افزونه Master Slider

دسته‌ها

  • آموزش
  • آموزش وردپرس
  • بازاریابی محتوا
  • برنامه نویسی
  • تبلیغات
  • دسته‌بندی نشده
  • سئو
  • سئو خارجی
  • شبکه
  • طراحی اپلیکیشن
  • طراحی سایت
  • کامپیوتر و لپ تاپ
  • گرویتی فرم
  • لینک سازی
  • نرم افزار

بایگانی‌ها

  • فوریه 2021
  • ژانویه 2021
  • دسامبر 2020
  • نوامبر 2020
  • اکتبر 2020
  • سپتامبر 2020

دسترسی سریع

  • خانه
  • وبلاگ
  • نمونه کارها
  • درباره ما
  • طراحی سایت
  • سئو و بهینه سازی
  • کارت ویزیت آنلاین
  • پنل پیامکی

عضویت در خبرنامه

    ۹۱۰۰-۱۰۱۱(۰۱۳) info@w3design.ir
    تمامی حقوق مادی و معنوی این سایت برای تیم w3design محفوظ است.