Core Web Vitals به زبان ساده: سرعت و تجربه کاربری چطور روی سئو اثر می‌گذارد؟

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

سه معیار اصلی Core Web Vitals

۱. LCP: بزرگ‌ترین محتوا چه زمانی نمایش داده می‌شود؟

Largest Contentful Paint زمانی را می‌سنجد که بزرگ‌ترین بخش قابل مشاهده صفحه، معمولاً تصویر اصلی یا تیتر بزرگ، نمایش داده می‌شود. این معیار نشان می‌دهد کاربر چه زمانی احساس می‌کند صفحه «باز شده است». گوگل مقدار ۲٫۵ ثانیه یا کمتر را خوب می‌داند.

عوامل رایج کندی LCP:

• تصاویر حجیم و بهینه‌نشده در بالای صفحه
• پاسخ کند سرور
• فایل‌های CSS و جاوااسکریپت که نمایش صفحه را متوقف می‌کنند
• فونت‌هایی که دیر بارگذاری می‌شوند

۲. INP: صفحه به تعامل کاربر چقدر سریع پاسخ می‌دهد؟

Interaction to Next Paint فاصله بین تعامل کاربر، مثل کلیک روی دکمه یا باز کردن منو، تا نمایش واکنش صفحه را می‌سنجد. این معیار جایگزین معیار قدیمی‌تر FID شده و تصویر کامل‌تری از پاسخ‌گویی صفحه در کل زمان بازدید می‌دهد. مقدار ۲۰۰ میلی‌ثانیه یا کمتر خوب محسوب می‌شود.

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

۳. CLS: آیا محتوا هنگام بارگذاری جابه‌جا می‌شود؟

Cumulative Layout Shift میزان جابه‌جایی‌های ناگهانی محتوا را می‌سنجد؛ همان لحظه‌ای که می‌خواهید روی لینکی کلیک کنید و ناگهان یک بنر بالای آن ظاهر می‌شود. مقدار ۰٫۱ یا کمتر خوب است.

دلایل رایج CLS:

• تصاویر و ویدیوهایی که ابعاد مشخص ندارند
• بنرها و تبلیغاتی که بعد از بارگذاری صفحه اضافه می‌شوند
• تغییر فونت هنگام بارگذاری

چطور Core Web Vitals را اندازه بگیریم؟

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

• PageSpeed Insights: هر دو نوع داده را برای یک آدرس نمایش می‌دهد.
• گزارش Core Web Vitals در Google Search Console: وضعیت گروه‌های صفحات سایت را بر اساس داده کاربران واقعی نشان می‌دهد.
• Lighthouse در ابزار توسعه‌دهنده مرورگر: برای بررسی سریع در زمان توسعه.

اقدامات عملی برای بهبود

بهبود LCP

• تصاویر را در قالب‌های فشرده مانند WebP یا AVIF و با ابعاد متناسب با نمایش ارائه کنید.
• تصویر اصلی بالای صفحه را با اولویت بالا بارگذاری کنید و آن را تنبل‌بارگذاری (lazy load) نکنید.
• زمان پاسخ سرور را با کش صفحات و زیرساخت مناسب کاهش دهید.
• فونت‌ها را محلی میزبانی کنید و فقط وزن‌های لازم را بارگذاری کنید.

بهبود INP

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

بهبود CLS

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

Core Web Vitals همه چیز نیست

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

جمع‌بندی

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