Mở trang trong trình duyệt thật ở khung điện thoại 390 px: thẻ viewport, tràn ngang, cỡ chữ, vùng bấm quá nhỏ, kèm ảnh chụp màn hình đầu. Thay Mobile-Friendly Test Google đã gỡ.

Miễn phí, dùng ngayHướng dẫn

Thử:

Kiểm tra thân thiện di động hoạt động thế nào

Google gỡ công cụ Mobile-Friendly Test từ tháng 12/2023. Công cụ này mở trang thật bằng Chromium trên máy chủ ALODEV với khung 390 x 844 px (iPhone 12-15), chờ trang tải xong rồi đo ngay trong trang: có thẻ meta viewport không, có chặn phóng to không, nội dung có tràn ngang không (chỉ ra phần tử gây tràn), bao nhiêu phần trăm chữ nhỏ hơn 12 px, bao nhiêu vùng bấm nhỏ hơn 24 px theo WCAG 2.2. Kèm ảnh chụp màn hình đầu để nhìn tận mắt.

Nguồn dữ liệu: Chromium chạy trên máy chủ ALODEV, khung 390 x 844 px, đo trực tiếp trong trang. Mọi yêu cầu của trang đi qua bộ lọc chặn địa chỉ nội bộ.

Cách dùng

Nhập URL trang cần kiểm.
Chờ 5-20 giây để trình duyệt mở trang.
Sửa các mục Lỗi trước: thiếu viewport, tràn ngang.
Xem bảng phần tử gây tràn và vùng bấm quá nhỏ để biết sửa chỗ nào.
Kiểm cả trang chủ lẫn một trang bài viết, một trang sản phẩm.

Câu hỏi thường gặp

Google còn công cụ Mobile-Friendly Test không?

Không. Google gỡ Mobile-Friendly Test và báo cáo Khả năng sử dụng trên thiết bị di động trong Search Console từ tháng 12/2023, khuyên dùng Lighthouse. Công cụ này kiểm đúng các tiêu chí cũ đó bằng trình duyệt thật.

Website thân thiện di động cần gì?

Thẻ <meta name="viewport" content="width=device-width, initial-scale=1">, bố cục co giãn không tràn ngang, chữ thân từ 16 px, vùng bấm tối thiểu 24 px (khuyên 44 px) và cách nhau đủ xa, không dùng plugin như Flash.

Vì sao trang bị tràn ngang?

Thường do ảnh, bảng, khối mã hoặc phần tử có bề rộng cố định lớn hơn màn hình. Bảng Phần tử gây tràn ngang chỉ ra đúng phần tử đó; thêm max-width: 100% cho ảnh, cho bảng cuộn ngang trong khung riêng.

Có ảnh hưởng SEO không?

Google lập chỉ mục theo bản di động (mobile-first indexing): nội dung khó đọc hoặc khó bấm trên điện thoại làm trải nghiệm kém, ảnh hưởng tới xếp hạng và tỷ lệ thoát.

Công cụ liên quan

Kiểm tra tốc độ trangĐo tốc độ trang trên di động và máy tính bằng Lighthouse chạy trên máy chủ ALODEV: điểm hiệu năng, LCP, CLS, TBT, việc...Kiểm tra SEO on-pageNhập URL để chấm điểm SEO on-page: title, meta, heading, schema, ảnh, liên kết, tốc độ phản hồi. Mỗi lỗi kèm cách sửa...Kiểm tra title, meta descriptionNhập URL để xem title, meta description, robots, canonical, Open Graph của trang; đo độ dài theo ký tự và điểm ảnh,...