Core Web Vitals là gì? Tối ưu Page Experience cho GG update 2021

Theo như Google công bố, sẽ có 2 đợt Core Update trong tháng 6 và tháng 7 năm 2021. Nội dung lần update này sẽ tập trung vào chỉ số Page Experience. Bài viết này sẽ cho bạn một kiến thức đầy đủ để thắt dây an toàn trước giông bão. Chúng ta cùng phân tích về Core Web Vitals là gì?

core web vitals
Bạn đã thắt dây an toàn với core web vitals update năm 2021 chưa?

1. Các khái niệm liên quan Core Web Vitals

1.1. Web vitals là gì

Web Vitals là một hướng dẫn thống nhất nhằm cung cấp cho người dùng trải nghiệm tốt nhất trên website. Đây là một phát mình từ Google và được tổng hợp tại web.dev.

Hiện tại, Web vitals được biết tới bao gồm 7 chỉ số đánh giá:

  • Largest Contentful Paint (LCP)
  • First Input Delay (FID)
  • Cumulative Layout Shift (CLS)
  • Mobile-friendly
  • Safe-browsing
  • HTTPS
  • No intrusive interstitials

1.2. Core web vitals là gì

Core Web Vitals là những chỉ số ảnh hướng lớn nhất đến page experience trong Web Vitals.

Chúng bao gồm 3 tiêu chí:

  • Largest Contentful Paint (LCP) – loading: tốc độ tải trang
  • First Input Delay (FID) – interactivity: khả năng tương tác
  • Cumulative Layout Shift (CLS) – visual stability: khả năng ổn định hiển thị
core web vitals la gi
Google công bố 3 tiêu chí web quan trọng và đang phát triển thêm

2. Các chỉ số trong Core web vitals

Với mỗi chỉ số dưới đây, để chắc chắn bạn đạt được những hiệu suất lý tưởng với hầu hết người dùng, khoảng đo lường tốt nhất là phần trăm tải trang thứ 75 với cả thiết bị di động lẫn máy tính.

2.1. Largest Contentful Paint (LCP)

Largest Contentful Paint (LCP) là chỉ số đánh giá hiệu suất tải trang dựa trên thời gian tải hoàn tất phần tử nội dung lớn nhất trong trang.

largest contentful paint
Tốc độ tải nội dung lớn nhất tốt nhất cho trải nghiệm người dùng

Để cung cấp cho người dùng trải nghiệm tốt nhất, LCP không nên quá 2.5 giây khi trang được tải lần đầu tiên.

Nhưng nếu LCP > 4.0 giây thì thực hiện các biện phải cải thiện là điều cần thiết.

2.2. First Input Delay (FID)

First Input Delay (FID) là chỉ số đo lường khả năng tương tác dựa trên thời gian phản hồi đối với thao tác đầu tiên của người dùng trên trang.

Các tương tác thông dụng nhất bao gồm:

  • Click vào các nút chức năng (menu, tìm kiếm, giỏ hàng, đặt hàng,…)
  • Điền thông tin (form, đăng ký)
  • Cuộn trang
first input delay
Google yêu cầu FID không quá 100 mili giây

Nếu FID lớn hơn 300 mili giây sẽ được cảnh báo để cải thiện.

2.3. Cumulative Layout Shift (CLS)

Cumulative Layout Shift (CLS) đánh giá khả năng ổn định hiển thị thông qua sự dịch chuyển của thành phần trang. Trải nghiệm người dùng tốt nhất khi trang duy trì chỉ số CLS ở 0.1.

cumulative layout shift
Đa số website thường gặp lỗi ở chỉ số CLS

Quá trình tải trang sẽ được trình duyệt thực hiện theo nhiều lớp. Nếu lớp sau có phần tử dịch chuyển lớn hơn 0.25 thì webmaster cần cải thiện ngay lập tức.

3. Những công cụ phân tích Core Web vitals

Từ khi Google công bố các tiêu chí đánh giá này, nhiều nhà phát triển đã xây dựng nhiều công cụ đo lường. Các công cụ đánh giá tốt nhất bao gồm:

  • PageSpeed Insights
  • Chrome UX Report
  • Search Console
  • Chrome DevTools
  • Lighthouse
  • Web Vitals Extension
do luong core web vitals
Các công cụ đo lường và phân tích chỉ số core web vitals

Các công cụ này được phát triển dựa trên việc thu thập và phân tích các dữ liệu thực tế (PageSpeed Insights, Chrome UX Report, Search Console, Web Vitals Extension) hoặc tự mô phỏng hành vi người dùng (Chrome DevTools, Lighthouse)

Google vẫn khuyên nhà quản trị web sử dụng các công cụ dùng dữ liệu thực tế hơn. Vì những chỉ số này bị ảnh hưởng bởi chính người dùng thực tế. Nếu người dùng của website bạn sử dụng thiết bị hay mạng internet chất lượng thấp thì website của bạn vẫn bị đánh giá thấp.

4. Tác động của Core web vital đến SEO

Core web vitals được Google công bố từ đầu năm 2020. Tuy nhiên các chỉ số quan trọng của website này sẽ được áp dụng vào quá trình đánh giá thứ hạng website sau Google Core Update tháng 6, tháng 7 và có thể sẽ bắt đầu ảnh hưởng ở thị trường Việt Nam từ tháng 8.

Tuy nhiên, các chỉ số Core Web Vitals sẽ quyết định thứ hạng của các website có chất lượng nội dung tương đương nhau.

