Các lỗi phổ biến

Trang này mô tả một số lỗi phổ biến nhất mà các quản trị viên mắc phải khi thiết kế trang web cho thiết bị di động.

Tệp JavaScript, CSS và hình ảnh bị chặn

Để hiển thị và lập chỉ mục tối ưu, hãy cho phép Googlebot truy cập vào các tệp JavaScript, CSS và hình ảnh được sử dụng trên trang web của bạn trong mọi thời điểm để Googlebot có thể xem trang web của bạn như một người dùng bình thường. Nếu tệp robots.txt của trang web không cho phép thu thập dữ liệu những phần tử này, tệp sẽ trực tiếp gây ảnh hưởng xấu đến cách các thuật toán của chúng tôi hiển thị và lập chỉ mục nội dung của bạn. Điều này có thể dẫn đến xếp hạng dưới mức tối ưu.

  1. Đảm bảo rằng Googlebot có thể thu thập dữ liệu các tệp JavaScript, CSS và hình ảnh của bạn bằng cách sử dụng "công cụ Kiểm tra URL" trong Search Console. Công cụ sẽ cho phép bạn biết chính xác cách Googlebot nhìn thấy và hiển thị nội dung của bạn và cũng sẽ giúp bạn xác định và khắc phục một số vấn đề lập chỉ mục trên trang web của mình.

  2. Kiểm tra và thử nghiệm tệp robots.txt của bạn trong Search Console.

  3. Kiểm tra các trang trên thiết bị di động của bạn bằng quy trình Kiểm tra tính thân thiện với thiết bị di động để xem các hệ thống của chúng tôi có cho rằng trang web của bạn tương thích với người dùng trên thiết bị di động hay không.

  4. Nếu bạn sử dụng URL riêng biệt cho các trang trên thiết bị di động, hãy đảm bảo kiểm tra cả URL trên thiết bị di động và máy tính để bàn để bạn có thể xác nhận rằng Google có thể nhận dạng và thu thập dữ liệu chuyển hướng.

Nội dung không thể phát

Không thể phát một số loại video hoặc nội dung trên thiết bị di động, chẳng hạn như nội dung đa phương tiện yêu cầu giấy phép hoặc các trải nghiệm yêu cầu Flash hoặc các trình phát khác mà không được hỗ trợ rộng rãi trên thiết bị di động. Nội dung không thể phát trên một trang của bất kỳ trang web nào đều có thể gây khó chịu cho người dùng.

Khi người dùng truy cập một trang có nội dung không được hỗ trợ trên thiết bị di động, họ sẽ thấy thông báo lỗi tương tự như thông báo bên dưới:

Video không thể phát

Điều này dẫn đến trải nghiệm người dùng kém trên thiết bị di động!

Thay vì sử dụng trình phát video độc quyền hoặc cung cấp nội dung ở các định dạng không được hỗ trợ, chúng tôi khuyên bạn nên sử dụng các thẻ HTML5 chuẩn để bao gồm video hoặc ảnh động.

Đối với nội dung động được hiển thị bằng Flash hoặc các trình phát đa phương tiện khác, hãy xem xét sử dụng ảnh động HTML5, là loại ảnh tương thích với tất cả các trình duyệt web. Google Web Designer giúp dễ dàng tạo các ảnh động này trong HTML5.

  • Sử dụng thẻ chuẩn HTML5 cho ảnh động để cung cấp trải nghiệm tốt cho tất cả người dùng của bạn.
  • Sử dụng video nhúng có thể phát trên tất cả các thiết bị.
  • Xem xét việc cung cấp bản chép lời cho video. Điều này sẽ giúp những người sử dụng công nghệ duyệt hỗ trợ (hoặc trình duyệt không thể phát một định dạng video độc quyền) có thể truy cập trang web của bạn.

Để biết thêm chi tiết, hãy đọc về các phương pháp hay nhất về video trên trang Kiến thức cơ bản về web của Google.

Chuyển hướng bị lỗi

Nếu có các URL riêng cho thiết bị di động, bạn phải chuyển hướng người dùng di động trên mỗi URL cho máy tính để bàn sang URL cho thiết bị di động phù hợp. Việc chuyển hướng đến các trang khác (như trang chủ) sẽ không thích hợp.

