core web vitals چیست؟ گذر از لحظه‌های سرنوشت‌ساز سئو

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

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

Core Web Vitals چیست؟ آشنایی با مهم‌ترین معیارهای سرعت و تجربه کاربری

Core Web Vitals مجموعه‌ای از معیارهایی است که گوگل برای سنجش تجربه کاربری در محیط واقعی بررسی می‌کند. بارگذاری صفحه، تعامل و پایداری المان‌های بصری (visual stability) مواردی هستند که توسط ربات‌های گوگل در این سنجش مورد ارزیابی قرار می‌گیرند.

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

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

FCP :FCP یا First Contentful Paint مدت زمانی است که طول می‌کشد تا اولین محتوا در صفحه به کاربر نمایش داده شود. این محتوا الزاماً یک محتوای معنادار نیست.

SI :SI مخفف Speed Index است. اسپید اینکدس به سرعت تکمیل نمایش صفحه اشاره می‌کند و بر اساس انتگرال محاسبه می‌شود. اما به زبان بسیار ساده از لحظه‌ای که صفحه در نگاه اول به صورت کامل لود می‌‌شود تا زمانی که دیگر تغییری در Above The Fold رخ نمی‌دهد، معیار محاسبه SI است. این محاسبه بر این اساس صورت می‌گیرد که مثلاً اگر کل زمان لود صفحه 2 دقیقه باشد، ممکن است 60 درصد محتوا در 30 ثانیه و 40 درصد باقی‌مانده در 1 دقیقه و 30 ثانیه لود شود. اما در نهایت گوگل به ما یک عدد می‌دهد.

Largest Contentful Paint :LCP مدت زمانی است که بزرگ‌ترین المان معنادار صفحه بارگذاری می‌شود. برای مثال یک صفحه محصول را در نظر بگیرید. عموماً در صفحات محصول یا عنوان محصول یا تصویر کالا بسته به حجمی که از صفحه اشغال کرده‌اند، LCP هستند.

Time To Interactive :TTI به مدت زمانی اشاره دارد که کاربر بتواند با صفحه تعامل داشته باشد. در این‌جا گوگل از زمان کلیک بر روی یک المان تا تعامل کامل را معیار بررسی خود قرار می‌دهد.

Total Blocking Time :TBT مربوط به لود کدهای صفحه است. هر صفحه HTML از سه بخش Head، Body و Footer تشکیل شده و ابتدا کدهای Head فراخوان می‌شوند. اگر در Head صفحه کدهایی مثل اسکیما، جاوااسکریپت یا فونت وجود داشته باشد، تا زمانی که این کدها لود نشود، کدهای Body لود نخواهد شد و به همین دلیل بر روی TBT ما تاثیرگذار خواهد بود. بهینه‌سازی کدهای صفحه و استفاده از پروتکل‌هایی نظیر Http2 (با مطالعه مقاله http2 چیست با این مفهوم بیش‌تر آشنا شوید.) می‌تواند بر روی کاهش زمان TBT تاثیر گذار باشد.

Cumulative Layout Shift :CLS به معنی پرش‌های ناگهانی المان‌های مختلف در یک صفحه است. برای مثال زمانی که در یک صفحه هستیم و یک عکس دیرتر از حالت معمول لود شود، ناگهان پرشی در صفحه رخ می‌دهد. این مساله مستقیماً بر روی CLS ما اثرگذار است. برای جلوگیری از این اتفاق استفاده از تصاویر بهینه‌سازی شده نقش موثری دارد. پیشنهاد می‌کنیم در فرصتی مناسب مقاله سئو تصاویر را در آکادمی وبسیما مطالعه کنید.

چرا Core Web Vitals مهم است؟ بررسی چند آمار مهم و شگفت‌انگیز

