Техникийн SEO

Core Web Vitals Тайлбарласан: LCP, CLS, INP

Core Web Vitals нь Google-ийн таны сайт дээрх бодит хэрэглэгчийн туршлагыг хэмжихэд ашигладаг гурван тодорхой хэмжүүр юм: хэр хурдан ачаалагддаг, ачаалагдах үед хэр тогтвортой харагддаг, хэн нэгэн харилцах үед хэр хариу үйлдэлтэй мэдрэгддэг.

Тэдгээр нь Google-ийн эрэмбийн дохионуудын нэг хэсэг юм — хамгийн том хүчин зүйл биш ч муу оноо нь өөрөөр сайн оновчилсон хуудсыг саатуулж болно. Энд яг тус бүр хэмжүүр нь юуг хэмждэг, хэрхэн засах талаар тайлбарлав.

Гурван Core Web Vitals

🖼️ LCP — Хамгийн Том Агуулгын Будагдал

Хамгийн том харагдах элемент (ихэвчлэн баатар зураг эсвэл гарчиг) бүрэн дүрслэгдэхэд хэр хугацаа зарцуулагдаж байгааг хэмждэг. Энэ нь таны сайтын "ачаалагдах нь хурдан мэдрэгддэг үү?" гэсэн асуултын хариулт юм.

📐 CLS — Нийлбэр Зохион Байгуулалтын Шилжилт

Харааны тогтвортой байдлыг хэмждэг — хуудас ачаалагдах үед агуулга хэр их гэнэтхэн шилжиж байгааг. Товчлуур дарахыг оролдоод дээрээс зар ачаалагдаж, бүх зүйлийг доош нь шилжүүлсэн тохиолдол байсан уу? Тэр бол зохион байгуулалтын шилжилт юм.

⚡ INP — Дараагийн Будагдал руу Харилцан Үйлдэл

Хариу үйлдлийг хэмждэг — хэрэглэгч дарах, товших, бичих үйлдэл хийсний дараа хуудас харааны хувьд хариу үзүүлэхэд хэр хугацаа зарцуулагддаг. INP нь 2024 онд хуучин First Input Delay (FID) хэмжүүрийг орлосон.

Сайн Оноо Гэж Юу Вэ?

Хэмжүүр	Сайн	Сайжруулалт Хэрэгтэй	Муу
LCP	≤ 2.5с	2.5с – 4с	> 4с
CLS	≤ 0.1	0.1 – 0.25	> 0.25
INP	≤ 200мс	200мс – 500мс	> 500мс

Муу LCP-г Хэрхэн Засах Вэ

Баатар зургуудыг шахаж, зохих хэмжээнд оруулах (WebP гэх мэт орчин үеийн форматуудыг ашиглах)
Фонт болон баатар зураг зэрэг чухал нөөцийг урьдчилан ачаалах
Анхны хуудас ачаалалтаас дүрслэлийг блоклодог CSS болон JavaScript-г арилгах
Таны үзэгчид газарзүйн хувьд тархсан бол CDN ашиглах
Удаан серверийн хариу хугацааг (Эхний Байтын Хугацаа) сайжруулах

Муу CLS-г Хэрхэн Засах Вэ

Зураг болон видео дээр үргэлж тодорхой өргөн ба өндрийн атрибутуудыг тохируулах
Зар болон суулгацуудад ачаалагдахаас өмнө зай нөөцлөх
Одоо байгаа агуулгын дээр агуулга динамикаар оруулахаас зайлсхийх
Харагдахуйц фонт солилтын зохион байгуулалтын шилжилтээс зайлсхийх байдлаар тусгай фонт ачаалах

Муу INP-г Хэрхэн Засах Вэ

Үндсэн урсгалыг блоклодог урт JavaScript даалгавруудыг хэсгүүдэд хуваах
Харилцан үйлдэл дэх шаардлагагүй JavaScript гүйцэтгэлийг бууруулах
Чухал бус скриптүүдийг хуудас харилцан үйлдэлтэй болтол хойшлуулах
Үндсэн урсгалыг өрсөлдөн эзэлдэг хүнд гуравдагч скриптүүдээс зайлсхийх

Оноогоо Хаана Шалгах Вэ

Бодит зочдоос цуглуулсан бодит дэлхийн өгөгдлийн хувьд Google Search Console-ийн Core Web Vitals тайланг (хамгийн найдвартай эх сурвалж), эсвэл дурын нэг хуудасны шуурхай лабораторийн тестийн хувьд PageSpeed Insights ашиглана уу.

Түгээмэл Асуулт Хариулт

Core Web Vitals нь Google-ийн шууд эрэмбийн хүчин зүйл мөн үү?

Тийм, тэдгээр нь Google-ийн хуудасны туршлагын дохионуудын нэг хэсэг боловч агуулгын хамаарал нь нийтдээ илүү чухал хэвээр байна. Муу Core Web Vitals нь өөрөөр хүчтэй хуудсыг саатуулж болно.

LCP-ийн сайн оноо гэж юу вэ?

2.5 секундээс доош нь сайн гэж тооцогдоно. 2.5-аас 4 секундийн хооронд сайжруулалт хэрэгтэй. 4 секундээс дээш нь муу.

Core Web Vitals-ийг хэрхэн шалгах вэ?

Бодит хэрэглэгчийн өгөгдлийн хувьд Google Search Console-ийн Core Web Vitals тайланг, эсвэл нэг хуудасны лабораторийн тестийн хувьд PageSpeed Insights ашиглана уу.

First Input Delay (FID)-г юу орлосон бэ?

Interaction to Next Paint (INP) нь 2024 онд FID-г Google-ийн албан ёсны хариу үйлдлийн хэмжүүр болгон орлосон бөгөөд зөвхөн анхны оролтын хоцрогдлыг бус харилцан үйлчлэлийг бүхэлд нь хэмждэг.

NOXEL SEO нь бүх гурван Core Web Vitals-ийг хяналтын үед автоматаар хэмждэг.

Core Web Vitals-ийг үнэгүй шалгах →