Core Web Vitals یا شاخص‌های حیاتی وب چیست؟ راهنمای LCP، INP و CLS

این مطلب نسخه خلاصه‌شده‌ای از یکی از راهنماهای تخصصی وبتیک است.

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

Google برای اندازه گیری بخش هایی از تجربه واقعی کاربران، مجموعه‌ای از معیارها با عنوان Core Web Vitals معرفی کرده است. این معیارها قرار نیست تمام کیفیت یک سایت را در سه عدد خلاصه کنند، اما سه جنبه بسیار مهم از تجربه استفاده از صفحه را قابل اندازه گیری می‌کنند: سرعت نمایش محتوای اصلی، سرعت پاسخ صفحه به تعامل کاربر و ثبات بصری صفحه.

• LCP برای سنجش سرعت نمایش محتوای اصلی صفحه

• INP برای سنجش پاسخگویی صفحه به تعاملات کاربر

• CLS برای سنجش ثبات بصری و جلوگیری از جابه‌جایی ناگهانی عناصر

برای اینکه یک صفحه از نظر Core Web Vitals وضعیت خوبی داشته باشد، هدف اصلی این است که LCP حداکثر 2.5 ثانیه، INP حداکثر 200 میلی ثانیه و CLS حداکثر 0.1 باشد؛ آن هم نه فقط در یک تست آزمایشگاهی، بلکه برای بخش بزرگی از کاربران واقعی. Google برای ارزیابی این وضعیت از صدک 75 استفاده می‌کند و موبایل و دسکتاپ را جداگانه در نظر می‌گیرد.

در این راهنما ابتدا مفهوم Core Web Vitals را دقیق بررسی می‌کنیم، سپس سراغ LCP، INP و CLS می‌رویم، تفاوت داده واقعی و آزمایشگاهی را توضیح می‌دهیم و در نهایت می‌بینیم این معیارها چه ارتباطی با SEO دارند و هنگام مشاهده یک وضعیت ضعیف، از کجا باید بررسی را شروع کرد.

Core Web Vitals چیست؟

Core Web Vitals را می‌توان مجموعه‌ای از معیارهای استاندارد برای ارزیابی بخش‌های مهم تجربه کاربر در صفحات وب دانست.

نکته مهم این است که Core Web Vitals را نباید فقط با «سرعت سایت» مترادف بدانیم.

سرعت نمایش محتوا فقط یکی از ابعاد ماجرا است. یک سایت ممکن است محتوای اصلی را در کمتر از دو ثانیه نمایش دهد، اما به‌دلیل اجرای سنگین JavaScript هنگام کلیک روی منو برای مدتی واکنشی نشان ندهد. در این حالت LCP ممکن است خوب باشد ولی INP ضعیف باشد.

بنابراین Core Web Vitals تلاش می‌کند تجربه کاربر را از چند زاویه مکمل بسنجد، نه اینکه تمام تجربه را در یک مفهوم مبهم به نام «سرعت» خلاصه کند.

برای درک جایگاه این موضوع در ساختار کلی سایت، Core Web Vitals را می‌توان یکی از مباحث مهم سئو تکنیکال دانست؛ با این تفاوت که هدف آن فقط کمک به موتور جستجو نیست و مستقیما با کیفیت تجربه کاربران واقعی ارتباط دارد.

LCP چیست؟

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

INP چیست؟

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

چه اتفاقی برای FID افتاد؟

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

تفاوت Core Web Vitals و Web Vitals چیست؟

در حال حاضر Core Web Vitals فقط سه معیار LCP، INP و CLS را شامل می‌شود.

Core Web Vitals چه ارتباطی با تجربه صفحه دارد؟

یک صفحه می‌تواند از نظر LCP، INP و CLS عملکرد خوبی داشته باشد و همچنان تجربه ضعیفی برای کاربر ایجاد کند.

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

• تبلیغات مزاحم بخش بزرگی از محتوا را بپوشانند.

• یک Interstitial ناگهانی دسترسی کاربر به محتوا را مختل کند.

