روش های مشاهده اطلاعات Core Web Vitals

1- شما می توانید داده های Core Web Vitals سایت خود را با استفاده از Google PageSpeed Insights بررسی کنید. این ابزار برای بررسی فاکتورهای تاثیرگذار در Core Web Vitals بسیار کاربردی است. . به خصوص زمانی که اطلاعات دقیقی برای بهبود آن می خواهید.

2- همچنین می توانید داده های هسته حیاتی گوگل سایت خود را در بخش ;بهبودها حساب Google Search Console خود بیابید. همانند Google PageSpeed Insights، داده ها در کنسول جستجو از گزارش تجربه کاربر Chrome می آیند. اما برخلاف PageSpeed Insights، شما می توانید داده های LCP را در کل سایت خود مشاهده کنید. بنابراین به جای اینکه صفحات سایت را یک به یک تجزیه و تحلیل کنید، لیستی از URLهای خوب، ضعیف یا نیاز به بهبود را جایی در این بین دریافت می کنید.

چرا Core Web Vitals مهم است؟

گوگل قصد دارد تجربه صفحه را به یک فاکتور رسمی رتبه بندی گوگل تبدیل کند. تجربه صفحه ترکیبی از عواملی است که گوگل برای تجربه کاربر مهم می داند و با توجه به آنها به سایت شما امتیاز می دهد. از جمله: HTTPS یا همان مرور ایمن، سازگاری با موبایل، عدم وجود پاپ آپ و Web Vitals عواملی مهم و تاثیرگذاری در این امتیازدهی خواهد بود. مهم است که به این نکته اشاره کنیم که یک امتیاز تجربه صفحه عالی به طور جادویی شما را به جایگاه شماره 1 در گوگل سوق نمی دهد. در واقع، گوگل به سرعت اشاره کرد که تجربه صفحه یکی از چندین عامل (تقریباً 200) است که آنها برای رتبه بندی سایت ها در جستجو استفاده می کنند.

مهمترین عوامل تاثیرگذار در Core Web Vitals

بزرگترین رنگ محتوایی ( Largest Contentful Paint)

LCP که مخفف عبارت Largest Contentful Paint است به معنای مدت زمانی است که طول می کشد تا یک صفحه از دیدگاه یک کاربر واقعی بارگذاری شود. به عبارت دیگر: مدت زمان از کلیک بر روی یک پیوند تا مشاهده اکثریت محتوا بر روی صفحه است. ایده آل ترین زمان برای LCP زیر 2.5 ثانیه است.
LCP با سایر اندازه گیری های سرعت صفحه متفاوت است. بسیاری دیگر از معیارهای سرعت صفحه (مانند TTFB و First Contextual Paint) لزوماً بازکردن یک صفحه وب را برای کاربر نشان نمی دهند. از سوی دیگر، LCP روی آنچه واقعاً در مورد سرعت صفحه اهمیت دارد تمرکز می کند: توانایی دیدن و تعامل با صفحه شما.
گوگل دستورالعمل های LCP خاصی دارد. آنها سرعت LCP را به سه بخش تقسیم می کنند: خوب، نیاز به بهبود و ضعیف. به طور خلاصه، شما می خواهید هر صفحه در سایت شما در عرض 2.5 ثانیه به LCP برسد. این کار می تواند یک چالش واقعی برای صفحات وب بزرگ یا صفحاتی با امکانات زیاد باشد.
به عنوان مثال، این صفحه از سایت ما دارای ده ها تصویر با وضوح بالا است.
به همین دلیل LCP در آن صفحه 5.1 ثانیه است (که "ضعیف" در نظر گرفته می شود).
در این صورت ممکن است مجبور شویم برخی از تصاویر را از صفحه حذف کنیم و کد صفحه را تغییر دهیم.
اما این کار در بهبود جایگاه شما در گوگل موثر است و ترزش این همه سختی را دارد.

عوامل موثر در بهبود LCP

- اسکریپت های غیرضروری را حذف کنید: مطالعه اخیر سرعت صفحه ما نشان داد که هر اسکریپت غیر ضروری یک صفحه را 34 میلی ثانیه کاهش می دهد.
- میزبان وب خود را ارتقا دهید: میزبانی بهتر = زمان بارگذاری سریعتر (از جمله LCP).
- استفاده از روش Lazy Load: روش Lazy Load باعث می شود که تصاویر فقط زمانی بارگیری شوند که شخصی صفحه شما را اسکرول می کند. این بدان معناست که شما می توانید به طور قابل توجهی سریعتر به LCP برسید.
- حذف عناصر صفحه بزرگ: Google PageSpeed Insights به شما می گوید که آیا صفحه شما عنصری دارد که LCP صفحه شما را کند می کند.
- CSS خود را کوچک کنید: CSS با حجم بالا می تواند زمان LCP را افزایش دهد.

