Tối ưu Core Web Vitals để nâng cao thứ hạng trên Google

Tối Ưu Hóa Chỉ Số Web Cốt Lõi (Core Web Vitals) Là Gì?

Core Web Vitals là những số liệu do Trình báo cáo trải nghiệm người dùng Chrome và Google Search Console đo lường nhằm đánh giá hiệu suất trang web và SEO. Mỗi số liệu sẽ đánh giá một khía cạnh nào đó của trải nghiệm người dùng đối với một trang web cụ thể, tương ứng với các yếu tố xếp hạng như:

– Tốc độ tải trang
– Khả năng tương tác
– Tính ổn định hình ảnh

Dựa trên ba số liệu này, bạn có thể nắm được nội dung trang web có tải nhanh không, trình duyệt tải trang web có phản hồi nhanh với các truy vấn 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 không.

Tại sao Core Web Vitals cực kỳ quan trọng trong SEO?

Google Search Central đã đưa ra thông báo rằng Core Web Vitals chuẩn bị được triển khai và trở thành một trong những yếu tố để xếp hạng tìm kiếm. Core Web Vitals ra đời với mong muốn đáp ứng tốt hơn về mặt trải nghiệm tìm kiếm thông tin của người dùng trên Google.

Tốc độ tải trang lâu là một trong những yếu tố khiến bạn có thể mất đi những khách hàng tiềm năng của mình. Đó là lý do tại sao bạn cần phải thực hiện tối ưu hóa trang web về tốc độ và hiệu suất.

Tuy vậy, nhiều bạn SEOer chỉ chú trọng vào việc tối ưu hiệu suất cho trang web mà không chú trọng vào việc tối ưu các trải nghiệm cho người dùng thực tế trên website.

Chẳng hạn, để website có tốc độ load nhanh, bạn thực hiện tối ưu hình ảnh bằng cách giảm trọng lượng của hình ảnh xuống tuy vậy bạn lại không quan tâm xem hình ảnh khi hiển thị trên website có rõ nét không? Người dùng có thể quan sát được những thông tin cung cấp trong hình không?

Những điều tưởng chừng như nhỏ nhặt nhưng lại có sự ảnh hưởng rất lớn đến trải nghiệm của người dùng trên web.

Tuy nhiên, chỉ dựa vào tốc độ tải trang để đưa ra các đánh giá trải nghiệm của người dùng là chưa đủ. Với hệ thống chỉ số của Core Web Vitals, bạn sẽ có một hệ quy chiếu đầy đủ hơn để đánh giá chính xác trải nghiệm của người dùng khi truy cập website.

Tiêu chí của Core Web Vitals

Chỉ số Core Web Vitals hiện nay gồm có các thành phần sau: Largest Contentful Paint, First Input Delay và Cumulate Layout Shift. Chúng tôi sẽ trình bày chi tiết từng chỉ số đo lường sau đây.

Vẽ Nét Nội Dung Lớn Nhất (LCP)

Là một chỉ số được Google sử dụng để đánh giá hiệu suất tốc độ tải trang, Largest Contentful Paint (LCP) đơn giản có thể hiểu là thời gian mà người dùng mất khi nhấp vào một đường dẫn để truy cập vào nội dung trên thiết bị.

Google thường chia LCP thành 3 nhóm là Tốt, Cần cải thiện và Cần khắc phục ngay.

– Xanh lá: LCP nhỏ hơn hoặc bằng 2 giây, tức là Tối ưu tốt.

– Vàng: LCP từ 2 đến 4 giây, tức là Cần cải thiện.

– Đỏ: LCP lớn hơn 4 giây, tức là Cần khắc phục ngay.

Để trang web đạt được mức Tối ưu tốt với màu xanh lá, tất cả trang trên website đều phải có LCP nhỏ hơn 2,5 giây. Với trường hợp LCP nằm trong khoảng 2,5 đến 4 giây, bạn nên tiến hành cải thiện tốc độ tải trang. Còn nếu LCP cao hơn 4 giây, bạn cần phải khắc phục ngay.

Việc trang web có LCP nhỏ hơn 2,5 giây đối với những website lớn và nhiều tính năng là điều không hề dễ dàng.

Sau đây là một số cách để bạn có thể cải thiện LCP:

– Xóa những tập lệnh bên thứ ba không cần thiết: Những tập lệnh từ bên thứ ba sẽ khiến cho trang web của bạn tải chậm hơn. Vì vậy để website vận hành tốt nhất, bạn nên tiến hành xóa các tập lệnh không cần thiết.

