Core Web Vitals چیست؟ بررسی هسته حیاتی وب به زبان ساده

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

موتور جستجو گوگل از فاکتورها و الگوریتم های مختلفی برای رتبه بندی سایت ها استفاده می کند که یکی از مهم ترین آن ها، تجربه کاربر است. Core Web Vitals یا هسته حیاتی وب، فاکتورهایی هستند که گوگل برای اندازه گیری میزان رضایت و تجربه کاربر از صفحات یک سایت استفاده می کند.

چرا Core Web Vitals اهمیت دارد؟

هدف اصلی سئو سایت، بهینه سازی آن برای موتور جستجو و کاربر است. سایتی که به درستی سئو شده باشد در صفحه اول SERP گوگل قرار می گیرد، و قرار گرفتن در صفحه اول از مهم ترین اهداف سئو است. همانطور که بالاتر اشاره کردیم، UX از مهم ترین عامل های رتبه بندی برای الگوریتم های گوگل بوده و Core Web Vital بخشی از امتیاز تجربه کاربر است که گوگل به یک صفحه می دهد. پس برای گرفتن امتیاز بهتر از گوگل، باید باید این هسته های حیاتی را بهینه کرد. همچنین، بهبود کیفیت تجربه کاربر باعث افزایش نرخ تبدیل (Conversion Rate) نیز می شود.

فاکتورهای هسته حیاتی وب

هسته حیاتی وب شامل 3 فاکتور است که هر فاکتور، امتیاز جداگانه ای دریافت می کند. گوگل از CrUX برای محاسبه این فاکتورها استفاده می نماید که مخفف Chrome User Experience Report بوده و به معنای گزارش تجربه کاربر در مرورگر کروم می باشد. این 3 فاکتور شامل موارد زیر است:

LCP (Largest Contentful Paint)

LCP میزان زمان بین کلیک بر روی لینک صفحه سایت تا لود شدن اکثر محتوای آن برای کاربر است و می توان به طور کلی آن را همان سرعت لود صفحه در نظر گرفت. این زمان نباید بیش از 2.5 ثانیه باشد، چرا که ممکن است کاربر پیش از لود شدن صفحه از آن خارج شود. این کار منجربه کاهش امتیاز تجربه کاربر و افزایش نرخ پرش (Bounce Rate) می شود. مواردی مانند سنگین بودن زبان های برنامه نویسی (مانند CSS و JavaScript)، حجم بالای تصاویر و ویدیوها، پلاگین های اضافی و … می توانند باعث بالا رفتن زمان LCP شوند.

FID (First Input Delay)

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

CLS (Cumulative Layout Shift)

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

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

 CLS میزان ثبات قالب سایت در هنگام لود شدن را می سنجد. هرچه این قالب در حین لود شدن بیشتر جا به جا شود، عدد بالاتری را کسب کرده، و آسیب بیشتری به تجربه کاربر می زند. علت این اتفاق می تواند ضعف در زبان برنامه نویسی صفحه (CSS و JavaScript)، pop-up ها، و تبلیغات باشد.

چگونه Core Web Vitals را بهینه کنیم؟

با انجام چند ترفند و ایجاد تغییراتی در سایت می توان Core Web Vital را بهینه کرده و امتیاز بالاتری در تجربه کاربر از سایت به دست آورد.

بهینه سازی LCP و FDI

از آن جایی که عوامل مشابهی باعث بالا رفتن عدد LCP و FDI می شوند، انجام هر ترفند به طور خودکار بر مورد دیگر نیز تاثیر مثبت می گذارد. ترفندهای بهینه سازی LCP و FDI عبارتند از:

• ارتقای هاست
• کش کردن سایت
• استفاده از CDN
• بهینه سازی عکس ها
• Minify کردن زبان برنامه نویسی
• حذف پلاگین های اضافی و غیرکاربردی
• ارتقای HTTP به HTTPS برای افزایش سرعت و امنیت سایت، که منجربه افزایش UX نیز می شود.
• Lazy Loading: این پلاگین وردپرس باعث می شود تا زمانی که یک کاربر به سایت وارد شده، تمام محتوای صفحه برای او لود نشده و فقط محتواهایی که در دید کاربر هستند لود شوند. باقی محتوا زمانی لود خواهد شد که کاربر صفحه را scroll کرده و در آن پایین تر برود. این ترفند باغث بالا رفتن سرعت لود شدن صفحه می شود.

بهینه سازی CLS

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

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

جمع بندی

Core Web Vital یا هسته حیاتی گوگل فاکتورهایی هستند که گوگل از آن ها برای سنجش تجربه کاربر در هر صفحه از سایت استفاده می کند. این فاکتورها شامل LCP، FDI، و CLS می شوند. از آن جایی که تجربه کاربر از مهم ترین عوامل رتبه بندی در الگوریتم های گوگل است، توجه به هر فاکتور و بهینه سازی آن ها از اهمیت بسیار یالایی برخوردار می باشد.

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