Core Web Vitals là gì ? Ảnh hưởng đến xếp hạng TOP, tốc độ index Google không ?

Core Web Vitals thuộc Google Page Experience, là một bản cập nhật lớn đối với thuật toán của Google sẽ mang nhiều loại chỉ số được gọi là Core Web Vitals lại với nhau để tạo thành một yếu tố xếp hạng trải nghiệm trang.

Ảnh hưởng đến xếp hạng TOP Google không ?

Google hiếm khi công bố các bản cập nhật thuật toán trước khi chúng được phát hành, vì vậy điều này sẽ có tác động đáng kể đến cách Google xếp hạng TOP các trang web. Tác động đối với các trang web riêng lẻ có thể là nhỏ nhất, nhưng có thể đáng kể đối với các trang web thương mại điện tử thích hợp, blog tin tức và hơn thế nữa với trải nghiệm người dùng lỗi thời.

Google đang tiếp tục phụ trách cải thiện hiệu suất web di động tại đây. Bắt đầu với việc chuyển sang https (giúp xóa bỏ kỳ thị xung quanh việc mua hàng trên các mạng không an toàn) và sau đó là sự thay đổi đối với lập chỉ mục ưu tiên thiết bị di động, Google đã nói rõ rằng tìm kiếm trên thiết bị di động là tương lai. Giờ đây, thông qua các trang web tải nhanh có thưởng, Google đang vạch ra lộ trình cho các trang web và doanh nghiệp trực tuyến thành công.

Core Web Vitals là gì?

Core Web Vitals hay được gọi là Chỉ số Thiết yếu về Trang web , là ba số liệu đánh giá trải nghiệm của người dùng khi tải một trang web. Các chỉ số này cho biết nội dung trang tải nhanh như thế nào, trình duyệt tải trang web có thể phản hồi nhanh như thế nào đối với thông tin đầu vào của người dùng và mức độ không ổn định của nội dung khi tải trong trình duyệt. Ba chỉ số này sẽ được gộp cùng với Tính thân thiện với thiết bị di động, Duyệt web an toàn, HTTPS và Quảng cáo xen kẽ thành một tín hiệu mà Google gọi là “Tín hiệu trải nghiệm trang”.

LCP – Largest Contentful Paint

Đây chỉ đơn giản là điểm mà nội dung chính của trang đã tải. Bạn có thể đã nghe Nhóm phát triển của mình hoặc SEO đề cập đến những thứ như DOM hoặc DOMContentLoad trong quá khứ. Điều đó tương tự, nhưng Google tuyên bố rằng đây là một phép đo đơn giản hơn xem xét thời gian hiển thị của hình ảnh hoặc khối văn bản lớn nhất có thể nhìn thấy được.

Vì vậy, nói cách khác, nếu bạn có một hình ảnh lớn trên trang web của mình hoặc một nền video mất nhiều thời gian để tải, bạn đang gặp rắc rối.

Quảng cáo

Tương tự như vậy, nếu bạn có một lượng lớn JS hoặc CSS chặn hiển thị (một chủ đề SEO & Dev yêu thích khác) hoặc trang web của bạn được thiết lập với kết xuất phía máy khách, bạn có thể sẽ phải dành một chút thời gian trong vài tháng tới để cải thiện LCP để đáp ứng tốt hơn các nguyên tắc mới của Google.

CLS – Cumulative Layout Shift

Bạn đã bao giờ vào một trang web khi toàn bộ nội dung chuyển lên hoặc xuống chưa? Đôi khi có nhiều phần tử bị dịch chuyển hoặc dịch chuyển nhiều lần. Gần như thể bố cục thay đổi mỗi khi có nội dung nào đó được tải trên trang và tất cả cộng dồn vào một loạt các thay đổi theo cách tích lũy, ít hay nhiều…

Điều này đã được gắn cờ là một trải nghiệm người dùng tồi tệ.

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

Khi chúng tôi tải các trang web trong một trình duyệt, là người dùng, chúng tôi thường mong đợi rằng vào giây thứ hai chúng tôi nhìn thấy một yếu tố hình ảnh, như nút, hình ảnh hoặc thanh cuộn, tải trên màn hình mà trang đó ngay lập tức sẵn sàng nhận thông tin đầu vào của tôi . Kỳ vọng này là chúng ta có thể nhấp vào nút hoặc cuộn xuống trang, ngay cả khi trang vẫn đang tải.

Chúng tôi cảm thấy khó chịu khi trải nghiệm của chúng tôi không đáp ứng được kỳ vọng đó và một trang không bắt đầu phản hồi các hành động của chúng tôi.

