Hướng Dẫn Kiểm Tra Nền Tảng Trang Web Google (15+ Bước)

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.

Kiểm tra trải nghiệm trang Google (15+ bước)

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).

Tham khảo  Cách tìm, khắc phục và ngăn chặn hiện tượng Cannibalization từ từ khóa

– 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.

1. Trang web có vượt qua kiểm tra Largest Contentful Paint không?

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.

Đây là kết quả của kiểm tra PSI cho một trang web của tôi. Mặc dù điểm số là 59/100, trang web này vượt qua tất cả các số liệu Core Web Vitals.

– 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.

Báo cáo Core Web Vitals trong Google Search Console.

– Mở báo cáo để xem chi tiết cho tất cả các URL của trang web.

Chi tiết báo cáo Core Web Vitals cho di động trong Google Search Console.

– Đâ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.

Đây là cách tạo báo cáo Lighthouse cho bất kỳ trang web nà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.

Kết quả kiểm tra Lighthouse cho trang chủ của SEOSLY.

– 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.

Công cụ WebPageTest cho phép bạn điều chỉnh nhiều cài đặt trước khi chạy kiểm tra.

– Đâ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.

Đây là kết quả WebPageTest cho trang chủ của SEOSLY.

– 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:

  • Thời gian phản hồi của máy chủ chậm
  • Thời gian tải tài nguyên
  • Render-blocking JavaScript và CSS
  • Rendering phía máy khách
  • 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:

  • Tối ưu thời gian phản hồi chậm của máy chủ (bạn có thể sử dụng Time to First Byte để đo thời gian phản hồi của máy chủ)
  • Sử dụng mạng phân phối nội dung (CDN) như Cloudflare
  • Áp dụng bộ nhớ cache máy chủ, cung cấp trang HTML cache trước toàn bộ hoặc một phần, sử dụng công cụ quản lý dịch vụ
  • Sử dụng rel=”preconnect” để thiết lập kết nối bên thứ ba sớm
  • Giảm thời gian chặn JS và tối thiểu hóa JS quan trọng
  • Rút ngắn CSS, trì hoãn CSS không quan trọng và nhúng CSS quan trọng
  • Rút ngắn JavaScript, trì hoãn JavaScript không sử dụng, tối thiểu hóa các polyfill không sử dụng
  • Tối ưu hóa và nén hình ảnh
  • Đặt sẵn các tài nguyên quan trọng
  • Nén các tệp văn bản
  • Sử dụng phần mềm rendering phía máy chủ hoặc trước khi hiển thị
  • Tham khảo  Hướng dẫn SEO Website Rank and Rent: Từ cơ bản đến chi tiết năm 2024

    Kiể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 đó.

    2. Trang web có vượt qua kiểm tra First Input Delay không?

    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.

    Kết quả Google PageSpeed Insights cho trang web của tôi. Như bạn có thể thấy, các kết quả này không phản ánh giá trị thực sự của FID cho trang web của tôi.

    – 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.

    Báo cáo Core Web Vitals trong Google Search Console.

    Tiếp theo, mở báo cáo Di động để xem chi tiết.

    Chi tiết báo cáo Di động trong Google Search Console. Nó hiển thị các giá trị thực tế và liệt kê các URL có vấn đề.

    Đâ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:

  • Thực thi script bên thứ nhất (kích thước JavaScript quá lớn, phân chia không hiệu quả, thời gian thực thi script lớn)
  • Tải dữ liệu
  • Thực thi script bên thứ ba (như các thẻ và phân tích số liệu bên thứ ba)
  • 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:

  • Chia các tác vụ dài thành các tác vụ nhỏ hơn, không đồng bộ.
  • Tối ưu hóa để sẵn sàng tương tác (như tải mã theo tiến trình tiến hóa)
  • Khám phá mã bên thứ ba và ưu tiên tải
  • Sử dụng một công nhân web (Comlink, Workway, Workerize)
  • Giảm thời gian thực thi JS (trì hoãn JS không sử dụng, tối thiểu hóa các polyfill không sử dụng)
  • 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.

    3. Trang web có vượt qua kiểm tra Cumulative Layout Shift không?

    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.

    Tham khảo  Tất cả những gì bạn cần biết về Google PageRank

    – Đ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.

    Kết quả kiểm tra Google PageSpeed Insights cho web.dev. Như bạn có thể thấy, trang web không vượt qua kiểm tra Core Web Vitals.

    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.

    Tất cả các trang web của tôi đều vượt qua kiểm tra Core Web Vitals nên được đánh dấu là “Các URL tốt”. Ví dụ cho thấy một URL tốt.

    Đâ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.

    Số liệu Cumulative Layout Shift được đo bằng Lighthouse trong một môi trường phòng thí nghiệm. Đây là kết quả cho trang blog của SEOSLY.

    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.

    Công cụ WebPageTest cho phép bạn điều chỉnh nhiều cài đặt trước khi chạy kiểm tra.

    Đâ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.

    Đây là kết quả WebPageTest cho trang chủ của SEOSLY.

    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:

  • Quảng cáo, phần nhúng và iframe không có kích thước được chỉ định
  • Ảnh không có kích thước được chỉ định
  • Nội dung được tiêm động
  • Web Fonts gây ra FOIT/FOUT
  • 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:

  • Đặt chỗ cho quảng cáo, phần nhúng và iframe
  • Không đặt quảng cáo gần đầu của khung nhìn
  • Không chèn nội dung mới phía trên nội dung hiện có
  • Sử dụng font-display, font Loading API hoặc <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.

    Bạn chỉ cần nhập URL và nhấp vào TEST URL để kiểm tra tính thân thiện với di động của một trang web.

    – 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.

    Đây là kết quả Kiểm tra Thân thiện với di động cho trang chủ của SEOSLY. Bên phải là ảnh chụp màn hình của trang web đã được hiển thị và mã HTML đã được hiển thị.
    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 đ