مطالعات مختلف نشان می‌دهد که کار بر روی Core Web Vitals و بهینه‌سازی تجربه کاربری باعث افزایش نرخ تعامل کاربران با کسب‌وکار می‌شود. پس یک کارشناس سئو باید در بررسی سئو سایت خود این فاکتور مهم را در نظر بگیرد.

• در مطالعه‌ا‌ی که توسط Chromium (یکی از پروژه‌های تحقیقاتی گوگل) انجام شده است، نرخ کاربرانی که وب‌سایت را قبل از بارگذاری کامل صفحه ترک می‌کنند به کمتر از 24 درصد می‌رسد
• نرخ تبدیل به ازای هر 100 میلی‌ثانیه کاهش در LCP، 1.3 درصد افزایش پیدا می‌کند

• کاهش CLS نیز بر طبق مطالعه نمونه‌ای که بر روی وب‌سایت Yahoo! Japan انجام شده، توانسته 15 درصد به پیج ویو اضافه کرده و 1.72 درصد نیز بانس ریت را کاهش دهد

• سایت Netzwelt نیز با بهبود معیارهای Core Web Vitals توانسته بازدید از صفحات را 27 درصد و درآمد تبلیغاتی خود را تا 18 درصد افزایش دهد

• سایت redBus نیز ادعا کرده با کاهش CLS از 1.65 به 0 توانسته جایگاه دامنه خود را بهبود دهد

6 حقیقت کوتاه درباره Core Web Vitals

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

1- معیارهای موبایل و دسکتاپ جداگانه اندازه‌گیری می‌شوند؛ معیارهای اندازه‌گیری Core Web Vitals در موبایل و دسکتاپ با یکدیگر تفاوت دارد و جداگانه محاسبه می‌شود

2- کاربران کروم معیار محاسبات سنجش سرعت هستند؛ داده‌های Core Web Vitals از کاربرانی که از مرورگر کروم استفاده می‌کنند، جمع‌آوری می‌شود. در این ارزیابی 75 درصد مخاطبان یک‌ وب‌سایت معیار سنجش هستند و اگر 70 درصد کاربران در وضعیت خوب و 5 درصد نیاز به بهبود باشد، وب‌سایت شما در دسته نیاز به بهبود قرار می‌گیرند

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

4- AMP معیار محسوب نمی‌شود؛ در سال 2015 گوگل پروژه AMP را برای سایت‌های خبری راه‌اندازی کرد. به زبان ساده AMP یک فریم‌ورک متن باز است که امکان ایجاد صفحات وب با حجم بسیار کم و سرعت بالا را امکان‌پذیر کرد. پس از گذشت چندسال گوگل از این پروژه عقب‌نشینی کرد. بنابراین به جای تمرکز بر روی AMP باید به معیارهای جدید گوگل یعنی Core Web Vital توجه کرد

5- معیارهای گوگل محدود نیستند؛ Core Web Vital محدود به معیارهایی که مطرح کردیم نیستند. معیارهای دیگری نیز وجود دارد که در حال حاضر جزء معیارهای گوگل برای رتبه‌بندی و امتیازدهی صفحات نیست اما بخشی از Core Web Vital محسوب می‌شود

6- به‌روز باشیم؛ یکی از واقعیت‌ها در دنیای سئو، تغییرات مداوم و گام به گام است. در سال‌های گذشته معیارهایی مثل زمان لود سایت اهمیت داشت و حالا گوگل توجه ویژه‌ای به Core Web Vital دارد. ممکن است در سال‌های پیش‌رو معیارهای جدیدی برای سنجش سرعت و تجربه کاربری مطرح شود و در وهله دوم نحوه اندازه‌گیری این معیارها تغییر کند. بنابراین رصد کردن اخبار گوگل و مطالعه همیشگی مستنداتی که توسط این غول دنیای فناوری ارائه می‌شود، به ما کمک می‌کند که همیشه دانش خود را به‌روز نگه داریم

جنگ واقعی؛ میلی‌ثانیه‌ها تعیین‌کننده هستند

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

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

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