Cách tối ưu Core Web Vitals trong SEO website

Trang chủ » Tư vấn »Tư Vấn» Thủ thuật làm SEO» Cách tối ưu Core Web Vitals trong SEO website

Ngày tạo: 30/10/2020

Cách tối ưu Core Web Vitals trong SEO website

Để đánh giá chính xác hơn khả năng tối ưu của website thì mới đây, Google vừa bổ sung thêm quy chuẩn đo lường mới với tên gọi là Core Web Vital. Vậy, Core Web Vital ảnh hưởng tới SEO như thế nào và làm sao để tối ưu Core Web Vital?

1. 3 tiêu chuẩn của Core Web Vitals

Theo lời Google, ở thời điểm hiện tại với quy chuẩn đo lường mới là Core Web Vitals thì công cụ này sẽ tập trung đánh giá trải nghiệm của web dựa trên tốc độ, khả năng tương tác trên website và tối ưu cho thị giác. Chính vì vậy mà cho tới lúc này, Core Web Vitals bao gồm 3 tiêu chuẩn quan trọng là:

* Largest Contentful Paint (Hiển thị nội dung lớn nhất – LCP)

Đây là chỉ số đo lường thời gian tải hoàn tất của một thành phần lớn nhất trên web, hiển thị đầu tiên ngay sau khi trang được tải.

Chỉ số LCP được tính thông qua việc hoàn tất các thẻ như: <img> hiển thị hình ảnh, <image> hiển thị hình ảnh, <video> hiển thị nội dung video, background sử dụng hàm url() trong CSS để tải bằng hình ảnh…

Ví dụ về LCP trong Core Web Vitals:

Hình ảnh trên cho thấy, khi đoạn chữ đầu tiên hiển thị thì Google đánh giá theo chuẩn FCP. Tuy nhiên khi ảnh hiển thị trên cùng của giao diện được tải hoàn tất thì web được tính theo chuẩn LPC.

Nếu website hiển thị logo trước trên cùng (logo sử dụng thẻ <img>, <image> hoặc sử dụng hàm url() trong CSS) thì web sẽ vẫn được tính theo chuẩn LCP đo thời gian tải hoàn tất của thành phần này.

Ví dụ về LCP trong Core Web Vitals:

Trong trường hợp thành phần hiển thị trên cùng của web không bao gồm hình ảnh và video thì Google sẽ áp dụng cho các các phần tử trong website thuộc kiểu khối có chứa văn bản bên trong. Như ảnh minh họa bên dưới, web có một khu vực hiển thị chữ theo khối (thẻ <p>) thì LCP sẽ tính thành phần này.

Theo chuẩn của Core Web Vitals thì ở thời điểm hiện tại, chỉ số LCP phải ít hơn 2.5 giây để tải hoàn tất một nội dung lớn trên web.

* First Input Delay (Thời gian phản hồi lần tương tác đầu tiên – FID)

Đây là chỉ số đánh giá thời gian phản hồi của trình duyệt sau khi người dùng thực hiện tương tác vào một nút bấm, click vào một liên kết hoặc là một tính năng tương tác nào đó được thiết kế bởi JavaScript.

Thường thì khi truy cập một web và nhấp vào một nút bất kỳ, hoặc điền thông tin vào một form… thì trình duyệt sẽ xử lý ngay lúc đó. Nhưng cũng có một số trường hợp trình duyệt sẽ bị delay trong quá trình xử lý tương tác của người dùng. Đây là sự cố rất hay diễn ra khi chúng ta sử dụng JavaScript.

Ở thời điểm hiện tại, Google cho phép FID được tối ưu nếu như kết quả xử lý là dưới 100ms (100 mili giây).

* Cumulative Layout Shift (Điểm số thay đổi bố cục ở dạng tích lũy – CLS)

Đã bao giờ bạn truy cập vào một trang nào đó mà sau khi trang đã được tải hoàn tất thì bỗng dưng có một thông báo hiện ra, làm cho nội dung được tải trước đó bị đẩy xuống hay chưa? Google gọi trường hợp này là CLS.

Việc bố cục web bị thay đổi theo cách này sẽ gây ra những ảnh hưởng tiêu cực về phía người dùng. Ví dụ, khi trang tải hoàn tất và họ đang muốn click vào một nút, liên kết nào đó nhưng thông báo hiện ra đột ngột làm họ click nhầm. Thực sự rất khó chịu và phiền phức.

