Hướng dẫn tối ưu hóa khi thiết kế website cho mobile wap

Học thiết kế website bằng WordPress https://thietkewebmoa.wordpress.com/2015/10/03/wordpress-cong-cu-thiet-ke-website-hieu-qua/
Hướng dẫn tối ưu hóa làm seo khi thiết kế website cho điện thoại mobile wap cùng những khuyến nghị của Google.
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:

Điện thoại di động chưa có trình duyệt hoàn chỉnh (WAP): bao gồm các trình duyệt như cHTML (imode), WML, WAP
Điện thoại thông minh có trình duyệt hoàn chỉnh như máy tính bàn, desktop: chủ yếu là các thiết bị sử dụng hệ điều hành Android và Iphone (IOS), chúng ta dựa trên nền tảng HTML5 để thiết kế.Mời các bạn coi hình dưới để hiểu rõ hơn.
Hướng dẫn tối ưu hóa khi thiết kế website cho mobile wap
Hướng dẫn tối ưu hóa khi thiết kế website cho mobile wap
Nhìn hình ảnh trên ta thấy, khi truy cập bằng trình duyệt trên điện thoại website đầy đủ, còn khi sử dụng điện thoại IP truy cập, website được thu gọn lại đầy đủ tính năng và nhất là không bị vỡ giao diện).

Cùng với 2 loại điện thoại di động trên Google có 2 loại spider Google Bot thu thập dữ liệu từ website của bạn.
1. Googlebot-Mobile dành cho điện thoại chưa có đủ trình duyệt đầy đủ:

SAMSUNG-SGH-E250/1.0 Profile/MIDP-2.0 Configuration/CLDC-1.1 UP.Browser/6.2.3.3.c.1.101 (GUI) MMP/2.0 (compatible; Googlebot-Mobile/2.1; +http://www.google.com/bot.html)
DoCoMo/2.0 N905i(c100;TB;W24H16) (compatible; Googlebot-Mobile/2.1; +http://www.google.com/bot.html)
2. Điện thoại thông minh có trình duyệt hoàn chỉnh:

Mozilla/5.0 (iPhone; U; CPU iPhone OS 4_1 like Mac OS X; en-us) AppleWebKit/532.9 (KHTML, like Gecko) Version/4.0.5 Mobile/8B117 Safari/6531.22.7 (compatible; Googlebot-Mobile/2.1; +http://www.google.com/bot.html)
Những khuyến nghị của Google.
Thiết kế web dùng HTML( Dù bạn sử dụng ngôn ngữ lập trình nào thì website chạy trên các trình duyệt đều là định dạng HTML) tương tự cho tất cả các thiết bị di động và chỉ sử dụng CSS giúp website hiển thị tốt trên các thiết bị đó.
Nếu website hiện tại của bạn chưa đáp ứng được các thiết bị di động đó hãy thiết kế một giao diện khác sử dụng url khác với tính năng cho điện thoại hoặc sử dụng HTML5 giúp người dùng có thể trải nghiệm những điều thú vị từ website của 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 và thêm vào phần head

<link rel="alternate" media="only screen and (max-width: 640px)" href="http://www.demo.com/bai-viet" />
<link rel="alternate" media="handheld" href="http://www.demo.com/bai-viet" />
http://m.demo.com/bai-viet : phục vụ người sử dụng điện thoại thông minh và thêm vào phần head

<link rel="canonical" href="http://www.demo.com/bai-viet" />
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 đủ và thêm vào phần head

<link rel="canonical" href="http://www.demo.com/bai-viet" />
Trên đây là những vấn đề cơ bản cần chú ý, mình sẽ viết tiếp và đầy đủ trong bài viết sau. tham khảo thêm Ebook tài liệu SEO trên mobile điện thoại SEOMOZ 2013
Chúc các bạn thành công!
https://thietkewebmoa.wordpress.com