|
Thiết kế web mobile chuẩn |
Nếu người dùng dùng smartphone, máy tính bảng truy cập vào website bạn gặp khó khăn. Google sẽ hạ thấp vị trí của website của bạn trên kết quả tìm kiếm Google Search.
Theo thông báo của Google Webmaster ngày 11-6-2013, người tiêu dùng sử dụng smartphone lướt web ngày càng nhiều, thị trường này tăng trưởng rất nhanh. Google mong muốn đem lại những trải nghiệm đầy đủ nhất. Do đó, Google khuyến cáo các website nên tái cấu trúc để tương thích với smartphone hay thiết bị di động.
Một số lỗi thường gây khó cho người dùng lướt web bằng smartphone được Google liệt kê:
Không thể phát video: rất nhiều video không phát được khi xem trên smartphone. Google khuyến cáo nên dùng các thẻ HTML5, thay vì dùng các định dạng như Adobe Flash, vì không phải thiết bị di động nào cũng hỗ trợ định dạng này.
Chuyển hướng truy cập sai: nhiều website chuyển hướng truy cập từ smartphone vào trang được tối ưu cho thiết bị di động. Tuy nhiên, người dùng smartphone lại muốn truy cập đến website đầy đủ (phiên bản cho desktop). Hoặc trong một số trường hợp, website nhận diện khách truy cập bằng thiết bị di động, nhưng chỉ chuyển hướng thiết bị Android, và “bỏ quên” iPhone hay Windows Phone. (Tham khảo thủ thuật khắc phục tại đây, hoặc khi có hai website riêng biệt cho PC và smartphone, hãy tham khảo các khuyến cáo sau)
Lỗi 404: truy cập một trang từ PC vẫn tốt nhưng khi xem trên smartphone sẽ xuất hiện lỗi 404 (trang không hiện hữu) do cấu trúc URL khác.
Ép khách truy cập bằng smartphone sử dụng ứng dụng riêng (app). Thay vì vậy, Google khuyến cáo nên đưa ra chọn lựa quảng bá thêm cho ứng dụng qua banner hay hình ảnh.
Các liên kết chéo không liên quan: khi xem nội dung trên trang, người dùng smartphone hay desktop thường gặp các liên kết (link) để gia tăng lượt click (pageview), tuy nhiên cần chọn liên kết chéo là dạng trang phù hợp với thiết bị đang duyệt.
Tốc độ tải trang: tối ưu tốc độ tải trang
web mobile cho truy cập từ smartphone rất quan trọng, phù hợp với tốc độ mạng di động. Tham khảo một số hướng dẫn của Google như: tạo trang web cho di động tải dưới một giây, làm trang web di động nhanh hơn,
tối ưu hóa website cho thiết bị di động và cuối cùng là dùng Google PageSpeed Insights để phân tích các vấn đề về tốc độ tải trang web.
Google minh họa một ví dụ về việc điều hướng sai, mà theo Google, việc này gây khó chịu cho người dùng muốn lướt web trên các thiết bị di động. Và những lỗi này sẽ ảnh hưởng đến vị trí thứ hạng trên kết quả tìm kiếm trong công cụ tìm kiếm cho thiết bị di động. Màu xanh là điều hướng đúng, màu đỏ là sai – Nguồn: Google
Google cho biết sẽ thay đổi trong hoạt động đánh giá và xếp thứ hạng đối với những website không thân thiện với người dùng di động.
Tháng 12-2011, Google đã giới thiệu loại “bot” mới chuyên dò tìm nội dung di động: Googlebot-Mobile Users-Agents, cho cả điện thoại di động chức năng phổ thông (featured phone) và điện thoại thông minh (smartphone), và được cập nhật vào tháng 8-2012.
Google Webmaster khuyến cáo cộng đồng phát triển và thiết kế web nên vận dụng các thẻ HTML5 và CSS3. Những yếu tố CSS có thể giúp website tối ưu linh hoạt trên môi trường PC hay thiết bị di động.
Bạn đọc quan tâm có thể tham khảo một vài hướng tối ưu website cho thiết bị di động từ Google Webmaster (phần tối ưu cho smartphone) hay Google Webmaster Academy.
Với nhiều năm kinh nghiệm trong lĩnh vực thiết kế web/wap cho điện thoại (mẫu xem bên dưới) và nếu bạn có nhu cầu thiết web/wap cho điện thoại thi hãy liên hệ với tôi qua email: tinh.facebook@gmail.com hoặc tại đây
Chiến lược mới!
Một số mẫu web mobile:
|
Thiết kế web mobile |
|
Website mobile |
|
web sms trên mobile
|