Khi thiết kế website nhắm tới các đối tượng người dùng sử dụng điện thoại di động chúng ta cần chú ý tới khả năng tải và duyệt website của các trình duyệt chạy trên điện thoại di động, các trình duyệt của máy tính đề bàn. Chúng ta phân ra làm 2 loại: 1. Điện thoại di động chưa có trình duyệt hoàn chỉnh
Hướng dẫn tối ưu hóa làm seo thiết kế website cho mobile wap Khi thiết kế website nhắm tới đối tượng người dùng sử dụng điện thoại di động cần ý tới khả tải duyệt website trình duyệt chạy điện thoại di động, trình duyệt máy tính đề bàn Chúng ta phân làm loại: Điện thoại di động chưa có trình duyệt hồn chỉnh (WAP): bao gồm trình duyệt cHTML (imode), WML, WAP Điện thoại thơng minh có trình duyệt hồn chỉnh máy tính bàn, desktop: chủ yếu thiết bị sử dụng hệ điều hành Android Iphone (IOS), dựa tảng HTML5 để thiết kế.Mời bạn coi hình để hiểu rõ Click vào để xem ảnh gốc Hướng dẫn tối ưu hóa thiết kế website cho mobile wap Nhìn hình ảnh ta thấy, truy cập trình duyệt điện thoại website đầy đủ, sử dụng điện thoại IP truy cập, website thu gọn lại đầy đủ tính khơng bị vỡ giao diện) Cùng với loại điện thoại di động Google có loại spider Google Bot thu thập liệu từ website bạn 1 Googlebot-Mobile dành cho điện thoại chưa có đủ trình duyệt đầy đủ: PHP Code: SAMSUNG-SGH-E250/1.0 Profile/MIDP2.0 Configuration/CLDC1.1 UP.Browser/6.2.3.3.c.1.101 (GUI) MMP/2.0 (compatible; GooglebotMobile/2.1; +http://www.google.com/bot.html)DoCoMo/2.0 N905i(c100;TB;W24H16) (compatible; GooglebotMobile/2.1; +http://www.google.com/bot.html) Điện thoại thơng minh có trình duyệt hồn chỉnh: PHP Code: Mozilla/5.0 (iPhone; U; CPU iPhone OS 4_1 like Mac OS X; enus) AppleWebKit/532.9 (KHTML, like Gecko) Version/4.0.5 Mobile/8B117 Safari/6531.22.7 (compatible; GooglebotMobile/2.1; +http://www.google.com/bot.html) Những khuyến nghị Google Thiết kế web dùng HTML( Dù bạn sử dụng ngơn ngữ lập trình website chạy trình duyệt định dạng HTML) tương tự cho tất thiết bị di động sử dụng CSS giúp website hiển thị tốt thiết bị Nếu website bạn chưa đáp ứng thiết bị di động thiết kế giao diện khác sử dụng url khác với tính cho điện thoại sử dụng HTML5 giúp người dùng trải nghiệm điều thú vị từ website bạn Có thể xem ví dụ sau: http://www.demo.com/bai-viet : phục vụ người sử dụng máy tính để bàn thêm vào phần head PHP Code: http://m.demo.com/bai-viet : phục vụ người sử dụng điện thoại thông minh thêm vào phần head PHP Code: http://phone.demo.com/bai-viet : phục vụ người sử dụng điện thoại chưa có trình duyệt đầy đủ thêm vào phần head PHP Code: Trên vấn đề cần ý, viết tiếp đầy đủ viết sau ... tảng HTML5 để thiết kế. Mời bạn coi hình để hiểu rõ Click vào để xem ảnh gốc Hướng dẫn tối ưu hóa thiết kế website cho mobile wap Nhìn hình ảnh ta thấy, truy cập trình duyệt điện thoại website đầy... HTML) tương tự cho tất thiết bị di động sử dụng CSS giúp website hiển thị tốt thiết bị Nếu website bạn chưa đáp ứng thiết bị di động thiết kế giao diện khác sử dụng url khác với tính cho điện thoại.. .Khi thiết kế website nhắm tới đối tượng người dùng sử dụng điện thoại di động cần ý tới khả tải duyệt website trình duyệt chạy điện thoại di động, trình duyệt máy tính đề bàn Chúng ta phân làm