• طراحی صفحه طوری باشد که تشخیص محتوای اصلی دشوار شود.

آیا Core Web Vitals عامل رتبه‌بندی Google است؟

Core Web Vitals در سیستم‌های رتبه‌بندی Google استفاده می‌شود، اما امتیاز خوب Core Web Vitals تضمین کننده رتبه بالا نیست.

اگر یک صفحه محتوای ضعیف و نامرتبطی داشته باشد اما Core Web Vitals عالی باشد، نباید انتظار داشته باشیم صرفا با سرعت و ثبات صفحه از محتوای بسیار مرتبط و مفید رقبا عبور کند.

آیا باید برای گرفتن امتیاز 100 در PageSpeed Insights تلاش کنیم؟

عدد عملکرد که در Lighthouse یا بخش داده آزمایشگاهی در PageSpeed Insights می‌بینید یک امتیاز آزمایشگاهی است. این امتیاز با Core Web Vitals داده کاربران واقعی یکسان نیست.

داده کاربران واقعی چیست؟

Chrome User Experience Report یا CrUX یکی از منابع اصلی داده واقعی کاربران است. گزارش Core Web Vitals در Search Console نیز بر داده CrUX متکی است.

PageSpeed Insights نیز در بخش تجربه کاربران واقعی، داده CrUX را نمایش می‌دهد و این داده یک بازه زمانی از تجربه کاربران واقعی را منعکس می‌کند.

PageSpeed Insights دقیقا چه چیزی نشان می‌دهد؟

یا برعکس، ممکن است Lighthouse امتیاز 98 نشان دهد اما داده کاربران واقعی همچنان LCP ضعیف داشته باشد.

• داده کاربران واقعی: کاربران واقعی در هفته‌های اخیر چه تجربه‌ای داشته اند؟

• داده آزمایشگاهی: در این اجرای کنترل شده، صفحه چگونه عمل کرد و چه مشکلات فنی قابل تشخیصی دارد؟

چرا Search Console با PageSpeed Insights متفاوت است؟

PageSpeed Insights ممکن است داده همان URL را نشان دهد، اما اگر برای آن URL داده کافی وجود نداشته باشد، ممکن است داده در سطح گسترده تری در دسترس باشد. همچنین Lab Test فقط وضعیت اجرای همان تست را نشان می‌دهد.

گزارش Core Web Vitals در Search Console چگونه کار می‌کند؟

وجود داده کافی اهمیت دارد. اگر یک سایت یا گروه URL ترافیک و داده واقعی کافی نداشته باشد، ممکن است اطلاعات Core Web Vitals برای آن نمایش داده نشود.

برای پاس شدن Core Web Vitals چه اتفاقی باید بیفتد؟

یعنی اگر LCP و CLS عالی باشند اما INP ضعیف باشد، نمی‌توان گفت صفحه از نظر Core Web Vitals وضعیت کاملاً خوبی دارد.

برای بهبود INP روی چه چیزهایی تمرکز کنیم؟

بنابراین نباید مثلا با کاهش TBT نتیجه بگیریم مشکل INP تمام کاربران قطعا حل شده است. بعد از اصلاح باید داده کاربران واقعی را نیز بررسی کرد.

سبز شدن Core Web Vitals یعنی تجربه صفحه عالی است

Core Web Vitals سه بخش مهم تجربه را می‌سنجد، اما تجربه صفحه ابعاد بیشتری دارد.

جمع بندی؛ Core Web Vitals را برای کاربر بهینه کنید، نه برای رنگ سبز ابزار

Core Web Vitals روشی برای تبدیل چند بخش مهم تجربه کاربر به معیارهای قابل اندازه گیری است.

Core Web Vitals زمانی ارزش واقعی پیدا می‌کند که از آن برای پیدا کردن تجربه ضعیف کاربران استفاده کنیم.

مطالعه نسخه کامل

برای مطالعه توضیحات کامل، مثال‌ها و جزئیات بیشتر، Core Web Vitals یا شاخص‌های حیاتی وب چیست؟ راهنمای LCP، INP و CLS را در وبتیک بخوانید.