Hiện tại đối với Google, điểm CLS của website bạn chỉ nên thấp hơn 0.1.

2. Ảnh hưởng của Core Web Vitals tới SEO

Vì các chỉ số của Core Web Vitals đều liên quan tới tốc độ phản hồi của web và chất lượng trải nghiệm của người dùng, do đó hẳn nhiên là Core Web Vitals có ảnh hưởng khá mạnh mẽ tới thứ hạng của trang.

Google và người dùng đều đánh giá một website thông qua thời gian phản hồi và sự thuận tiện trong quá trình truy cập, chính vì vậy nếu các chỉ số trên đạt yêu cầu, mang lại trải nghiệm nhanh chóng cho người dùng, giảm tỉ lệ thoát trang, nâng cao khả năng người dùng quay lại vào các lần tiếp theo… từ đó mang lại điểm chất lượng và giúp web đạt được thứ hạng cao hơn.

Ngược lại, nếu website không được tối ưu Core Web Vitals, thời gian tải, phản hồi chậm… thì nguy cơ tỉ lệ thoát trang là cực kỳ cao do người dùng phải mất thời gian chờ đợi, gặp bất tiện trong quá trình truy cập, làm cho web bị đánh giá thấp, tụt hạng.

3. Một số cách để cải thiện các điểm số của Core Web Vitals

Dưới đây là một số gợi ý mà bạn có thể thực hiện để cải thiện các điểm số của Core Web Vitals:

+ Cải thiện LCP

Muốn cải thiện điểm số LCP thì trước tiên, cần sử dụng công cụ Google PageSpeed Insights để kiểm tra web, nhằm nắm xem thành phần nào sẽ được tải ra đầu tiên?

Nếu hình ảnh là yếu tố được tải ra trước tiên thì chúng ta nên sử dụng ảnh có kích thước phù hợp, không nên quá lớn so với kích thước được hiển thị. Ngoài ra thì hình ảnh cũng cần được nén trước khi tải lên web.

Trường hợp yếu tố đầu tiên được hiển thị là văn bản thì với văn bản đó, bạn nên hạn chế việc sử dụng hiệu ứng CSS, càng ít càng tốt, và tốt hơn hết là chỉ nên sử dụng System Font Stack mặc định của hệ thống.

+ Cải thiện FID

FID phụ thuộc rất nhiều vào CSS và JavaScript tải trên trang, do đó chúng ta nên cài đặt plugin WP Rocket được tặng miễn phí và bật tính năng nén CSS, nén JavaScript, tải không đồng bộ JavaScript, đồng thời lưu các tập tin theo dõi của Facebook Pixel/Google Analytics trực tiếp trên host.

+ Cải thiện CLS

Trong trường hợp web của bạn có các thành phần hiển thị sau cùng khiến cho bố cục bị thay đổi bởi các thông báo, hiệu ứng dịch chuyển… thì nên giảm các tác nhân đó xuống càng ít càng tốt, hoặc là điều chỉnh sự dịch chuyển sao cho không gây ảnh hưởng tới trải nghiệm, tương tác của người dùng.

Trên đây là một số thông tin khái quát về Core Web Vitals và cách để tối ưu Core Web Vitals tốt cho SEO. Trong trường hợp doanh nghiệp không đủ chuyên môn để thực hiện các biện pháp tối ưu hóa, hãy liên hệ với Trần Lê ngay hôm nay.

Dịch vụ tối ưu website của Trần Lê sẽ mang lại cho bạn giải pháp cải thiện tốc độ, khả năng phản hồi của trang một cách nhanh chóng. Với hơn 10 năm kinh nghiệm cùng đội ngũ kỹ thuật, lập trình viên tốt nghiệp từ các trường đại học danh tiếng trong và ngoài nước, chúng tôi cam kết:

+ Tối ưu web hiệu quả, thân thiện với người dùng và công cụ tìm kiếm, tốc độ tải chỉ dưới 2s.

+ Sử dụng hosting chất lượng kết hợp công nghệ thiết kế web hiện đại nhất.

+ Hỗ trợ kỹ thuật 24/7 trong quá trình chăm sóc web

Liên hệ ngay để được tư vấn và nhận báo giá chi tiết.

ĐT