Danh mục

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

Số trang: 7      Loại file: pdf      Dung lượng: 182.24 KB      Lượt xem: 12      Lượt tải: 0    
Thư viện của tui

Hỗ trợ phí lưu trữ khi tải xuống: 1,000 VND Tải xuống file đầy đủ (7 trang) 0
Xem trước 2 trang đầu tiên của tài liệu này:

Thông tin tài liệu:

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
Nội dung trích xuất từ tài liệu:
Hướng dẫn tối ưu hóa làm seo khi thiết kế website cho mobile wapHướng dẫn tối ưu hóa làm seo khi thiết kếwebsite cho mobile wapKhi 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ảivà 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 ralàm 2 loại:1. Đ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, WAP2. Đ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ềuhành Android và Iphone (IOS), chúng ta dựa trên nềntảng HTML5 để thiết kế.Mời các bạn coi hình dưới để hiểurõ hơn. Click vào đây để xem ảnh gốc.Hướng dẫn tối ưu hóa khi thiết kế website cho mobile wapNhì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 truycậ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ạispider 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ìnhduyệt đầy đủ:PHP Code: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.0N905i(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:PHP Code: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.5Mobile/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ậptrình nào thì website chạy trên các trình duyệt đều là địnhdạ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ácvới tính năng cho điện thoại hoặc sử dụng HTML5 giúpngười dùng có thể trải nghiệm những điều thú vị từ websitecủa bạn. Có thể xem ví dụ sau:http://www.demo.com/bai-viet : phục vụ người sử dụng máytính để bàn và thêm vào phần headPHP Code:http://m.demo.com/bai-viet : phục vụ người sử dụng điệnthoại thông minh và thêm vào phần headPHP Code:http://phone.demo.com/bai-viet : phục vụ người sử dụng điệnthoại chưa có trình duyệt đầy đủ và thêm vào phần headPHP Code:Trên đây là những vấn đề cơ bản cần chú ý, mình sẽ viết tiếpvà đầy đủ trong bài viết sau.

Tài liệu được xem nhiều: