Mười phút kiểm tra website trên điện thoại: chỗ nào khách đang vấp
Google dùng phiên bản di động của website để lập chỉ mục và xếp hạng, vì vậy bản trên điện thoại không phải “phiên bản phụ” mà là bản được đánh giá chính. Với khách địa phương tìm dịch vụ, điện thoại cũng thường là thiết bị đầu tiên và duy nhất họ dùng. Dưới đây là quy trình 10 phút để bạn tự kiểm tra, không cần biết kỹ thuật.
Chuẩn bị
- Một điện thoại thật (tốt nhất là máy hơi cũ hoặc trung cấp, không phải máy mới nhất).
- Mạng 4G, tắt wifi.
- Hai trình duyệt: Safari hoặc Chrome, để thấy khác biệt.
- Giấy ghi lỗi, hoặc dùng ghi chú điện thoại.
Bước 1: Mở trang chủ và bấm giờ (1 phút)
Mở website từ đầu (không từ lịch sử). Nội dung chính có hiện ra gọn trong vài giây không? Có hiện thông báo, popup, banner che hết màn hình không? Popup che nội dung ngay khi vào là cách nhanh nhất để mất khách trên điện thoại.
Bước 2: Đọc không cần phóng to (1 phút)
Chữ có đọc được mà không cần dùng hai ngón tay phóng to không? Chữ nhỏ, màu nhạt trên nền ảnh, dòng quá dài đều là lỗi. Kiểm tra cả đoạn văn lẫn bảng giá.
Bước 3: Bấm thử mọi nút quan trọng (2 phút)
- Nút gọi điện có mở được ứng dụng gọi không?
- Nút Zalo, Messenger, Telegram có mở đúng người không?
- Nút chỉ đường có mở bản đồ không?
- Các nút có đủ lớn và cách xa nhau để ngón tay bấm trúng không?
Nhiều website chỉ ghi số điện thoại dạng chữ; khách phải sao chép thủ công. Hãy bảo đảm số được gắn liên kết bấm-để-gọi.
Bước 4: Thử menu và cuộn trang (1 phút)
Menu bật lên có đóng lại được không? Có phải kéo ngang để xem hết trang không (dấu hiệu bố cục vỡ)? Trang có bị “giật” hoặc nhảy khi đang cuộn do ảnh tải muộn không?
Bước 5: Điền thử biểu mẫu (2 phút)
Gõ thử một liên hệ giả: bàn phím có che ô nhập không? Trường số điện thoại có hiện bàn phím số không? Sau khi gửi có thông báo thành công không? Hộp thư của bạn có nhận được tin nhắn không? Biểu mẫu quá dài là lý do thường gặp để khách bỏ giữa chừng.
Bước 6: So sánh nội dung với bản máy tính (2 phút)
Hướng dẫn của Google yêu cầu nội dung chính, tiêu đề, mô tả và dữ liệu có cấu trúc trên bản di động tương đương bản máy tính. Cách bố trí có thể khác (ví dụ gập bớt nội dung vào mục bấm mở), nhưng đừng giấu bớt nội dung quan trọng trên di động. Mở cùng một trang trên cả hai thiết bị và so xem có đoạn nào, ảnh nào, bảng nào biến mất không.
Bước 7: Đo bằng công cụ (1 phút)
Dán địa chỉ trang chủ vào PageSpeed Insights, chọn thẻ “Di động” và xem phần Core Web Vitals. Xem giải thích Core Web Vitals để hiểu từng chỉ số.
Bảng lỗi thường gặp và hướng sửa
| Lỗi | Nguyên nhân hay gặp | Hướng sửa |
|---|---|---|
| Phải kéo ngang | Bảng hoặc ảnh có chiều rộng cố định | Cho bảng cuộn riêng, ảnh co theo khung |
| Chữ nhỏ | Cỡ chữ đặt cho máy tính | Tăng cỡ chữ nội dung cho di động |
| Nút khó bấm | Nút nhỏ, xếp sát | Tăng kích thước và khoảng cách |
| Popup che màn hình | Cửa sổ quảng cáo hoặc đăng ký | Thu nhỏ hoặc bỏ popup đầu trang |
| Trang chậm | Ảnh nặng, quá nhiều script | Nén ảnh, bỏ tiện ích thừa |
| Menu hỏng | Xung đột plugin hoặc giao diện cũ | Kiểm tra giao diện, cập nhật hoặc làm lại phần menu |
| Nội dung ít hơn bản máy tính | Nội dung bị ẩn trên di động | Hiển thị nội dung quan trọng ở cả hai |
Kiểm tra trên nhiều kích thước màn hình
Hãy nhờ người thân dùng máy khác hãng, màn hình khác cỡ thử giúp. Một số lỗi chỉ xuất hiện ở màn hình nhỏ hoặc trình duyệt cụ thể. Nếu khách của bạn phần lớn dùng dòng máy cụ thể, hãy thử bằng loại đó.
Đừng quên các trang ngoài trang chủ
Khách thường vào thẳng bài viết hoặc trang dịch vụ từ Google, không qua trang chủ. Hãy kiểm tra tối thiểu: một trang dịch vụ, một bài viết, trang liên hệ, trang giá.
Khi nào lỗi di động nghiêm trọng hơn lỗi máy tính?
Khi phần lớn khách của bạn là khách địa phương tìm nhanh (thợ sửa chữa, quán ăn, phòng khám, dịch vụ gia đình), họ gần như chỉ dùng điện thoại. Lúc này một nút gọi hỏng còn nghiêm trọng hơn một thiết kế chưa đẹp.
Câu hỏi thường gặp
Website của tôi “responsive” rồi, còn cần kiểm tra không?
Có. Responsive chỉ là khả năng co giãn; bố cục có dùng tốt hay không phải kiểm tra bằng tay.
Có cần làm ứng dụng riêng không?
Với phần lớn doanh nghiệp nhỏ thì không. Một website tốt trên di động là đủ.
Kiểm tra bao lâu một lần?
Mỗi quý, và sau mỗi lần cập nhật giao diện hoặc plugin.
Nguồn tham khảo
- Mobile-first indexing best practices, Google Search Central
- Web Vitals, web.dev
Website do Bác Sĩ Web thiết kế hiển thị trên điện thoại, máy tính bảng và máy tính; liên hệ để được tư vấn.