Do đó, trước khi triển khai tối ưu Page Experience, bạn cần đảm bảo website có các nội dung thật sự chất lượng.

web vitals
TIEN ZIVEN thường sử dụng lighthouse để phân tích web vitals

Như TIEN ZIVEN luôn đề cập:

“Thuật toán của Google ngày càng được phát triển nhằm phục vụ người dùng với các kết quả tìm kiếm tốt nhất.”

Đừng quá lo lắng khi bạn là một người làm SEO lấy khách hàng làm trọng tâm. Tìm hiểu Core Web Vitals là gì để dựa vào các chỉ số, hỗ trợ bạn phục vụ người dùng tốt hơn mà thôi.

Theo dõi TIEN ZIVEN để cập nhật thêm nhiều bài viết chuyên sâu hay về kinh nghiệm SEO.

Nguồn tham khảo:

The post Core Web Vitals là gì? Tối ưu Page Experience cho GG update 2021 appeared first on TIEN ZIVEN - Đào tạo SEO và Digital Marketing Tổng thể.



source https://tienziven.com/seo/core-web-vitals-la-gi/
Location: 9 Hẻm 54B Đ. Số 26, Hiệp Bình Chánh, Thủ Đức, Thành phố Hồ Chí Minh, Việt Nam

Comments

Post a Comment

Popular posts from this blog

Landing page là gì? Landing page khác gì website?

Image
Landing Page hay trang đích luôn là một trong những nguyên liệu quan trọng nhất để có thể thực hiện được chiến dịch Digital Marketing hay quảng cáo trực tuyến. Việc thiết kế landing page càng cần được quan tâm hơn để cải thiện tỉ lệ chuyển đổi. Vì vậy, thật thiếu sót khi trong chuỗi tài liệu về Digital Marketing của chúng tôi không nói tới khái niệm landing page. Tôi sẽ giúp bạn hiểu được tường tận Landing Page là gì, landing page khác gì website và cả các bước thiết kế landing page cơ bản nhất. Landing page là gì? 1. Landing page là gì? Landing Page (trang đích) là một trang trên website bất kỳ mà đó là đích đến khi người dùng nhấp vào liên kết trong nội dung của các chiến dịch marketing online như Email, quảng cáo Facebook, kết quả tìm kiếm (SEO), Google Ads… Ngoài ra, mục đích chính khi sử dụng trang đích là để chuyển đổi người truy cập trở thành khách tiềm năng (leads). Do đó, Landing page còn được gọi là “trang thu thập khách hàng tiềm năng” và được thiết kế với nhiề...
Read more

Search engine marketing (SEM) là gì? Chiến lược SEM tối ưu

Image
SEM là một trong những hình thức digital marketing có lượng người dùng truy cập nhiều nhất. Vì vậy, doanh nghiệp bạn có thể tìm hiểu và cân nhắc sử dụng loại hình tiềm năng này. Trong bài viết này, tôi sẽ giúp bạn tìm hiểu chi tiết SEM là gì và tầm quan trọng của SEM đối với chiến dịch digital marketing của doanh nghiệp. SEM là gì? 1. SEM là gì? Search Engine Marketing (SEM) là một loại tiếp thị trên Internet thu hút và tác động đến hoạt động mua hàng bằng cách cải thiện khả năng hiển thị trên trang kết quả tìm kiếm. Để thực hiện chiến dịch SEM, bạn cần nghiên cứu và phối hợp thực hiện nhiều. từ đó thu hút người dùng tham gia truy vấn. Theo trang Search Engine Land: “SEM là quá trình gia tăng lượng truy cập trang web bằng cách mua quảng cáo trên các công cụ tìm kiếm”. Khái niệm này chỉ giới hạn SEM thành PPC (hoặc CPC). Tuy nhiên, marketing trên search engine (công cụ tìm kiếm) không chỉ là mua quảng cáo mà còn có cả SEO (tối ưu hoá công cụ tìm kiếm), thu hút nguồn organic ...
Read more

Tổng hợp 20 mẫu trang admin cho website hot nhất hiện nay

Image
Giao diện admin cho website trước đây không được xem trọng. Giao diện như những năm 90 vẫn được Admin dashboard hoạt động rất tốt nhưng cũng không ai thật sự quan tâm đến điều này. Tuy nhiên, thời thế đã thật sự thay đổi. Hiện nay, các trang admin hiện đại hơn, thiết kế đẹp, đầy đủ tiện ích và sáng tạo hơn. Nhằm mang đến cho người dùng sự tiện lợi và trải nghiệm tốt hơn. Bên dưới là 20 giao diện trang quản trị website đẹp, hot nhất hiện nay bạn hãy tham khảo để chọn cho mình một giao diện ưng ý nhất nhé! 1. ArchitectUI HTML ArchitectUI HTML giao diện quản trị cho website ArchitectUI HTML được biết đến là một mẫu giao diện admin cho website phổ biến nhất. Giao diện admin HTML5 miễn phí với rất nhiều chức năng và widget hiện đại. Để tạo nên một mẫu giao diện hoàn hảo cho website, bạn có thể kết hợp chúng với các chức năng sẵn có của mình. Nhất là ArchitectUI HTML bao gồm 9 bản demo và bạn hoàn toàn có thể tiến hành chuyển đổi chúng với nhau. Từng bản đều được cài đặt cũng như...
Read more