– Kích hoạt tính năng ‘tải lười biếng’ (lazyload): Lazyload giúp hình ảnh trên website của bạn sẽ được tải song song với quá trình cuộn chuột của người dùng.

– Xóa các thành phần lớn trên trang: Google PageSpeed Insights là công cụ sẽ giúp bạn biết các thành phần nào đang khiến cho tốc độ tải trang chậm.

– Xóa các CSS không cần thiết: Việc thêm nhiều hiệu ứng cũng ảnh hưởng rất nhiều đến tốc độ tải trang.

– Nâng cấp gói hosting: Nếu đã thực hiện tất cả những cách trên nhưng vấn đề vẫn chưa được cải thiện, bạn nên nâng cấp gói hosting để trang web được vận hành ổn định hơn.

Độ trễ đầu vào đầu tiên (FID)

Các tương tác của người dùng là thước đo quan trọng để đánh giá trải nghiệm của người dùng khi truy cập một trang web, First Input Delay (FID) là một chỉ số quan trọng đo lường thời gian đáp ứng cho tương tác đầu tiên của người dùng.

FID được Google đặc biệt chú trọng vì nó phản ánh cách người dùng tương tác với một trang web thực tế. Ví dụ về các tương tác phổ biến bao gồm nhấp vào menu, tìm kiếm, cuộn trang và nhập thông tin vào biểu mẫu.

Thời gian FID được đánh giá theo thang màu:

• Màu xanh: FID dưới 100ms – Tối ưu
• Màu vàng: FID dưới 300ms – Cần cải thiện
• Màu đỏ: FID trên 500ms – Cần khắc phục ngay

Đối với các trang web chủ yếu là nội dung văn bản như blog hoặc tin tức, FID có thể thấp vì thao tác cuộn trang chiếm ưu thế. Tuy nhiên, để cải thiện FID, có thể áp dụng một số biện pháp sau:

• Giảm thiểu JavaScript: JavaScript có thể làm chậm khả năng tương tác của người dùng, hãy giảm thiểu hoặc trì hoãn tải JavaScript để cải thiện FID.
• Loại bỏ JavaScript của bên thứ ba: Các tập lệnh của bên thứ ba như Google Analytics hoặc Heatmap có thể ảnh hưởng đến FID, hãy xóa các tập lệnh không cần thiết để tối ưu hóa hiệu suất.
• Sử dụng bộ nhớ cache của trình duyệt: Bộ nhớ cache có thể giúp tải nội dung trang web nhanh hơn, cải thiện tốc độ phản hồi của trang.

Tích tụ sự thay đổi bố cục (CLS)

Cumulate Layout Shift (CLS) là một chỉ số dùng để đánh giá mức độ ổn định của một trang khi tải. Nếu trang web của bạn hiển thị các phần tử quá chậm trong quá trình tải, quá trình tìm kiếm thông tin của người dùng sẽ bị gián đoạn.

Dưới đây là một số tiêu chí cụ thể mà Google đưa ra cho CLS:

• Màu xanh – 0,1 trở xuống: Tối ưu tốt
• Màu vàng – 0,25 trở xuống: Cần cải thiện
• Màu đỏ – 0,3: Cần khắc phục ngay

Bố cục trang liên tục thay đổi khi tải sẽ khiến người dùng phải tìm lại vị trí của các liên kết, hình ảnh và các trường khi trang tải xong. Điều này dễ khiến người dùng nhấp nhầm vào một thứ gì đó.

Một số bước bạn có thể thực hiện để hạn chế CLS:

• Sử dụng thuộc tính kích thước cho các tệp phương tiện (hình ảnh, video, GIF, đồ họa thông tin,…): Trình duyệt của người dùng sẽ biết chính xác phần tử đó sẽ chiếm bao nhiêu dung lượng trên trang web.
• Đảm bảo đủ khoảng trắng cho một số phần tử quảng cáo: Nếu không, các phần tử này có thể đột ngột xuất hiện trên trang, đẩy nội dung xuống, lên hoặc sang một bên.
• Đặt các phần tử bên dưới màn hình đầu tiên: Nếu bạn sử dụng một phần tử thay đổi thường xuyên hoặc đặt nó bên dưới màn hình đầu tiên, chúng sẽ không đẩy nội dung mà người dùng mong đợi ở nguyên vị trí của nó xuống.

