Nếu bạn quan tâm đến Digital Marketing, chắc chắn bạn đã nghe nhiều về thuật ngữ mới gọi là Core Web Vitals, mà cộng đồng SEOer đã thảo luận sôi nổi về nó trong thời gian gần đây. Trong bài viết này, chúng ta sẽ cùng Brand Design khám phá thêm về khái niệm Core Web Vitals và những thông tin liên quan.
Core Web Vitals là gì?
Core Web Vitals là một tập hợp các chỉ số được đo lường bởi Chrome UX Report và Google Search Console để đánh giá hiệu suất và tối ưu hóa trang web từ perspecive của SEO. Mỗi chỉ số đánh giá một khía cạnh cụ thể về trải nghiệm người dùng trên một trang web, và tương ứng với các yếu tố quan trọng trong xếp hạng, bao gồm:
- Tốc độ tải trang (Loading): Đo lường thời gian mà trang web cần để hoàn thành quá trình tải nội dung.
- Khả năng tương tác (Interactivity): Đo lường thời gian phản hồi của trang web đối với tương tác của người dùng, bao gồm thao tác như nhấp chuột, cuộn trang và điều hướng.
- Tính ổn định hình ảnh (Visual stability): Đo lường mức độ ổn định của trang web khi các phần tử, đặc biệt là hình ảnh, thay đổi vị trí trên trang.
Bằng cách sử dụng ba chỉ số trên, bạn có thể đánh giá xem trang web có tải nhanh không, trang web có phản hồi nhanh với tương tác của người dùng hay không, và quá trình tải nội dung trên trang web có ổn định hay không.
Tại sao Core Web Vitals quan trọng trong SEO?
Thông báo từ Google Search Central cho biết Core Web Vitals sẽ trở thành một yếu tố quan trọng trong việc xếp hạng trang web trên kết quả tìm kiếm. Mục tiêu của Core Web Vitals là cung cấp trải nghiệm tìm kiếm tốt hơn cho người dùng trên Google.
Tốc độ tải trang lâu có thể dẫn đến mất mát khách hàng tiềm năng, đó là lý do tại sao tối ưu hóa tốc độ và hiệu suất trang web là cần thiết.
Tuy nhiên, nhiều SEOer chỉ tập trung vào việc tối ưu hiệu suất trang web mà bỏ qua việc cải thiện trải nghiệm người dùng thực tế trên trang web.
Ví dụ, để tăng tốc độ tải trang, bạn có thể tối ưu hóa hình ảnh bằng cách giảm kích thước của chúng. Tuy nhiên, bạn có quan tâm đến việc hình ảnh hiển thị trên trang web có đủ rõ nét không? Người dùng có thể nhìn thấy thông tin cần thiết trong hình ảnh không?
Những chi tiết nhỏ như vậy có thể ảnh hưởng lớn đến trải nghiệm người dùng trên trang web.
Tuy nhiên, chỉ dựa trên tốc độ tải trang là chưa đủ để đánh giá trải nghiệm người dùng. Với bộ chỉ số của Core Web Vitals, bạn có một hệ thống đánh giá đầy đủ hơn để đánh giá chính xác trải nghiệm người dùng khi truy cập vào trang web.
Các chỉ số của Core Web Vitals
Hiện tại, Core Web Vitals bao gồm ba chỉ số chính: Largest Contentful Paint (LCP), First Input Delay (FID), và Cumulative Layout Shift (CLS). Dưới đây là một giới thiệu chi tiết về mỗi chỉ số để bạn hiểu rõ hơn về cách đo lường chúng.
- Largest Contentful Paint (LCP) Largest Contentful Paint (LCP) được sử dụng để đo thời gian tải trang, tức là khoảng thời gian từ khi người dùng nhấp vào một liên kết cho đến khi nội dung lớn nhất trên trang hiển thị hoàn toàn trên màn hình.
Google chia tốc độ LCP thành ba nhóm:
- Màu xanh – Dưới 2 giây: Tốt
- Màu vàng – Từ 2 giây đến dưới 4 giây: Cần cải thiện
- Màu đỏ – Từ 4 giây trở lên: Cần khắc phục ngay lập tức
Để đạt tốc độ tốt, tất cả các trang trên trang web của bạn nên có chỉ số LCP dưới 2.5 giây. Nếu chỉ số LCP nằm trong khoảng từ 2.5 giây đến 4.0 giây, bạn nên cải thiện tốc độ tải trang. Nếu chỉ số LCP vượt quá 4.0 giây, bạn cần khắc phục vấn đề tải trang ngay lập tức.
Để cải thiện LCP, bạn có thể thực hiện các biện pháp sau:
- Xóa các script không cần thiết từ bên thứ ba.
- Kích hoạt lazy loading cho hình ảnh.
- Xóa các phần tử lớn không cần thiết trên trang.
- Xóa các CSS không cần thiết.
- Nâng cấp gói hosting nếu cần thiết.
- First Input Delay (FID) First Input Delay (FID) được sử dụng để đo thời gian phản hồi của trang web khi người dùng thực hiện tương tác đầu tiên trên trang. Chỉ số này quan trọng vì nó cho thấy cách người dùng tương tác thực tế với trang web.
Một số ví dụ về tương tác đầu tiên của người dùng bao gồm: click vào menu, đặt hàng, tìm kiếm, cuộn trang, điền email vào form đăng ký, và nhiều hơn nữa.
Google chia FID thành ba nhóm:
- Màu xanh – Dưới 100ms: Tốt
- Màu vàng – Từ 100ms đến dưới 300ms: Cần cải thiện
- Màu đỏ – Từ 300ms trở lên: Cần khắc phục ngay lập tức
Đối với các trang web chuyên về nội dung đơn giản như blog hoặc tin tức, điểm FID thường khá thấp vì người dùng chủ yếu sử dụng thao tác cuộn trang.
Để cải thiện FID, bạn có thể thực hiện các biện pháp sau:
- Giảm thiểu sử dụng JavaScript hoặc trì hoãn tải JavaScript không cần thiết.
- Xóa JavaScript của bên thứ ba không cần thiết.
- Sử dụng bộ nhớ cache của trình duyệt để tải nội dung nhanh hơn.
- Cumulative Layout Shift (CLS) Cumulative Layout Shift (CLS) đo mức độ ổn định của trang web khi tải, tức là độ ổn định của hình ảnh hiển thị trên trang. Nếu trang web của bạn có khả năng hiển thị các phần tử không ổn định trong quá trình tải, người dùng sẽ gặp khó khăn trong việc tìm kiếm thông tin.
Google chia CLS thành ba nhóm:
- Màu xanh – Dưới 0.1: Tốt
- Màu vàng – Từ 0.1 đến dưới 0.25: Cần cải thiện
- Màu đỏ – Từ 0.25 trở lên: Cần khắc phục ngay lập tức
Thay đổi bố cục trang liên tục trong quá trình tải sẽ gây rối người dùng và khiến họ phải tìm lại vị trí của các liên kết, hình ảnh và các phần tử trên trang.
Để giảm thiểu CLS, bạn có thể thực hiện các biện pháp sau:
- Sử dụng thuộc tính kích thước (size attribute dimensions) cho các phương tiện truyền thông như hình ảnh, video, GIF, đồ họa thông tin để trình duyệt biết chính xác kích thước của chúng trên trang web.
- Đảm bảo đủ không gian cho các phần tử quảng cáo để tránh sự đột ngột xuất hiện và dẫn đến thay đổi bố cục trang.
- Đảm bảo các phần tử dưới màn hình đầu tiên để tránh đẩy nội dung xuống hoặc lên trên khi trang được tải.
Hi vọng những thông tin trên giúp bạn hiểu rõ hơn về các chỉ số của Core Web Vitals và cách cải thiện hiệu suất trang web của bạn.
Một số công cụ hỗ trợ phân tích chỉ số Core Web Vitals:
- Google PageSpeed Insights: Google PageSpeed Insights là một công cụ phổ biến được sử dụng bởi hầu hết các SEOer để kiểm tra tốc độ của trang web. Nó cung cấp một báo cáo chi tiết về hiệu suất của trang web trên cả máy tính và di động. Bạn có thể nhận được gợi ý cụ thể để cải thiện trang web của mình.
Tuy nhiên, PageSpeed Insights đặt máy chủ đo lường ở nước ngoài, do đó số liệu trong báo cáo có thể không phản ánh chính xác tốc độ tải trang đối với các trang web lưu trữ ở Việt Nam.
- Google Search Console: Google Search Console là một công cụ rất quen thuộc đối với những người làm SEO. Để sử dụng công cụ này, bạn cần tạo và đăng nhập vào tài khoản Google Search Console. Sau đó, bạn có thể xem các báo cáo trong phần Core Web Vitals của Search Console, cung cấp thông tin chi tiết về chỉ số Core Web Vitals của trang web.
- Web Vitals Extension trong trình duyệt Chrome: Bạn có thể tải và cài đặt tiện ích mở rộng Web Vitals cho trình duyệt Chrome để nhanh chóng xem các chỉ số của bất kỳ trang web nào. Hơn nữa, bạn cũng có thể sử dụng Chrome Dev Tools (tổ hợp phím Ctrl + Shift + I) để kiểm tra và phân tích một trang web bất kỳ trên trình duyệt Chrome.
Hướng dẫn cách kiểm tra Core Web Vitals cho website sử dụng Google Search Console:
- Truy cập vào Google Search Console.
- Chọn “Chỉ số thiết yếu về Trang web” trong mục “Tính năng nâng cao”.
- Nhấp vào nút “Báo Cáo” trong phần “Máy tính” hoặc “Thiết bị di động”.
- Kiểm tra từng loại vấn đề để xem các URL nào đang gặp vấn đề.
Điều này giúp bạn xác định số lượng trang trên website của mình bị ảnh hưởng bởi Core Web Vitals và biết được các vấn đề cụ thể mà các URL đang gặp phải.
Cách sửa lỗi Core Web Vitals cho trang web:
Cải thiện LCP:
- Sử dụng tải tức thì với mô hình PRPL (Push, Render, Pre-cache, Lazy-load).
- Tối ưu hóa URL hiển thị.
- Tối ưu hóa một số tệp CSS.
- Tối ưu hóa kích thước và nén tệp hình ảnh.
- Tối ưu hóa hoặc loại bỏ các font chữ không cần thiết.
- Tối ưu hóa hoặc giảm JavaScript (đối với các trang web tương tác cao).
Cải thiện FID:
- Giảm tác động của mã bên thứ ba.
- Giảm thời gian thực thi JavaScript.
- Giảm công việc của chuỗi chính.
- Giữ số lượng yêu cầu và kích thước chuyển thấp.
Cải thiện CLS:
- Bao gồm thuộc tính kích thước cho hình ảnh và video hoặc dành không gian bằng cách sử dụng các hộp tỷ lệ CSS.
- Tránh chèn nội dung lên phía trên nội dung hiện có, trừ khi đáp ứng tương tác của người dùng.
- Sử dụng các hiệu ứng chuyển đổi thay vì các thuộc tính làm thay đổi bố cục.
Khi tối ưu hóa website để đạt kết quả tốt trên công cụ tìm kiếm, ngoài việc cung cấp nội dung hữu ích và thu hút người dùng, cải thiện trải nghiệm người dùng trên trang web là yếu tố quan trọng. Hy vọng thông qua bài viết này, bạn đã hiểu về Core Web Vitals và có thể đề ra hướng đi và lập kế hoạch để khắc phục các vấn đề mà trang web đang gặp phải.
