Core Web Vitals چیست و چه نقشی در سئو سایت دارد؟

قبل از پیدایش Core Web Vitals، دانستن اینکه تجربه کاربر چقدر موثر است دشوار بود. Core Web Vitals، استانداردهایی برای توسعه دهندگان وب هستند تا به آنها کمک کند بدانند آیا تلاش های توسعه ای آنها در مسیر یا جهت درستی است یا خیر. Core Web Vitals یا به اختصار CWV اثربخشی وب سایت را بر اساس سه پارامتر زیر قضاوت می کند:

• سرعت بارگذاری صفحه
• سهولت در تعامل کاربر با سایت
• پایداری گرافیک

بدون هیچ سرنخی در مورد دیدگاه کاربر، توسعه‌دهندگان نمی‌توانند تلاش‌های توسعه وب خود را در مسیر درست هدایت کنند. در نتیجه طراحان و برنامه نویسان وب بر Core Web Vitals تکیه می کنند تا به آن‌ها کمک کند بدانند - ارتباط کاربران با سایت چقدر راحت است؟

یک نکته مهم: CWV همه عوامل مورد نیاز برای ارتقای تجربه کاربری یک وب سایت را پوشش نمی دهد. بلکه، آنها تنها جنبه های اساسی اما ضروری UX را نشان می دهند. علاوه بر این، این معیارها یک رویکرد عالی برای عیب یابی مشکلات فنی وب سایت را ارائه می دهند.

با ما همراه باشید تا شما را با ویژگی ها و جزییات CORE WEB VITALS بیشتر آشنا کنیم.

CORE WEB VITALS

LCP – ترسیم بزرگترین بخش محتوایی

معمولا یک کاربر در عرض 5 ثانیه تصمیم می گیرد که آیا می خواهد کمی بیشتر در وب سایت بماند یا خیر. این 5 ثانیه برای یک وب سایت بسیار مهم است: بیش از 72.34٪ از کاربران هرگز ترجیح می دهند از وب سایتی که مفید ندیده اند مجددا بازدید نکنند. از این منظر، می توانیم به این نتیجه برسیم که - اگر روی بهبود بزرگترین بخش محتوایی سایت یا همان LCP کار نکنیم، ممکن است بسیاری از مشتریان بالقوه خود را به خاطر رقبای خود از دست بدهیم.

اما سؤال این است - برای طولانی‌تر کردن حضور کاربر به بیشتر از 5 ثانیه، دقیقا چه چیزی لازم است انجام شود؟

طبق متریک LCP، در وهله اول، نیاز به کاهش زمان بارگذاری صفحه است تا مدت زمان بیشتری را به کاربر برای تصمیم گیری در 5 ثانیه اول بدهید. این عامل نه تنها از نظر دیدگاه کاربر ضروری است، بلکه گوگل نیز وب سایت ها را با برحسب زمان بارگذاری صفحه، در نتایج جستجو بالا و پایین می کند.

نکته مهم - می دانید چیست؟ چیزی بدتر از زمان بارگذاری کند هم وجود دارد: زمان بارگذاری کند همراه با قطعی. چنین مسائلی به میزان قابل توجهی بر تعامل کاربر و نرخ تبدیل تأثیر می گذارد.

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

نکته شماره 1LCP ایده آل 2.5 ثانیه است. مطمئن شوید که سایت شما و تمام صفحات شما، از آن تجاوز نمی کند!

CLS – تغییر چیدمان تجمعی

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

جدای از آن، این معیار همچنین تجربه کاربر را بر اساس تکان خوردن ها و جابجایی های عناصر در هنگام دسترسی به وب سایت شما و بارگزاری آن، امتیاز بندی می کند. CLS ضعیف باعث می شود کاربر احساس ناامیدی کند. بنابراین این معیار اساسا مسئول اطمینان از این مورد است که کاربر هیچگونه اختلالی با عناصر موجود در صفحه مواجه نمی شود.

بیایید وارد جزئیات شویم

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

• تغییر چیدمان عناصر
• جا به جایی فاصله اجزا نسبت به هم
• فشار عناصر روی هم و حرکت یکدیگر

نکته شماره 2

یک CLS ایده آل 0.1 ثانیه است.

FID – اولین تاخیر در گرفتن ورودی از کاربر

کل مدت زمانی که عناصر برای پاسخ به ورودی کاربر نیاز دارند، FID (تأخیر ورودی اول) نامیده می شود. در حال حاضر، وب سایت ها از فناوری ها و ابزارک های فوق العاده پیشرفته برای ارائه محتوا به مخاطبان خود استفاده می کنند. اگرچه مزایای چنین تکنولوژی هایی، نحوه ارائه محتوا به کاربران را بهبود می بخشد، اما این پیشرفت ها می تواند باعث تاخیر در تحویل محتوا به کاربر و گرفتن پاسخ ورودی از کاربر نیز بشوند. این چیزی است که گوگل به شدت از آن متنفر است، زیرا مانع از تجربه مثبت کاربر می شود.

بیایید وارد جزئیات شویم

وظیفه اصلی FID بررسی میزان پاسخگویی عناصر موجود در وب سایت است. ورودی کاربر شامل رویدادهای مختلفی نظیر کلیک ها و فشار دادن کلیدها می باشد.

نکته شماره 03

یک FID ایده آل معمولا زیر 100 میلی ثانیه است.

از تعریف FID، ما با این واقعیت مواجه می‌شویم که «اندازه‌گیری معیار FID اساسا کار دشواری است، چرا که داده‌ها را فقط می‌توان در حین استفاده کاربر از سایت اندازه‌گیری کرد.»

هنوز تمام نشده است!

همانطور که در ابتدای مقاله ذکر کردیم، Core Web Vitals به توسعه دهندگان وب کمک می کند تا UX خود را بهبود بخشند. موارد حیاتی که در بالا مورد بحث قرار گرفت، از همه غالب تر بودند. اما Core Web Vitals تنها به این سه مورد ختم نمی شود. در اینجا چند Core Web Vital دیگر نیز وجود دارد که به توسعه دهندگان کمک می کند تا بفهمند کد آنها چگونه بر نحوه مصرف محتوا توسط کاربران تأثیر می گذارد.

FCP – اولین ترسیم محتوایی

Contentful Paint (یا به اختصار FCP) کل زمان صرف شده توسط مرورگر کاربر برای ارائه درختچه DOMرا اندازه گیری می کند. ارائه DOM پس از انجام موارد زیر توسط مرورگر فراهم می شود:

• ترسیم عناصر <Canvas> غیرسفید
• ترسیم SVG ها
• ترسیم تصاویر

SI – شاخص سرعت

شاخص سرعت یکی از معیارهای ارزشمندی است که نشان می دهد محتوای شما چقدر زمان می برد تا به کاربر نمایش داده شود.

TTI – زمان تعامل

کل مدت زمانی است که باید صرف شود تا محتوای صفحه شما از دید کاربر، قابل استفاده به نظر برسد. این معیار به یافتن صفحاتی با جاوا اسکریپت های غیر ضروری کمک می کند. این زمان معمولا بر حسب ثانیه محاسبه می شود.

TBT – زمان انسداد صفحه

TBT زمان صرف شده توسط یک صفحه وب، برای پاسخگویی به ورودی کاربر را اندازه گیری می کند. مانند TTI، TBT نیز در کشف صفحات با جاوا اسکریپت غیر ضروری، مفید است.

امتیازات عملکرد صفحه

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

نقطه نظرات نهایی!

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

با ظهور CWV، فهمیدن کمبودهای سایت و میزان پیشرفت مورد نیاز برای آن، آسان تر شده است.