Công cụ Kiểm tra tính thân thiện với thiết bị di động

30/11/2019

Việc có một trang web thân thiện với thiết bị di động là một phần quan trọng của sự hiện diện trực tuyến của bạn. Ở nhiều quốc gia, lưu lượng truy cập trên điện thoại thông minh hiện đã vượt qua lưu lượng trên máy tính để bàn. Nếu bạn chưa làm cho trang web của bạn thân thiện với thiết bị di động hơn, bạn nên làm điều đó. Công cụ Kiểm tra tính thân thiện với thiết bị di động của Search Console là cách nhanh chóng dễ dàng để kiểm tra xem một trang trên trang web của bạn có thân thiện với thiết bị di động hay không.

Mở Công cụ kiểm tra tính thân thiện với thiết bị di động

 

Sử dụng công cụ

Công cụ kiểm tra Tính thân thiện với thiết bị di động dễ sử dụng; chỉ cần nhập URL đầy đủ của trang web bạn muốn kiểm tra. Quá trình kiểm tra sẽ đi theo bất kỳ chuyển hướng nào được trang triển khai. Kiểm tra này thường mất chưa đến một phút để chạy.

Kết quả kiểm tra bao gồm ảnh chụp màn hình cách trang hiển thị với Google trên thiết bị di động, cũng như danh sách bất kỳ vấn đề nào về khả năng sử dụng trên thiết bị di động mà công cụ phát hiện được. Vấn đề về khả năng sử dụng trên thiết bị di động là những vấn đề có thể ảnh hưởng đến người dùng khi họ truy cập vào trang trên thiết bị di động (màn hình nhỏ), bao gồm kích thước phông chữ nhỏ (rất khó đọc trên màn hình nhỏ) và sử dụng Flash (không được hỗ trợ bởi hầu hết thiết bị di động).

Nếu không thể truy cập trang

Nếu vì một lý do nào đó công cụ không thể truy cập trang web, công cụ sẽ hiển thị lỗi mô tả vấn đề. Các vấn đề về truy cập bao gồm vấn đề kết nối mạng hoặc trang web của bạn bị trục trặc.

Công cụ này truy cập trang dưới tư cách Googlebot (có nghĩa là không sử dụng bằng chứng xác thực của bạn mà với tư cách Google). Điều này có nghĩa là công cụ có thể bị tệp robots.txt chặn.

Nếu trang có tài nguyên không thể tải

Nếu một thao tác kiểm tra không thể tải tất cả các tài nguyên được sử dụng trên một trang, bạn sẽ nhận được cảnh báo. Tài nguyên là các phần tử bên ngoài được bao gồm trong trang, chẳng hạn như hình ảnh, CSS hoặc tệp tập lệnh. Điều này có thể xảy ra vì một vài lý do:

  • Không thể tải tài nguyên trong một khoảng thời gian hợp lý. Trong trường hợp này, hãy thử chạy thao tác kiểm tra lại. Nếu vấn đề vẫn tiếp diễn, hãy cân nhắc việc lưu trữ tài nguyên ở nơi khác hoặc cố khám phá và khắc phục nguyên nhân thiếu phản hồi từ máy chủ.
  • Tài nguyên không tồn tại ở vị trí được liệt kê (lỗi 404). Chỉnh sửa URL tài nguyên.
  • Người dùng không đăng nhập không thể truy cập tài nguyên. Phép kiểm tra truy cập trang dưới vai trò một người dùng ẩn danh; đảm bảo rằng người dùng ẩn danh có thể truy cập được tất cả các tài nguyên.
  • Tệp robots.txt chặn Googlebot truy cập tài nguyên. Nếu tài nguyên quan trọng (xem bên dưới), nếu tài nguyên nằm trên trang web của riêng bạn, bạn có thể muốn bỏ chặn tài nguyên với Googlebot; nếu tài nguyên ở trên một trang khác, bạn có thể muốn liên hệ với quản trị viên của trang đó và yêu cầu họ bỏ chặn tài nguyên.

Bỏ chặn các tài nguyên quan trọng

Nếu tài nguyên bị chặn là quan trọng, nó có thể có ảnh hưởng lớn đến cách Google hiểu trang. Ví dụ: một hình ảnh lớn bị chặn có thể làm cho trang có vẻ thân thiện với thiết bị di động mặc dù thực tế không phải vậy hoặc tệp CSS bị chặn có thể khiến kiểu phông chữ không đúng được áp dụng (ví dụ: quá nhỏ với một thiết bị). Điều này ảnh hưởng đến cả điểm khả năng sử dụng trên thiết bị di động và khả năng thu thập dữ liệu trang của bạn của Google. Bạn phải đảm bảo rằng các tài nguyên quan trọng không bị chặn với Googlebot bởi robots.txt và thường có thể truy cập được.

