Core Web Vitals چیست و چگونه آن را بررسی کنیم

Core Web Vitals گوگل چیست ؟ Core Web Vitals سه معیار هستند که در سیگنال‌های تجربه صفحه Google گنجانده شده‌اند که تجربه کاربر از تعامل با یک صفحه را کمیت می‌کنند.

Core Web Vitals چیست؟ علت ایجاد هسته حیاتی وب توسط گوگل

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

معیارهایی که در حال حاضر Core Web Vitals را تشکیل می‌دهند عبارتند از: بزرگترین رنگ محتوایی (LCP)، تاخیر ورودی اول (FID) و جابجایی طرح‌بندی تجمعی (CLS)، اگرچه این موارد ممکن است در طول زمان تغییر کنند.

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

در ادامه بخوانید تا بدانید Core Web Vitals چیست، چرا اهمیت دارد و چگونه می توانید امتیازات مرتبط را برای صفحات وب خود بهبود بخشید.

Core Web Vitals چیست؟

بازار یابی

مدت، اصطلاح

تعریف

Core Web Vitals (CWV) هسته حیاتی وب

Core Web Vitals (CWV) مجموعه‌ای از معیارهای عملکرد کمی است که Google برای اندازه‌گیری تجربیات کیفی کاربران در یک صفحه وب ایجاد کرده است. این معیارها به طور خاص تجربه بارگذاری (LCP)، تعامل (FID) و ثبات بصری (CLS) محتوای صفحه وب را اندازه گیری می کنند.

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

• سازگاری با موبایل
• مرور ایمن
• HTTPS

دسترسی به محتوا از طریق فقدان میان‌افزارهای مزاحم (پاپ‌آپ)

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

• بزرگترین رنگ محتوایی (LCP)
• تاخیر ورودی اول (FID)
• تغییر چیدمان تجمعی (CLS)

Core Web Vitals چه زمانی عرضه شد؟

Core Web Vitals در روز پنج‌شنبه 17 ژوئن 2021 به یک فاکتور رتبه‌بندی گوگل برای داستان‌های برتر تبدیل شد و به‌عنوان بخشی از به‌روزرسانی تجربه صفحه تا پایان آگوست 2021 به‌طور کامل عرضه می‌شود. با این حال، Google اعلام کرده است که تجربه صفحه را به‌روزرسانی خواهد کرد. هر سال سیگنال می دهد. بنابراین، انتظار داشته باشید که اینها در طول زمان تکامل پیدا کنند.

چرا Core Web Vital ها مهم هستند

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

اکنون به این فکر کنید که چگونه این امر بر برند و درآمد گوگل تأثیر می گذارد. اگر به طور مکرر روی پیوندهایی در SERP کلیک کنید که تجربه بدی را ارائه می دهند، از Google ناامید خواهید شد. در نهایت، ممکن است موتورهای جستجوی جایگزین را امتحان کنید، و این به معنای درآمد کمتر تبلیغاتی برای گوگل است.

Google Core Web Vitals دقیقا چه کاری انجام می دهد؟

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

در نهایت، CWV فقط رتبه‌بندی ارگانیک شما را بهبود نمی‌بخشد، اگرچه این بخشی از آن است. تجربه برتر را به مخاطبان شما ارائه می دهد. و این به مشتریان درگیرتر، نرخ تبدیل بالاتر و مزایای بالقوه مثبت دیگر ترجمه می شود.

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

GOOGLE

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

سه جزء اصلی Core Web Vitals گوگل

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

•  LCP (بزرگترین رنگ محتوا).
• FID (تأخیر ورودی اول).
•  CLS (تغییر طرح بندی تجمعی).

LCP : بزرگترین رنگ محتوایی

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

بسته به صفحه، این عنصر می تواند:

• تصویر شاخص
• H1
• بلوک های متن
• عنصر <img>
• عنصر <image> در داخل عنصر <svg>
• تصویر درون عنصر <video>
• تصویر پس زمینه با تابع url() بارگذاری شده است

Google یک LCP 2.5 ثانیه یا کمتر را یک URL “خوب” در نظر می گیرد (تقسیم شده توسط تلفن همراه و دسکتاپ). نمره بین 2.5 ثانیه تا چهار ثانیه نیاز به بهبود دارد. و امتیاز بالاتر از چهار ثانیه ضعیف در نظر گرفته می شود.

راه هایی برای بهبود امتیاز LCP

1. اسکریپت های غیر ضروری شخص ثالث را حذف کنید
2. به یک میزبان وب سریعتر ارتقا دهید یک CDN نصب کنید
3. دارایی های کش
4. بارگذاری تنبل تصاویر را تنظیم کنید
5. عناصر صفحه بزرگی را که بارگذاری آنها زمان بیشتری می برد (تصاویر بزرگ، GIF و غیره) حذف کنید.
6. CSS خود را کوچک کنید
7. توصیه های Google را برای URL خاص خود دنبال کنید (نحوه اندازه گیری Core Web Vitals را در زیر ببینید.)

دو معیار مرتبط دیگر که هنگام تشخیص مشکلات سرعت صفحه باید در نظر گرفته شوند، اولین رنگ محتوایی (FCP) و زمان تا اولین بایت (TTFB) هستند.

FID :تاخیر ورودی اول

FID یک معیار اصلی Web Vitals است که زمان را برای تعامل اندازه گیری می کند. به طور خاص، زمان بین اولین ورودی کاربر با یک صفحه وب (کلیک کردن، ضربه زدن، کشیدن انگشت و غیره) و زمانی که آن صفحه پاسخ می‌دهد را اندازه‌گیری می‌کند.

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

