Mobile-Friendly Test
Công cụ miễn phí của Google kiểm tra và báo cáo tính tương thích với thiết bị di động của một URL.
Mobile-Friendly Test là gì?
Mobile-Friendly Test (tạm dịch: Kiểm tra tính thân thiện với thiết bị di động) là công cụ miễn phí do Google cung cấp, giúp chủ sở hữu website kiểm tra nhanh xem một URL cụ thể có đáp ứng các tiêu chuẩn cơ bản để hiển thị tốt trên điện thoại thông minh hay không. Công cụ này phân tích mã nguồn HTML, CSS và JavaScript của trang, sau đó báo cáo kết quả dưới dạng "Thân thiện với di động" hoặc "Không thân thiện với di động", kèm theo danh sách lỗi kỹ thuật cụ thể.
Tại sao quan trọng trong SEO?
Từ tháng 4/2015, Google chính thức triển khai thuật toán Mobilegeddon — đánh dấu lần đầu tiên khả năng hiển thị trên di động trở thành yếu tố xếp hạng bắt buộc đối với tìm kiếm trên thiết bị di động. Đến nay, hơn 60% lượt tìm kiếm toàn cầu được thực hiện từ điện thoại. Nếu một trang không thân thiện với di động, Google có thể:
- Hạn chế hiển thị trong kết quả tìm kiếm trên thiết bị di động;
- Giảm thứ hạng dù nội dung chất lượng cao;
- Tăng tỷ lệ thoát (bounce rate) do người dùng khó đọc, bấm hoặc điều hướng.
Mobile-Friendly Test không phải là công cụ đo lường hiệu suất (như Core Web Vitals), cũng không thay thế cho kiểm thử thủ công — nhưng là bước đầu tiên, nhanh và đáng tin cậy để phát hiện rào cản kỹ thuật nghiêm trọng.
Cách hoạt động
Công cụ sử dụng trình duyệt Chromium phiên bản tương đương Chrome trên Android để tải và render trang như cách một thiết bị di động thực hiện. Sau đó, nó kiểm tra các yếu tố sau:
- Viewport meta tag: Có tồn tại và cấu hình đúng (
<meta name="viewport" content="width=device-width, initial-scale=1">)? - Kích thước nội dung: Văn bản, hình ảnh, bảng có vừa khung màn hình không (không yêu cầu kéo ngang)?
- Khoảng cách giữa các yếu tố tương tác: Nút bấm, liên kết có đủ lớn và cách xa nhau để tránh chạm nhầm?
- Tải tài nguyên chặn hiển thị: CSS/JS có làm chậm việc hiển thị nội dung chính trên màn hình nhỏ?
Lưu ý: Mobile-Friendly Test không chạy thử nghiệm tốc độ, không kiểm tra AMP, không phân tích trải nghiệm người dùng thực tế (UX) — chỉ tập trung vào các tiêu chí kỹ thuật tối thiểu do Google xác định.
Hướng dẫn thực hiện
Bạn có thể sử dụng công cụ tại địa chỉ: https://search.google.com/searchconsole/mobile-friendly (yêu cầu đăng nhập bằng tài khoản Google và đã thêm website vào Search Console). Các bước thực hiện:
- Nhập URL đầy đủ (bao gồm
https://và đường dẫn cụ thể, ví dụ:https://example.com/san-pham). - Nhấn nút "Kiểm tra URL".
- Chờ khoảng 10–30 giây để công cụ tải và phân tích.
- Xem kết quả: màu xanh (thân thiện) hoặc đỏ (không thân thiện), kèm ảnh chụp màn hình mô phỏng trên di động.
- Đọc phần "Các vấn đề cần sửa" — liệt kê từng lỗi kèm vị trí trong mã nguồn (nếu có thể xác định).
Với website đã được xác minh trong Search Console, bạn còn có thể kiểm tra hàng loạt URL qua báo cáo "Hiệu suất > Di động" — nhưng đây là phân tích dựa trên dữ liệu thực tế, không phải kiểm tra tức thì như Mobile-Friendly Test.
Lỗi thường gặp
Dưới đây là 4 lỗi phổ biến nhất và cách khắc phục:
| Lỗi | Mô tả | Cách khắc phục |
|---|---|---|
| Thiếu thẻ viewport | Trình duyệt không biết cách điều chỉnh tỷ lệ hiển thị cho màn hình nhỏ. | Thêm dòng sau vào phần <head> của trang: <meta name="viewport" content="width=device-width, initial-scale=1">. |
| Văn bản quá nhỏ để đọc | Cỡ chữ dưới 12px hoặc không dùng đơn vị linh hoạt (rem/em) khiến văn bản bị thu nhỏ khi zoom. | Dùng font-size: 1rem hoặc 16px trở lên cho nội dung chính; tránh font-size: 10px cố định. |
| Yếu tố tương tác quá gần nhau | Nút bấm, liên kết hoặc ô nhập liệu cách nhau dưới 8px, gây khó khăn khi chạm. | Áp dụng margin hoặc padding tối thiểu 8px giữa các yếu tố tương tác; kiểm tra bằng công cụ DevTools ở chế độ thiết bị di động. |
| Nội dung tràn khung màn hình | Bảng, hình ảnh hoặc khối div có chiều rộng cố định vượt quá kích thước màn hình (ví dụ: width: 1200px). |
Dùng max-width: 100% cho ảnh/bảng; áp dụng overflow-x: auto cho khối chứa nếu cần cuộn ngang. |
Ví dụ thực tế
Một cửa hàng thời trang Việt Nam có trang sản phẩm https://shopabc.vn/ao-thun-nu ban đầu nhận báo cáo "Không thân thiện với di động". Mobile-Friendly Test phát hiện hai lỗi:
- Văn bản mô tả sản phẩm hiển thị ở cỡ
10pxdo CSS inline sai; - Bảng kích thước (size chart) có
width: 900px, khiến người dùng phải kéo ngang để xem hết.
Sau khi sửa: thay font-size: 10px bằng font-size: 1rem; bao bảng trong thẻ <div style="overflow-x: auto"> và đặt width: 100% cho bảng — trang lập tức chuyển sang trạng thái "Thân thiện với di động". Trong vòng 2 tuần, lưu lượng tìm kiếm di động tăng 22%, tỷ lệ thoát giảm từ 78% xuống còn 54% (theo Google Analytics).
Câu hỏi thường gặp
Mobile-Friendly Test có thay thế được kiểm thử thủ công không?
Không. Công cụ chỉ kiểm tra một số tiêu chí kỹ thuật nhất định. Bạn vẫn cần kiểm tra thực tế trên nhiều thiết bị (iPhone, Samsung Galaxy, Pixel…), đặc biệt với các tương tác phức tạp như form gửi, menu hamburger hoặc hiệu ứng scroll. Một trang đạt "thân thiện" trên công cụ vẫn có thể gây khó chịu khi dùng thực tế.
Kết quả kiểm tra có ảnh hưởng trực tiếp đến thứ hạng không?
Có — nhưng không phải yếu tố duy nhất. Từ năm 2019, Google áp dụng Mobile-First Indexing: hệ thống lập chỉ mục ưu tiên phiên bản di động của trang để xếp hạng. Nếu phiên bản di động thiếu nội dung, chậm hoặc lỗi giao diện, thứ hạng chung sẽ bị ảnh hưởng — dù phiên bản desktop hoàn hảo.
Công cụ có hỗ trợ kiểm tra trang yêu cầu đăng nhập hoặc có tường lửa không?
Không. Mobile-Friendly Test chỉ truy cập trang như một người dùng ẩn danh. Nếu trang yêu cầu đăng nhập, chặn IP Googlebot hoặc dùng CAPTCHA, công cụ sẽ trả về lỗi "Không thể truy cập" hoặc "Lỗi mạng". Cách xử lý: tạm thời mở quyền truy cập cho User-Agent Googlebot-Mobile, hoặc kiểm tra trên môi trường staging trước khi triển khai.
