Core Web Vitals چیست؟ انقلابی عظیم در سئو!

زمانی که در اواخر 2019 گوگل درباره مفهومی به نام Core Web Vitals صحبت هایی را انجام داد، هیچکس نمی دانست که این مفهوم دقیقا چه معنایی دارد و گوگل قرار است چه معیارهایی را برای آن در نظر بگیرد. وقتی این مفهوم در سال 2020 هم رسما معرفی شد، هنوز هم تعریف آن در مجهول بود و هرکسی درباره آن یک چیز می گفت. در حال حاضر اما خیلی از سئوکاران می دانند که Core Web Vitals چیست و شاید بد نباشد که ما هم درباره آن بیشتر بدانیم.

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

Core Web Vitals چیست؟

قبل از اینکه بگویم Core Web Vitals چیست باید به شما بگویم که لطفا سعی نکنید این عبارت را به فارسی ترجمه کنید. Core Web Vitals “هسته حیاتی وب” ترجمه نمی شود و ترجمه لغت به لغت آن هم اصلا چیز مفهوم و درستی از آب درنمی آید. اصراری بر ترجمه این عبارت نیست و همان “کور وب ویتال ها” یا “کور وب ویتالز” برای آن کافی است که البته باز هم اینطوری خوانده نمی شود و اصل آن “کور وب وایتالز” است.

Core Web Vitals مجموعه ای از معیارهای گوگل برای سنجش تجربه کاربری (UX) در صفحات سایت هاست که شامل سرعت بارگذاری صفحه، پایداری المان های صفحه، سرعت عملکردهای صفحه و یک سری موارد جزئی تر می شود. واحد اندازه گیری این معیارها معمولا ثانیه و اصلی ترین موضوع در این مفهوم “زمان” است. برای همین هم خیلی ها به اشتباه فکر می کنند که این مفهوم فقط با سرعت سایت سر و کار دارد.

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

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

حال اصلا در تجربه کاربری اهمیت این Core Web Vitals چیست و دقیقا چه کار می کند؟ اگر تعریف سئو تکنیکال را خوانده باشید، می دانید که سئو تکنیکال در این جهت فعالیت می کند که موتورهای جست و جو راحت تر بتوانند صفحات ما را بخوانند و ایندکس کنند. حال ربات های گوگل هم مثل کاربر عمل می کنند و اگر معیار های کور وب ویتال را رعایت نکرده باشید، به خوبی متوجه می شوند.

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

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

فاکتورهای اصلی Core Web Vitals چیست؟

Core Web Vitals در آپدیت 2024 خود فاکتورهای اصلی خود را همان 3 فاکتور نگه داشت منتهی فاکتور FID را با INP جا به جا کرد و فاکتور FID به طور کلی از فاکتورهای اصلی Core Web Vitals حذف شد. پس حالا فاکتورهای اصلی Core Web Vitals چیست و به کدام موارد اشاره دارد؟ فاکتورهای LCP، INP و CLS در حال حاضر فاکتورهای اصلی Core Web Vitals هستند. بریم ببینیم که هرکدام از آن ها چه می گویند.

LCP (Largest Contentful Paint)

LCP در معنای نه چندان دقیق لغوی به معنای بزرگ ترین المان محتوایی است. در واقع این فاکتور دارد مدت زمان بارگذاری بزرگترین المان محتوایی در سایت شما را اندازه گیری می کند. اما اصل این فاکتور دارد نشان می دهد که چقدر طول می کشد که کل محتوای سایت شما رندر بشود و کاربر بتواند همه آن ها را ببیند. مدت زمان قابل قبول برای گوگل هم زیر 2.5 ثانیه است و بیشتر از آن باشد امتیاز منفی برای سئو تلقی می شود.

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

اقداماتی که باید برای بهبود این فاکتور انجام بدهیم به شرح زیر است:

• حذف اسکریپت های third-party (اسکریپت هایی که مرتبط با سایت ما نیستند و اسکریپتی از جای دیگر را فراخوانی می کنند)
• انتخاب هاستینگ مناسب
• حذف المان های بی استفاده و پر حجم سایت
• بهینه سازی تصاویر سایت و ترجیحا استفاده از فرمت Webp
• مینیفای یا کوچک سازی فایل های CSS و جاوا اسکریپت
• استفاده از افزونه WP-Rocket برای سایت های وردپرسی
• حذف CSS ها و جاوا اسکریپت های بدون استفاده صفحه

