آموزش Core Web Vitals یکی از مهمترین عوامل سئو

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

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

در این مقاله، Core Web Vitals چیست، چرا مهم هستند و چگونه می توان از آنها برای بهبود تجربه کاربری در وب سایت خود استفاده کرد. ما همچنین به نکاتی برای بهینه سازی وب سایت شما برای Core Web Vitals نگاه خواهیم کرد و خواهیم دید که چگونه می توانید آنها را با استفاده از ابزار PageSpeed Insights Google اندازه گیری کنید.

و اما Core Web Vitals چیست؟

ویژگی تازه ایست که در مه سال ۲۰۲۱ توسط گوگل معرفی شد و به صورت کلی Core Web Vital مجموعه‌ای از معیارها برای اندازه گیری جنبه‌های اصلی تجربه کاربری هنگام لود یک صفحه وب است.

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

اگر کدنویسی سایتتان اصولی و با رعایت قواعد روز و استفاده از تکنولوژی و کتابخانه های روز دنیا باشد و همچنین از میزبانی خوب و مطمئنی برای سایتتان استفاده کنید، درصد زیادی از راه را رفته اید!

CWV به چند دسته تقسیم میشود؟

همانطور که میبینید به سه دسته کلی LCP , FID و CLS تقسیم میشوند و در زیر به معرفی کوتاه از آنها خواهیم پرداخت

Largest Contentful Paint

این قسمت به معنای مدت زمانی است که طول می‌کشد تا بخش بزرگی از محتوای صفحه لود شده و ضمن رندر شدن در viewport برای کاربر مشخص شود.

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

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

هر چقدر سایت شما با سرعت بیشتر لود شود، امتیاز این بخش برای شما بالاتر خواهد بود.

First Input Delay

بسیار جالب است که بدانید ،گوگل در این الگوریتم و همه الگوریتم های قبلی، توجه ویژه ای به کاربران دارد.

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

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

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

Cumulative Layout Shift

بسیاری از وبسایت ها ، لود منظمی در قسمت های مختلف سایت خود ندارند.

 احتمالا شما هم وقتی وارد یک سایت شدید، به محض دیدن چیزی که دقیقا دنبال آن هستید ، ممکن است روی آن کلیک کنید.

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

این معیار، پایداری المان های مهم سایت را در هنگام لود بررسی میکند که آیا جایگاه ثابتی دارند یا خیر…

---

جالب است بدانید این ویژگی را گوگل در طرح توسعه زیرساخت های مرورگر کروم ایجاد کرده. فعلا برای موبایل هست و بزودی برای دسکتاپ نیز راه اندازی خواهد شد.

تا به این جای کار به یک درک و فهم کلی از ماجرا رسیدید، اما قطعا این سوال در ذهنتان بوجود آمده که بهترین زمان های ممکن برای اینکه از این آزمون ها نمره قبولی بگیریم چقدر است؟

تصویر زیر جواب همه سوالات شما را در دل خود دارد.

چک کردن core web vitals در صفحات سایت خود

به مرحله آخر رسیدیم. چگونه صفحات سایت خود را با این المان ها چک و بررسی کنیم.

راه اول خود گوگل وبمستر تولز . در ورژن جدید و در ستون سمت راست، گزینه core web vitals را دارد و با کلیک بروی آن میتوانید به صفحه مورد نظر دسترسی بگیرید.

راه دوم استفاده از سایت pagespeed.web.dev

امیدوارم از این مقاله نهایت استفاده را برده باشید و آن را با سایر دوستانتان به اشتراک بگزارید♥

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