Hướng dẫn kiểm tra trải nghiệm trang Google để chuẩn bị cho cập nhật trải nghiệm trang và chỉ số Core Web Vitals sắp tới
Cập nhật: 7 tháng 4, 2023.
Một hướng dẫn đầy đủ về cách thực hiện kiểm tra trải nghiệm trang Google để chuẩn bị cho cập nhật trải nghiệm trang và chỉ số Core Web Vitals sắp tới.
Các tín hiệu trải nghiệm trang Google đo lường cách người dùng trang web cảm nhận tương tác của họ với một trang web. Hiện tại, các tín hiệu trải nghiệm trang bao gồm Core Web Vitals (Cumulative Layout Shift, First Input Delay và Largest Contentful Paint), khả năng tương thích với điện thoại di động, HTTPS và hướng dẫn về quảng cáo nhúng gây phiền nhiễu.
Tất cả các tín hiệu trải nghiệm trang Google đều được xem xét khi xếp hạng các trang web trên Google. Trong hướng dẫn này, bạn sẽ tìm hiểu cách kiểm tra hiệu suất trang web của bạn dựa trên các tín hiệu trải nghiệm trang Google, tại sao trang web của bạn có thể gặp vấn đề trong bất kỳ lĩnh vực nào trong số này và cách tối ưu hóa cho các tín hiệu trải nghiệm trang.
Dưới đây là các công cụ bạn cần để thực hiện kiểm tra trải nghiệm trang Google:
– Google Search Console (đặc biệt là báo cáo GSC cho Core Web Vitals, Khả năng sử dụng trên di động và Bảo mật)
– Google PageSpeed Insights (đây là một công cụ quan trọng để đo lường tốc độ và hiệu suất của các trang web)
– Chrome DevTools (đây là một công cụ SEO nâng cao hơn mà bạn nên luôn có sẵn khi kiểm tra một trang web)
– Lighthouse (đây là một công cụ thử nghiệm phòng thí nghiệm mà mọi SEO nên có trong bộ công cụ SEO của họ)
– WebPageTest (đây là một công cụ thử nghiệm tốc độ và hiệu suất lý tưởng cho những người yêu công nghệ và người dùng nâng cao)
– Kiểm tra thân thiện với di động (công cụ này cho phép bạn kiểm tra tính thân thiện với di động của bất kỳ trang web nào trong vài giây)
– Sitebulb (bạn có thể thử nghiệm nó miễn phí trong 60 ngày)
– Screaming Frog SEO Spider (một công cụ quét trang web cần thiết)
– Semrush (đây là một bộ công cụ SEO nâng cao tất cả trong một bao gồm một trình quét tuyệt vời)
Trừ Semrush và Screaming Frog SEO Spider, tất cả các công cụ trên đều miễn phí.
⚡ Hãy chắc chắn kiểm tra đánh giá Core Web Vitals của tôi để kiểm tra 35+ yếu tố ảnh hưởng đến Core Web Vitals. Đừng bỏ lỡ hướng dẫn trải nghiệm trang Google của tôi.
Kiểm tra trải nghiệm trang Google: Core Web Vitals
Dưới đây là các yếu tố cần kiểm tra liên quan đến số liệu Core Web Vitals và các gợi ý cụ thể về cách sửa các vấn đề cụ thể hoặc cung cấp đề xuất nếu bạn đang thực hiện kiểm tra trải nghiệm trang Google cho khách hàng của mình.
Dưới đây là một lời nhắc nhanh về Core Web Vitals:
– Web Vitals là một sáng kiến của Google nhằm cung cấp sự trợ giúp và hướng dẫn về các tín hiệu chất lượng cần thiết để xác định trải nghiệm người dùng trên Internet.
– Core Web Vitals, trong đó chính là một phần con của Web Vitals, bao gồm ba số liệu, bao gồm Largest Contentful Paint (LCP), First Input Delay (FID) và Cumulative Layout Shift (CLS).
– Mỗi trong ba Core Web Vitals đo một khía cạnh khác nhau của trải nghiệm người dùng, chẳng hạn như tốc độ tải (LCP), tương tác (FID) và ổn định hình ảnh (CLS).
– Core Web Vitals được đo và đánh giá dựa trên từng trang.
Vậy làm thế nào để kiểm tra một trang web theo Core Web Vitals? Hãy cùng tìm hiểu.
❗ Lưu ý rằng nhiều vấn đề mà tôi đang mô tả ở đây có thể được giải quyết bằng cách sử dụng WP Rocket (một plugin tối ưu hóa cho WordPress). Kiểm tra bài đánh giá của tôi về WP Rocket để tìm hiểu thêm.
Largest Contentful Paint (LCP)
⚡ Kiểm tra hướng dẫn về Largest Contentful Paint của tôi để tìm hiểu thêm về số liệu này.
1. Trang web có vượt qua kiểm tra Largest Contentful Paint không?
Số liệu Largest Contentful Paint liên quan đến hiệu suất tải của một trang web. LCP đo thời gian hiển thị của phần tử lớn nhất (khối văn bản hoặc hình ảnh) trong khung nhìn.
Trang web sẽ vượt qua kiểm tra LCP nếu LCP xảy ra trong vòng 2.5 giây sau khi trang web bắt đầu tải.
Dưới đây là cách kiểm tra LCP bằng cả công cụ trường và công cụ phòng thí nghiệm:
– Chạy kiểm tra cho trang chủ và một số trang web bằng Google PageSpeed Insights.
– Điều này sẽ cho bạn một ý tưởng tốt về hiệu suất của trang web liên quan đến LCP miễn là Báo cáo Trải nghiệm người dùng Chrome có đủ dữ liệu tốc độ thế giới thực cho trang bạn đang kiểm tra.
– Nếu không có đủ dữ liệu về tốc độ thế giới thực, hãy nhớ rằng đây là một ước lượng phòng thí nghiệm, vì vậy tốt hơn hết là sử dụng dữ liệu từ Google Search Console.
– Kiểm tra báo cáo Core Web Vitals trong Google Search Console (đề xuất).
– Khi ở GSC, điều hướng đến Cải thiện > Core Web Vitals > Di động.
– Mở báo cáo để xem chi tiết cho tất cả các URL của trang web.
– Đây chính là cách tốt nhất để kiểm tra LCP vì báo cáo Core Web Vitals trong GSC cung cấp dữ liệu thực tế từ người dùng thực tế của trang dựa trên báo cáo trải nghiệm người dùng Chrome.
– Tạo báo cáo Lighthouse cho trang web.
– Mở trang web trong Chrome, nhấp vào biểu tượng Lighthouse và chọn Tạo báo cáo.
– Lưu ý rằng đây là một công cụ phòng thí nghiệm nhưng nó cũng sẽ cho bạn một ý tưởng. Dưới đây là hình ảnh nó trông như thế nào đối với trang web của tôi.
– Kiểm tra trang web bằng công cụ WebPageTest.
– Chọn một kết nối chậm như 3G và một điện thoại di động như Moto G6.
– Đây là một công cụ tuyệt vời cũng có thể cho bạn một ý tưởng khá tốt về hiệu suất của trang web mặc dù nó cung cấp dữ liệu phòng thí nghiệm.
– Các loại yếu tố được xem xét cho LCP bao gồm <img>, <image> bên trong <svg>, <video>, các yếu tố có nền được tải qua url() và các yếu tố văn bản nằm trong cùng một hàng.
– Nếu trang web không vượt qua kiểm tra LCP, hãy xem xét các yếu tố sau đây thường ảnh hưởng đến LCP:
Dưới đây là những gì bạn có thể làm hoặc đề xuất làm nếu trang web không vượt qua kiểm tra Largest Contentful Paint:
rel=”preconnect” để thiết lập kết nối bên thứ ba sớmKiểm tra LCP đã vượt qua kiểm tra? Tuyệt vời! Chuyển đến điểm tiếp theo.
First Input Delay (FID)
⚡ Kiểm tra hướng dẫn First Input Delay của tôi để tìm hiểu thêm về số liệu này.
2. Trang web có vượt qua kiểm tra First Input Delay không?
Số liệu First Input Delay liên quan đến khả năng tương tác của một trang web. FID đo thời gian chờ giữa lần tương tác đầu tiên của người dùng với một trang và trang web phản hồi thực sự đến tương tác đó.
Trang web sẽ vượt qua kiểm tra FID nếu FID của nó nhỏ hơn 100 mili giây.
CẬP NHẬT: Google đã gần đây giới thiệu một số liệu thử nghiệm – Interaction to Next Paint (INP) – có thể thay thế FID trong tương lai.
Dưới đây là cách kiểm tra FID:
– Chạy kiểm tra cho trang chủ và những trang web quan trọng nhất bằng Google PageSpeed Insights.
– Điều này sẽ cho bạn một ý tưởng tốt về khả năng tương tác của trang web nếu Báo cáo Trải nghiệm người dùng Chrome có đủ dữ liệu tốc độ thế giới thực cho URL bạn đang kiểm tra.
– Nếu không có đủ dữ liệu thế giới thực trong báo cáo CrUX, thì cách tốt nhất để xem xét FID là thông qua Google Search Console.
– Kiểm tra báo cáo Core Web Vitals trong Google Search Console (đề xuất).
– Khi ở GSC, điều hướng đến Cải thiện > Core Web Vitals > Di động.
Tiếp theo, mở báo cáo Di động để xem chi tiết.
Đây chính là cách tốt nhất để kiểm tra FID vì báo cáo Core Web Vitals trong GSC cung cấp dữ liệu thực tế từ người dùng thực và cách họ trải nghiệm trang web.
Bên cạnh đó, bạn nhận được dữ liệu cho tất cả các trang web của trang web thay vì chỉ một hoặc hai ví dụ được chọn (như với Google PageSpeed Insights).
Nếu trang web không vượt qua kiểm tra FID, điều này thường do việc thực thi JavaScript nặng nề. Đây là những yếu tố chính ảnh hưởng đến First Input Delay:
Dưới đây là những gì bạn có thể làm hoặc đề xuất làm nếu trang web không vượt qua kiểm tra First Input Delay:
Trang web vượt qua kiểm tra FID? Tuyệt vời! Chuyển đến điểm tiếp theo.
Cumulative Layout Shift (CLS)
⚡ Kiểm tra hướng dẫn Cumulative Layout Shift của tôi để tìm hiểu thêm về số liệu này.
3. Trang web có vượt qua kiểm tra Cumulative Layout Shift không?
Số liệu Cumulative Layout Shift liên quan đến tính ổn định hình ảnh của một trang web. CLS đo cách nội dung hiển thị chuyển đổi trong khung nhìn và cách khoảng cách giữa các yếu tố bị ảnh hưởng bởi những chuyển động đó thay đổi.
Trang web sẽ vượt qua kiểm tra CLS nếu CLS nhỏ hơn 0.1.
Dưới đây là cách đo CLS:
– Chạy kiểm tra cho trang chủ và một số trang web bằng Google PageSpeed Insights.
– Điều này sẽ cho bạn một ý tưởng về tính ổn định hình ảnh của trang web miễn là Báo cáo Trải nghiệm người dùng Chrome có đủ dữ liệu tốc độ thế giới thực cho URL bạn đang kiểm tra.
Nếu báo cáo CrUX không có đủ dữ liệu thế giới thực, bạn nên kiểm tra báo cáo Core Web Vitals trong Google Search Console.
– Kiểm tra báo cáo Core Web Vitals trong Google Search Console (đề xuất).
– Khi ở GSC, điều hướng đến Cải thiện > Core Web Vitals > Di động.
Đây chắc chắn là cách tốt nhất để kiểm tra CLS vì báo cáo Core Web Vitals trong GSC cung cấp dữ liệu thế giới thực từ người dùng thực và cách họ trải nghiệm trang web.
Hơn nữa, bạn nhận được dữ liệu cho tất cả các trang web của trang web thay vì chỉ một hoặc hai ví dụ được chọn.
Ngoài ra, tôi có một hướng dẫn tuyệt vời về cách thực hiện kiểm tra SEO bằng cách sử dụng chỉ Google Search Console.
– Tạo báo cáo Lighthouse cho trang web.
– Mở trang web trong Chrome, nhấp vào biểu tượng Lighthouse và chọn Tạo báo cáo.
Lưu ý rằng đây là một công cụ phòng thí nghiệm nhưng nó cũng sẽ cho bạn một ý tưởng khá chung chung về số liệu CLS của trang web.
– Kiểm tra trang web bằng công cụ WebPageTest.
– Chọn một kết nối chậm như 3G và một điện thoại di động như Moto G6.
Đây là một công cụ tuyệt vời cũng có thể cho bạn một ý tưởng khá tốt về trang web dù nó cung cấp dữ liệu phòng thí nghiệm.
Các loại yếu tố được xem xét cho CLS bao gồm <img>, <image> trong <svg>, <video>, các yếu tố có nền tải qua url() và các yếu tố văn bản cấp độ inline.
Nếu trang web không vượt qua kiểm tra CLS, điều này thường do một trong các yếu tố sau đây:
Dưới đây là những gì bạn có thể làm hoặc đề xuất làm nếu trang web không vượt qua kiểm tra Cumulative Layout Shift:
<link rel=”preload”> cho các web font quan trọng.Trang web vượt qua kiểm tra CLS? Tuyệt vời! Chuyển đến điểm tiếp theo.
Cải thiện Core Web Vitals trên các trang web WordPress
Kiểm tra trải nghiệm trang Google: Thân thiện với di động
Thân thiện với di động có nghĩa là một trang web được xây dựng sao cho tối ưu trên các thiết bị di động. Với việc xếp hạng di động ưu tiên hàng đầu và sự thống trị của lưu lượng truy cập di động so với truy cập trên máy tính để bàn, việc trở nên thân thiện với di động là một ưu tiên hàng đầu cho bất kỳ trang web nào.
4. Trang web có thân thiện với di động không?
Cấu hình duy nhất tốt cho một trang web vào năm 2021 và sau đó là có một trang web phản hồi thân thiện với di động. Một trang web không thân thiện với di động hoặc có một phiên bản di động riêng (như m.domain.com) có nội dung khác với phiên bản trên máy tính để bàn sẽ gặp khó khăn trong việc xếp hạng trên Google. Google chỉ quan tâm đến cách một trang web hoạt động và hiển thị trên các thiết bị di động.
Dưới đây là cách kiểm tra xem một trang web có thân thiện với di động hay không:
– Mở Kiểm tra Thân thiện với di động.
– Nhập tên miền và nhấp vào TEST URL.
– Nếu trang web thân thiện với di động, bạn sẽ thấy thông tin như được hiển thị trong ảnh chụp màn hình dưới đây.
Tìm hiểu thêm về chúng tôi tại: TRANHUNG Digital
– Nếu trang web không thân thiện với di động, bạn sẽ thấy một cảnh báo màu đ
Nguồn tham khảo: https://seosly.com/blog/google-page-experience-audit/