Các công cụ hỗ trợ đo lường chỉ số Core Web Vitals

Tối ưu hóa trang web của bạn với Google PageSpeed Insights

Công cụ Pagespeed Insight của Google được nhiều chuyên gia SEO sử dụng để kiểm tra tốc độ của trang web. Khi sử dụng Pagespeed Insight, bạn sẽ nhận được một báo cáo chi tiết về hiệu suất trang web trên cả máy tính và thiết bị di động. Ngoài ra, công cụ này cũng cung cấp các đề xuất cụ thể để bạn cải thiện tốc độ tải trang.

Mặc dù Pagespeed Insight có giao diện thân thiện với người dùng và cung cấp kết quả nhanh chóng, nhưng vì máy chủ đo lường được đặt ở nước ngoài nên đôi khi số liệu trong báo cáo không phản ánh chính xác tốc độ tải trang của các trang web được lưu trữ tại Việt Nam.

Google Search Console

Google Search Console hẳn không còn là cái tên xa lạ với những ai làm SEO. Để sử dụng công cụ này, bạn cần tạo tài khoản Google Search Console và đăng nhập để xem báo cáo trong Search Console’s Core Web Vitals.

Tiện ích kiểm tra Web Vitals dành cho trình duyệt Chrome

Tải xuống và cài đặt tiện ích mở rộng Web Vitals cho trình duyệt Chrome, bạn có thể xem nhanh các số liệu đánh giá của bất kỳ trang web nào. Thêm vào đó, bạn có thể sử dụng Công cụ dành cho nhà phát triển Chrome (phím tắt Ctrl + Shift + I) để kiểm tra hoặc phân tích bất kỳ trang web nào trên trình duyệt Chrome.

Cách Kiểm Tra Core Web Vitals Cho Website

Công cụ Google Search Console vô cùng hữu ích, cho phép bạn kiểm tra số lượng trang trên website của mình bị ảnh hưởng bởi chỉ số Core Web Vitals.

Để kiểm tra chỉ số Core Web Vitals trong Google Search Console, hãy thực hiện các bước sau:

Bước 1: Đăng nhập vào Google Search Console.

Bước 2: Trong phần Tính năng nâng cao, chọn Chỉ số thiết yếu về Trang web.

Bước 3: Nhấp vào Báo cáo trong phần Máy tính hoặc Thiết bị di động.

Bước 4: Kiểm tra từng loại vấn đề để xác định các URL gặp sự cố.

Cách sửa lỗi Core Web Vitals cho website

Để nâng tầm trải nghiệm người dùng trên website, bạn cần cải thiện chỉ số Core Web Vitals. Tuy nhiên, mỗi trang web lại gặp lỗi khác nhau. Tốt nhất là hãy nghiên cứu và phân tích các trang web của mình để xác định lỗi chính xác, từ đó ưu tiên các bản cập nhật có lợi nhất.

Một số vấn đề phổ biến mà các trang web thường gặp là:

Cải thiện LCP:

• Áp dụng tải tức thì cho bố cục PRPL
• 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 xóa phông chữ trang web
• Tối ưu hóa hoặc giảm JavaScript (đối với các trang web do người dùng hiển thị)

Cải thiện FID:

• Giảm tác động của các mã bên thứ ba
• Giảm thời gian thực thi JavaScript
• Giảm thiểu khối lượng công việc của luồng chính
• Duy trì số lượng yêu cầu thấp và kích thước tải ít

Cải thiện CLS:

• Đưa vào các thuộc tính kích thước cho hình ảnh và phần tử video hoặc dành không gian bằng hộp tỉ lệ CSS
• Tránh chèn nội dung đè lên nội dung hiện tại, trừ trường hợp phản hồi tương tác của người dùng
• Sử dụng hoạt ảnh chuyển tiếp thay vì hoạt ảnh của một số thuộc tính gây thay đổi bố cục

Khi muốn đưa website của mình lên top các kết quả tìm kiếm, ngoài việc cung cấp nội dung hữu ích và hấp dẫn, bạn cần tối ưu trải nghiệm người dùng trên trang. Chúng tôi hy vọng bài viết này đã giúp bạn hiểu được Core Web Vitals và tầm quan trọng của chúng trong việc cải thiện trải nghiệm người dùng. Từ đó, bạn có thể đưa ra định hướng, lên kế hoạch và khắc phục các vấn đề mà trang web của mình đang gặp phải.