Ví dụ:

  • Máy chủ của trang web cho máy tính để bàn của bạn được định cấu hình để chuyển hướng người dùng di động đến trang chủ của phiên bản trên thiết bị di động, bất kể URL họ muốn truy cập là gì, ngay cả khi trang web cho thiết bị di động có trang tương đương với trang trên máy tính để bàn mà người dùng được chuyển hướng.
  • URL của trang web trên máy tính để bàn của bạn được tạo động bằng các tham số URL không ánh xạ chính xác tới URL tương đương trên thiết bị di động. Ví dụ: người dùng đang tìm kiếm lịch tàu chạy vào một ngày cụ thể trên trang web dành cho máy tính để bàn sẽ thấy khó chịu nếu họ bị chuyển hướng đến trang tìm kiếm lịch chạy chung trên trang web dành cho thiết bị di động. Bạn nên định cấu hình chuyển hướng chính xác nếu bạn có URL tương đương cho thiết bị di động để người dùng đến được trang họ muốn.

  • Trang web trên máy tính để bàn của bạn chuyển hướng trên một số thiết bị di động nhưng không chuyển hướng trên các thiết bị khác. Ví dụ: một trang web chỉ chuyển hướng người dùng Android đến trang web cho thiết bị di động nhưng không chuyển hướng người dùng iPhone hoặc Windows Phone.

  • Sử dụng Search Console. Nếu bạn là người dùng đã xác minh, chúng tôi sẽ gửi cho bạn thông báo nếu chúng tôi phát hiện thấy bất kỳ trang nào trên trang web của bạn đang chuyển hướng người dùng điện thoại thông minh đến trang chủ.

  • Thiết lập để máy chủ của bạn chuyển hướng người dùng điện thoại thông minh đến URL tương đương trên trang web dành cho điện thoại thông minh của bạn.

  • Nếu một trang trên trang web của bạn không có trang tương đương trên điện thoại thông minh, hãy giữ người dùng trên trang dành cho máy tính để bàn, thay vì chuyển hướng họ đến trang chủ của trang web dành cho điện thoại thông minh. Việc không làm gì còn tốt hơn là làm sai trong trường hợp này.

  • Cân nhắc sử dụng thiết kế web đáp ứng, phân phát cùng một nội dung cho người dùng trên máy tính để bàn và điện thoại thông minh.

Mã 404 chỉ trên thiết bị di động

Một số trang phân phát nội dung cho người dùng máy tính để bàn truy cập URL nhưng hiển thị trang lỗi cho người dùng di động.

Mã 404 chỉ trên thiết bị di động

Để đảm bảo cung cấp trải nghiệm người dùng tốt nhất, nếu bạn nhận ra người dùng đang truy cập một trang cho máy tính để bàn từ thiết bị di động và bạn có một trang tương đương trên thiết bị di động tại một URL khác, hãy chuyển hướng họ đến URL đó thay vì hiển thị trang 404 hoặc trang soft 404. Ngoài ra, hãy đảm bảo rằng trang thân thiện với thiết bị di động không phải là trang lỗi.

Chuyển hướng hợp lệ
  • Sử dụng Search Console. Nếu bạn là người dùng đã xác minh của trang web, chúng tôi sẽ gửi cho bạn thông báo trong Trung tâm thông báo.

  • Nếu bạn có phiên bản dành cho điện thoại thông minh trên một URL riêng, hãy thiết lập để máy chủ của bạn chuyển hướng người dùng điện thoại thông minh đến URL tương đương trên trang web dành cho điện thoại thông minh của bạn.

  • Nếu bạn sử dụng tính năng Phân phát động, hãy đảm bảo định cấu hình chức năng phát hiện tác nhân người dùng một cách chính xác.

  • Nếu một trang trên trang web của bạn không có trang tương đương trên điện thoại thông minh, hãy giữ người dùng trên trang dành cho máy tính để bàn. Hiển thị nội dung mà người dùng đang tìm kiếm là một trải nghiệm tốt hơn nhiều so với hiển thị trang lỗi.

  • Sử dụng thiết kế web đáp ứng khi có thể. Cấu hình này cho phép bạn phân phát cùng một nội dung cho người dùng, bất kể thiết bị họ sử dụng là gì.

Tránh quảng cáo xen kẽ

Nhiều trang web hiển thị các quảng cáo xen kẽ hoặc lớp phủ che phủ một phần hoặc hoàn toàn nội dung của trang mà người dùng đang truy cập. Những quảng cáo xen kẽ này (thường thấy trên các thiết bị di động quảng bá ứng dụng gốc của trang web, biểu mẫu đăng ký danh sách gửi thư hoặc quảng cáo) có thể mang lại trải nghiệm kém cho người dùng. Trong các trường hợp xấu, quảng cáo xen kẽ được thiết kế để khiến người dùng rất khó loại bỏ quảng cáo để xem nội dung thực sự của trang. Vì không gian hiển thị trên màn hình thiết bị di động rất hạn chế, nên bất kỳ quảng cáo xen kẽ nào cũng ảnh hưởng tiêu cực đến trải nghiệm của người dùng.