Kết quả kiểm tra không ổn định/Vấn đề tải trang

Nếu có tài nguyên không tải được hoặc các vấn đề tải trang khác, bạn có thể thấy kết quả hơi khác nhau mỗi khi bạn chạy quy trình kiểm tra. Điều này là do tập hợp các tài nguyên được tải có thể thay đổi trong mỗi lần kiểm tra. Nếu trang của bạn hiển thị thay đổi mỗi lần bạn chạy quy trình kiểm tra và bạn chưa thay đổi bất kỳ điều gì, hãy kiểm tra cảnh báo "vấn đề tải trang". Nếu có cảnh báo này thì hãy nhấp vào đó để biết thêm thông tin nhằm xem điều gì có thể khiến trang không được hiển thị một cách nhất quán và chính xác.

Lỗi về khả năng sử dụng trên thiết bị di động

Công cụ Kiểm tra tính thân thiện với thiết bị di động có thể xác định các lỗi về khả năng sử dụng trên thiết bị di động sau:

Danh sách lỗi

Sử dụng plugin không tương thích

Trang này bao gồm các plugin, chẳng hạn như Flash, mà hầu hết các trình duyệt trên thiết bị di động đều không hỗ trợ. Bạn nên thiết kế lại trang của mình bằng các công nghệ web hiện đại và được hỗ trợ rộng rãi, chẳng hạn như HTML5. Đọc thêm về nguyên tắc đối với hoạt ảnh trên web.

Chưa đặt cửa sổ xem

Trang của bạn chưa xác định thuộc tính viewport để cho trình duyệt biết cách điều chỉnh kích thước của trang và mở rộng cho phù hợp với thiết bị. Bởi vì khách truy cập trang web của bạn sử dụng nhiều loại thiết bị với kích thước màn hình khác nhau - từ màn hình lớn trên máy tính đến màn hình nhỏ trên máy tính bảng và điện thoại thông minh - trang của bạn nên xác định một cửa sổ xem bằng cách sử dụng thẻ meta viewport. Tìm hiểu thêm trong Kiến thức cơ bản về thiết kế web đáp ứng.

Cửa sổ xem không được đặt theo "chiều rộng của thiết bị"

Trang của bạn xác định thuộc tính viewport có chiều rộng cố định, nghĩa là trang không thể điều chỉnh theo các kích thước màn hình khác nhau. Để khắc phục lỗi này, hãy sử dụng thiết kế đáp ứng cho các trang trên trang web của bạn và thiết lập cửa sổ xem phù hợp với chiều rộng của thiết bị và mở rộng một cách tương ứng. Đọc cách Thiết lập cửa sổ xem chính xác.

Nội dung rộng hơn màn hình

Báo cáo này chỉ ra các trang trong đó cần phải cuộn ngang để xem chữ và ảnh trên trang. Điều này xảy ra khi trang sử dụng giá trị tuyệt đối trong khai báo CSS hoặc sử dụng các hình ảnh được thiết kế để hiển thị tốt nhất với một chiều rộng trình duyệt cụ thể (chẳng hạn như 980px). Để sửa lỗi này, đảm bảo rằng trang sử dụng chiều rộng tương đối và giá trị vị trí cho các phần tử CSS và ngoài ra đảm bảo các hình ảnh có thể mở rộng. Đọc thêm trong Đặt kích thước nội dung theo cửa sổ xem.

Chữ quá nhỏ nên không thể đọc được

Báo cáo này xác định các trang trong đó kích thước phông chữ quá nhỏ nên không thể đọc được và yêu cầu khách truy cập trên thiết bị di động phải "chụm để phóng to" mới đọc được. Sau khi xác định cửa sổ xem cho các trang web của bạn, thiết lập kích thước phông chữ để mở rộng thích hợp trong cửa sổ xem. Tìm hiểu thêm về phương pháp hay nhất về phông chữ trong Sử dụng phông chữ dễ đọc.

Các phần tử có thể nhấp quá gần nhau

Báo cáo này hiển thị URL cho các trang web trong đó các phần tử cảm ứng, chẳng hạn như nút và liên kết điều hướng, gần với nhau đến nỗi người dùng trên thiết bị di động không thể dễ dàng nhấn vào phần tử mong muốn bằng ngón tay mà không nhấn vào phần tử bên cạnh. Để sửa lỗi này, đảm bảo định kích thước phù hợp và giãn cách các nút và liên kết điều hướng sao cho phù hợp với khách truy cập trên thiết bị di động của bạn. Đọc thêm tại Định cỡ mục tiêu nhấn thích hợp.

Các bước tiếp theo

* Nguồn: Google Search Console