INP (Interaction to Next Paint)

اگر نمی دانستید فاکتور جدید Core Web Vitals چیست باید بگوییم INP یا Interaction to Next Paint فاکتور جدید Core Web Vitals است که به جای FID آمده است. در معنای نه چندان دقیق لغوی می شود آن را “تعامل با محتوای بعدی” معنی کرد اما کلا بهتر است در رابطه با کور وب ویتالز بیخیال معنی کردن اصطلاحات بشویم.

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

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

مواردی که به بهبود این فاکتور کمک می کنند به شرح زیر است:

• کم کردن حجم جاوا اسکریپت و به تاخیر انداختن بارگذاری آن
• حذف کردن اسکریپت ها Third Party کم اهمیت
• تقسیم بندی بارگذاری کد های صفحه
• تعریف Lazy Load برای تصاویر به منظور کمک به بارگذاری زودتر عملکردها

CLS (Cumulative Layout Shift)

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

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

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

مواردی که برای بهبود این فاکتور لازم است انجام بدهیم به شرح زیر است:

• تعریف کردن اندازه و جایگاه تصاویر و ویدیوها به درستی و برای جایگاه خودشان
• استفاده نکردن از Padding و Margin های بیهوده برای المان ها
• تعیین یک مکان مخصوص برای تبلیغات به طوری که مزاحم کاربر نشود
• اضافه نکردن زیاد از حد محتوا به بخش Above the Fold (بخشی که با بارگذاری سایت کاربر آن را می بیند و هنوز به پایین اسکرول نکرده است)

فاکتور های فرعی Core Web Vitals چیست؟

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

درست است که این فاکتورها را خیلی کسی به حساب نمی آورد و خود Google Page Speed هم روی آمارهای آن ها چندان مانور نمی دهد، اما توجه به این فاکتورها هم می تواند تا حد خوبی تجربه کاربری را در صفحه ما بهبود ببخشد. در حال حاضر 2 فاکتور فرعی در کور وب وایتالز وجود دارد که TTFB و FCP هستند. در ادامه خیلی کوتاه به هردوی آن ها می پردازیم.

FCP (First Contentful Paint)

وقتی داشتیم می گفتیم فاکتورهای اصلی Core Web Vitals چیست به LCP اشاره کردیم که نمایانگر بارگذاری کل صفحه بود. FCP که در معنای نه چندان دقیق لغوی می شود “اولین المان محتوایی” در واقع نمایانگر بارگذاری اولین المان در صفحه شماست. خیلی جالب است که بارگذاری FCP شاید یک فاکتور فرعی به نظر برسد اما حرف های جالبی به ما می زند.

بارگذاری FCP به ما می گوید که تا چه حد اولین المان محتوایی ما مزاحم بارگذاری شدن باقی المان هاست هم از این طریق می توانیم بفهمیم. در کل بهتر است بارگذاری FCP کمتر از 1 ثانیه طول بکشد و در غیر این صورت شاید زنگ خطر جدی ای نباشد، اما می دانیم که تاثیر خودش را روی LCP می گذارد.

مواردی که برای بهبود فاکتور LCP گفتیم معمولا روی FCP هم تاثیر دارند اما باز هم شما این موارد را اضافه بر سازمان در نظر داشته باشید که تمامی موارد اضافی Above the Fold را حذف کنید.

TTFB (Time To First Byte)

کمتر کسی را دیدم که بداند TTFB به عنوان یکی از فاکتورهای فرعی Core Web Vitals چیست و اگر هم بداند، از روی معنی لغوی آن است که چیزی که اندازه گیری می کند را حدس می زنند. TTFB مخفف Time to First Byte به معنی مدت زمان تا بارگذاری اولین بایت است. 

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

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

آیا بعد از رعایت Core Web Vitals سایت ما رتبه می گیرد؟

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

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

نتیجه گیری: اقدام بعدی ما برای Core Web Vitals چیست؟

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

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