تاخیر ورودی اول (First Input Delay )

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

نمونه هایی از تعاملات عبارتند از:
انتخاب یک گزینه از یک منو
کلیک کردن روی منو سایت
درج ایمیل در سایت
باز کردن "باکس کشویی" در دستگاه های تلفن همراه
گوگل FID را مهم می داند زیرا نحوه تعامل کاربران واقعی با وب سایت ها را در نظر می گیرد. بنابراین فهمیدیم که FID از نظر فنی مدت زمانی است که طول می کشد تا اتفاقی در یک صفحه بیفتد. بنابراین از این نظر یکی از فاکتورهای امتیازدهی سرعت صفحه است و بهترین زمان برای آن زیر 100 میلی ثانیه است.
برای صفحه ای که 100% محتوا دارد (مانند یک پست وبلاگ یا مقالات خبری)، FID احتمالاً چیز مهمی نیست. تنها "تعامل" واقعی پایین کشیدن صفحه یا تغییر اندازه صفحه برای بزرگنمایی و کوچکنمایی آن در موبایل است. اما برای یک صفحه ورود، صفحه ثبت نام یا صفحه دیگری که در آن کاربران باید به سرعت روی چیزی کلیک کنند، FID بسیار مهم است.
به عنوان مثال، به تجربه بارگذاری صفحه ای مانند این فکر کنید:
با چنین صفحه ورود به سیستم، زمان بارگذاری محتوا چندان مهم نیست. آنچه مهم است این است که با چه سرعتی می توانید جزئیات ورود خود را تایپ کنید.

عوامل موثر در بهبود FID

1- به حداقل رساندن (یا به تعویق انداختن) جاوا اسکریپت: تعامل کاربران با یک صفحه در حالی که مرورگر در حال بارگیری JS است تقریبا غیرممکن است. بنابراین به حداقل رساندن یا به تعویق انداختن JS در صفحه شما کلید FID است.
2- اسکریپت های غیر مهم را حذف کنید: درست مانند FCP، اسکریپت های شخص ثالث (مانند Google Analytics، Heatmaps و غیره) می توانند بر FID تأثیر منفی بگذارند.
3- از کش مرورگر استفاده کنید: این به بارگذاری سریعتر محتوا در صفحه شما کمک می کند. که به مرورگر کاربر شما کمک می کند تا کارهای بارگیری JS را سریعتر انجام دهد.

تغییر چیدمان تجمعی (Cumulative Layout Shift)

تغییر چیدمان تجمعی (CLS) نشان دهنده پایداری المان های یک صفحه در هنگام بارگذاری است. به عبارت دیگر اگر عناصر در صفحه شما با بارگیری صفحه حرکت کنند، CLS بالایی دارید که بد است.
اما در صورتی که عناصر صفحه تان در هنگام بارگذاری نسبتاً پایدار باشند، وقتی صفحه به طور کامل بارگذاری شود، کاربران مجبور نیستند که جای لینک ها، تصاویر و فیلدها را به یاد بیاورند یا به اشتباه روی چیزی کلیک کنند.

فاکتورهای مهم در CLS

در اینجا چند کار ساده وجود دارد که می توانید برای به حداقل رساندن CLS انجام دهید.
1- از ابعاد مشخص برای تنظیم اندازه هر رسانه (ویدئو، تصاویر، GIF، اینفوگرافیک و غیره) استفاده کنید: به این ترتیب، مرورگر کاربر دقیقاً می داند که آن عنصر چه مقدار از فضای آن صفحه را اشغال می کند و در همان لحظه آن را تغییر نمی دهد. زیرا صفحه به طور کامل بارگیری می شود.
2- اطمینان حاصل کنید که عناصر تبلیغاتی دارای یک فضای رزرو شده هستند: در غیر این صورت ممکن است به طور ناگهانی در صفحه ظاهر شوند و محتوا را به پایین، بالا یا به طرفین فشار دهند.
3- عناصر رابط کاربری جدید را در زیر صفحه اضافه کنید: به این ترتیب، محتوایی را که کاربر انتظار دارد در جایی که هست باقی بماند، پایین نمی آورد.

سخن پایانی

با مطالعه مطالب گفته شده در بالا متوجه شدید که مبانی Core Web Vitals (معیار "تجربه صفحه" گوگل) سعی می کند تجربه کاربر را اندازه گیری کند. بنابراین هرچه به طور کلی UX شما بهتر باشد، امتیازات تجربه صفحه شما بهتر خواهد بود. بنابراین بهبود تجربه کاربر یکی از 200 فاکتور مهم در بهینه سازی موتورهای جستجو است. شما می توانید با شرکت در دوره آموزش سئو کلیه فاکتورهای مهم در بهبود رتبه سایت خود را بیاموزید.