نمره FID خوب چیست؟

گوگل FID 100 میلی ثانیه یا کمتر را “خوب” می داند. یک صفحه باید 75٪ مواقع از داده های میدانی جمع آوری شده در تلفن همراه و دسکتاپ به این علامت برسد.

از کجا باید شروع کرد؟ با مرور کلی بهینه سازی FID گوگل شروع کنید.

راه هایی برای بهبود امتیاز FID شما

جاوا اسکریپت را به حداقل برسانید (یا به تعویق بیندازید) زیرا تعامل کاربران با سایت شما در زمان اجرای JS دشوار است، اگر غیرممکن نباشد.

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

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

توصیه های Google را برای URL خاص خود دنبال کنید (نحوه اندازه گیری Core Web Vitals را در زیر ببینید.)

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

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

چیزهای کمی ناامید کننده تر از تلاش برای تعامل با عناصر صفحه هستند که به طور غیرمنتظره به اطراف می پرند. تغییرات غیرمنتظره چیدمان به ویژه زمانی مشکل ساز می شوند که پیامدهای واقعی مانند سفارش تصادفی چیزی یا کلیک کردن روی تبلیغی که شما را به وب سایت دیگری می برد داشته باشد.

Core Web Vitals چیست؟

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

CLS با ضرب کسر ضربه (درصد از دریچه دید که جابجا می شود) در کسر فاصله (فاصله حرکت تقسیم بر ارتفاع درگاه دید) محاسبه می شود.

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

گوگل امتیاز CLS 0.1 یا کمتر را خوب می داند و یک صفحه باید 75 درصد مواقع هم در موبایل و هم در دسکتاپ به این امتیاز برسد.

از کجا باید شروع کرد؟ با مرور کلی بهینه سازی CLS Google شروع کنید.

راه هایی برای بهبود نمره CLS

از ابعاد مشخصه اندازه تنظیم برای هر رسانه (تصاویر، GIF و غیره) استفاده کنید تا مرورگر کاربر بداند چقدر فضای اشغال می‌کند و به‌طور ناگهانی ابعاد را تغییر نمی‌دهد.

همه تبلیغات را در فضاهای رزرو شده قرار دهید تا به طور ناگهانی ظاهر نشوند و باعث جابجایی محتوا شود.

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

توصیه های Google را برای URL خاص خود دنبال کنید (نحوه اندازه گیری Core Web Vitals را در زیر ببینید.)

ابزارهایی برای اندازه گیری Core Web Vitals

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

ابزارهای بررسی Core Web Vitals گوگل

یکی از ساده ترین راه ها گزارش Core Web Vitals (در برگه Experience) در کنسول جستجوی گوگل است. به شما می‌گوید کدام URL‌ها «خوب» (بارگیری سریع)، که نیاز به بهبود دارند، و کدام یک امتیاز ضعیف در دستگاه‌های موبایل و دسکتاپ دارند. فقط توجه داشته باشید که داده ها کمی تاخیر دارند.

اگر روی یک URL خاص کلیک کنید و سپس روی «PageSpeed ​​Insights» کلیک کنید، توصیه‌های خاصی را برای بهبود تجربه بیش از صفحه مشاهده خواهید کرد. (یا، می‌توانید مستقیماً به Google PageSpeed ​​Insights بروید.) برخی از توصیه‌ها نسبتاً ساده هستند، مانند بهینه‌سازی اندازه تصویر برای کاهش زمان بارگذاری. سایر موارد پیچیده‌تر خواهند بود و از شما می‌خواهند که کد سایت خود را برای کاهش جاوا اسکریپت بلااستفاده یا حذف منابع مسدودکننده رندر جستجو کنید.

تاثیر Google Lighthouse بر  Core Web Vitals

یک ابزار اندازه گیری عملکرد صفحه است که شاید برای توسعه دهندگان وب بسیار مفید باشد و شامل ممیزی هایی است که Google PageSpeed ​​Insights ندارد.

تاثیر Google Web.Dev بر Core Web Vitals

به شما امکان می‌دهد هر URL را در سایت خود وارد کنید و توصیه‌هایی برای بهبود Core Web Vitals و همچنین توصیه‌های بهترین شیوه‌های عمومی برای بهبود تجربه کلی کاربر دریافت کنید.

از Google Chrome 88 و بالاتر، اکنون می‌توانید داده‌های Core Web Vitals را در پانل عملکرد Chrome DevTools مشاهده کنید.

از کروم  90 ، یک ابزار همپوشانی وجود دارد.

همچنین می‌توانید از گزارش تجربه کاربر Chrome (CrUX) استفاده کنید.

برنامه افزودنی کروم حیاتی وب اصلی

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

پلاگین ها

بسته به CMS خود، ممکن است گزینه های دیگری نیز داشته باشید. به عنوان مثال، اگر سایت شما بر روی وردپرس ساخته شده است، افزونه های شخص ثالثی وجود دارند که می توانند به بهبود عملکرد Core Web Vitals کمک کنند، مانند WP Rocket، NitroPack، یا Asset Clean Up.

می توانید امتیازات CWV هر صفحه را مستقیماً از مرورگر کروم خود با استفاده از ابزار توسعه دهنده Lighthouse Google اندازه گیری کنید. به سادگی صفحه را بررسی کرده و روی تب Lighthouse کلیک کنید.

Core Web Vitals گوگل چگونه بر سئوی شما تاثیر می گذارد؟

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

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