Quảng cáo xen kẽ tải ứng dụng xuống

Nhiều quản trị viên quảng bá ứng dụng gốc của doanh nghiệp của họ cho những người truy cập trang web trên thiết bị di động của họ. Nếu không cẩn thận, điều này có thể gây ra sự cố lập chỉ mục và làm gián đoạn việc sử dụng trang web của khách truy cập.

Tránh quảng cáo xen kẽ
Quảng cáo xen kẽ đang chặn người dùng hoàn thành thao tác.
Biểu ngữ ứng dụng
Một biểu ngữ cho phép người dùng hoàn thành các thao tác trong khi quảng bá ứng dụng.
  • Sử dụng một biểu ngữ đơn giản để quảng bá ứng dụng của bạn trong chính nội dung của trang. Bạn có thể triển khai biểu ngữ này bằng cách sử dụng:

  • Nếu bạn có một ứng dụng Android, hãy xem xét triển khai tính năng lập chỉ mục ứng dụng: khi nội dung đã lập chỉ mục trong ứng dụng của bạn có liên quan đến một truy vấn cụ thể, chúng tôi sẽ hiển thị nút cài đặt trong kết quả tìm kiếm để người dùng có thể tải xuống và truy cập thẳng vào trang cụ thể trong ứng dụng của bạn.

Phương pháp mà một trang web thường dùng khi hiển thị cho người dùng trên các URL dành riêng cho thiết bị di động là sử dụng liên kết đến phiên bản được tối ưu hóa cho máy tính để bàn, và tương tự như vậy là một liên kết từ trang máy tính để bàn đến trang cho thiết bị di động. Một lỗi phổ biến là sử dụng các liên kết trỏ đến một trang không liên quan, chẳng hạn như trang trên thiết bị di động liên kết đến trang chủ của trang web trên máy tính để bàn.

  • Kiểm tra các liên kết của bạn để đảm bảo rằng chúng trỏ đến trang tương đương chính xác.

Trang tải chậm trên thiết bị di động

Điều rất quan trọng là đảm bảo trang web cho thiết bị di động của bạn tải nhanh. Người dùng có thể trở nên khó chịu nếu họ phải chờ một thời gian dài để thấy nội dung.

Sử dụng Google PageSpeed Insights để tìm hiểu xem trang của bạn có bất kỳ vấn đề nào có thể làm giảm tốc độ tải trang hay không và tập trung vào phần phụ "Speed". Hãy cố gắng giải quyết các vấn đề bị đánh dấu là lỗi nên khắc phục.

Để biết thêm thông tin, hãy xem:

Đặt cửa sổ xem một cách chính xác

Vì khách truy cập vào trang web của bạn sử dụng nhiều thiết bị với kích thước màn hình khác nhau, nên các 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. Thẻ này cho trình duyệt biết cách điều chỉnh kích thước của trang và điều chỉnh tỷ lệ để phù hợp với thiết bị. Sau đây là hai vấn đề phổ biến:

  • Sử dụng cửa sổ xem có chiều rộng cố định. Điều này làm cho trang không hiển thị theo tỷ lệ phù hợp cho tất cả các kích thước thiết bị (và con số này là rất lớn). Đọc thêm.
  • Xác định một cửa sổ xem tối thiểu có chiều rộng bất hợp lý, có thể buộc người dùng trên các thiết bị nhỏ hơn phải cuộn theo chiều ngang để đọc nội dung. Đ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 hình ảnh được thiết kế để hiển thị tốt nhất trên một trình duyệt có chiều rộng cụ thể (chẳng hạn như 980px). Để sửa lỗi này, hã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ể hiển thị theo tỷ lệ. Tìm hiểu thêm.

Kích thước phông chữ nhỏ

Tránh đặt kích thước phông chữ quá nhỏ để dễ đọc trên thiết bị di động, buộc khách truy cập phải "chụm để phóng to" để đọc. Sau khi xác định cửa sổ xem cho các trang web của bạn, hãy 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ảm ứng quá gần

Tránh đặt các phần tử cảm ứng như các nút và liên kết gần nhau tới mức người dùng trên thiết bị di động không thể dễ dàng dùng ngón tay nhấn vào phần tử mong muốn mà không nhấn cả vào phần tử bên cạnh. Để sửa lỗi này, đảm bảo định kích thước 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 thêm tại Định cỡ mục tiêu nhấn thích hợp.

Gửi phản hồi về...