Thực tế là trình duyệt thường không thể phản hồi vì nó đang bận phân tích cú pháp một JavaScript lớn điều khiển một chức năng trên trang. Trong khi trình duyệt đang tải tệp này, trình duyệt không có tài nguyên cần thiết để chạy trình xử lý sự kiện sẽ phản hồi đầu vào của người dùng.

Độ trễ đầu vào đầu tiên (FID) giúp định lượng sự thất vọng của người dùng này thành một thước đo lấy người dùng làm trung tâm. Điều quan trọng cần lưu ý là FID không đo thời gian xử lý sự kiện hoặc thời gian cần thiết để hiển thị các thay đổi đối với bố cục trang hoặc nội dung, mà chỉ đo độ trễ trong quá trình xử lý sự kiện do người dùng bắt đầu.

Xác định sự thay đổi bố cục tích lũy - BrightEdge

Trong ví dụ trên, có thể được tìm thấy tại  https://web.dev/fid/ , chúng ta có thể thấy một ví dụ rõ ràng về phép đo FID. Trong trường hợp này, một người dùng đã bắt đầu tải trang. Khi nội dung trang tải và bắt đầu hiển thị luồng chính của trình duyệt đang bận chạy các tác vụ như tải tệp JavaScript.

Quảng cáo

Trang đã bắt đầu tải các yếu tố hình ảnh và người dùng nhìn thấy điều gì đó quan tâm và cố gắng tương tác với trang. Khoảng thời gian từ khi người dùng cố gắng tương tác với trang đến khi trình duyệt thực sự có thể phản hồi thông tin nhập của người dùng đó là FID.

Đánh giá Core Web Vitals trên Web của bạn

Bây giờ chúng ta đã biết tất cả về Core Web Vitals, làm cách nào để tìm ra vị trí của các trang của chúng ta? Rất may, có một số cách để phân tích trang web của bạn.

Sử dụng Google Search Console là cách dễ nhất để giải quyết nhiều trang trên một trang web lớn. GSC có một phần trong phần Cải tiến trong điều hướng chính, nơi bạn có thể xem số lượng trang trên trang web của mình bị ảnh hưởng bởi mỗi Core Web Vital – tiếng việt là Chỉ số Thiết yếu về Trang web.

Thông tin chi tiết về các quan trọng web cốt lõi - BrightEdge

Sau khi nhấp qua phần này, bạn sẽ thấy một báo cáo cho từng vấn đề Core Web Vital mà trang web của bạn có thể đang gặp khó khăn.

Sửa lỗi Core Web Vitals

Bây giờ bạn đã hiểu rõ hơn mỗi chỉ số Core Web Vitals đang đo lường điều gì và cách chúng thể hiện những điểm khó khăn đối với những khán giả đang cố gắng truy cập nội dung và tương tác với thương hiệu của bạn, đã đến lúc hành động để cải thiện các chỉ số này – nhưng quan trọng hơn là cải thiện tương tác với khán giả của bạn.

Mỗi trang web sẽ có phần độc đáo. Sẽ rất hiếm khi hai trang web riêng biệt gặp phải các vấn đề giống hệt nhau – vì vậy, điều quan trọng là phải thực sự tìm hiểu và phân tích các miền của bạn riêng lẻ để ưu tiên các bản cập nhật có lợi nhất.

Tất nhiên, có nhiều vấn đề phổ biến hơn mà các trang web gặp phải và sau đó, chúng tôi có thể chỉ ra các bản sửa lỗi phổ biến cho các vấn đề mà bạn có thể gặp phải.

Quảng cáo

Các hoạt động phổ biến để giải quyết LCP

  • Áp dụng tải tức thì với mẫu PRPL
  • Tối ưu hóa đường dẫn hiển thị quan trọng của bạn
  • Tối ưu hóa các 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ữ web
  • Tối ưu hóa hoặc giảm JavaScript của bạn (đối với các trang web do khách hàng hiển thị)

Các hoạt động phổ biến để giải quyết FID

  • Giảm tác động của mã bên thứ ba
  • Giảm thời gian thực thi JavaScript
  • Giảm thiểu công việc của chuỗi chính
  • Giữ cho số lượng yêu cầu thấp và kích thước chuyển giao nhỏ

Các hoạt động chung để giải quyết CLS

  • Bao gồm các thuộc tính kích thước trên hình ảnh và phần tử video của bạn hoặc dành không gian bằng các hộp tỷ lệ co CSS
  • Không bao giờ chèn nội dung bên trên nội dung hiện có, ngoại trừ để đáp ứng tương tác của người dùng
  • Sử dụng hoạt ảnh chuyển đổi thay vì hoạt ảnh của các thuộc tính buộc thay đổi bố cục

Quảng cáo
Chia sẻ suy nghĩ, quan điểm của bạn

Leave a reply

Tìm kiếm

Copyright Saohaivuong All Rights Reserved.

Sao Hải Vương
Logo