Hoàng Luyến

Hoàng Luyến

Administrator

Thiết kế web thân thiện với mobile


Bạn đang tìm hiểu về thiết kế web thân thiện với điện thoại di động! Hướng dẫn này sẽ giúp bạn có định hướng và thiết kế web thân thiện mobile phù hợp với khách hàng của bạn.

  1. Tìm hiểu chung
    1. Tìm hiểu xem Mobile Friendly là gì?
    2. Kiểm tra website của bạn đã thân thiện với điện thoại di động chưa? 
      Với công cụ  Mobile Friendly Test của Google.
    3. Tại sao phải tạo một trang web thân thiện di động?
    4. Ba yếu tố bạn nên biết khi xây dựng một trang web cho các thiết bị di động?
    5. Tốn bao nhiêu tiền để xây dựng một trang web cho các thiết bị di động?
    6. Có bao nhiêu cách thiết kế web thân thiện với mobile?
      Thật ra có thể hiểu đây là cách thiết kế hoặc cách cấu hình website để thân thiện với điện thoại di động, mình gọi chung là các cách cụ thể như sau:
      Cách 1Thiết kế web Responsive (cùng URL và cùng HTML, CSS, Javascript, và các tài liệu), cách này được Google khuyến cáo ưu tiên giải pháp này. Bạn có thể xem ví dụ như website của mình hoangluyen.com có thể xem cả trên iphone, ipad, pc, laptop… do sử dụng theme responsive của WordPress. (Tìm hiểu Web Responsive là gì?)
      Cách 2: Dynamic Serving (cùng URL nhưng HTML khác nhau, có thể cả CSS và Javascript cũng khác nhau tùy thuộc vào các coder), cách này rất nhiều trang ở Việt Nam đang chạy có thể kể tới như sendo.vn….
      Cách 3: URL riêng biệt (khác code khác cả HTML thường thì website sẽ có 2 tên miền riêng biệt)
      ví dụ như muachungtb.vn có trang mobile là m.muachungtb.vn khi bạn truy cập bằng di động.
    7. Thiết lập cấu hình với các công cụ tìm kiếm
      Nếu chỉ tìm hiểu cách thiết kế web thân thiện với mobile như trong mục 6 thôi là chưa đủ vì bạn cần phải tìm hiểu thêm bài viết này để biết cách cấu hình đúng sẽ tránh gặp các sai lầm bị google phạt: trùng lặp nội dung, lỗi chuyển hướng….
    8. Feature phone là gì?
      Có thể bạn là Seoer, Developer hay cả Webmaster đều chưa biết tới nó hãy tìm hiểu trước khi bạn tìm hiểu tới mục II cực kỳ quan trọng. Các công ty nhỏ thường không để ý tới loại website này tuy nhiên có thể nó sẽ rất quan trọng nếu bạn chưa phân tích hết. Hãy xem tiếp tôi sẽ nói cụ thể về loại website này.
    9. Cấu hình cho các thiết bị khác
      Cách cấu hình cho máy tính bảng và feature phone
  2. Thiết kế web thân thiện với mobile

    Phần I là các hướng dẫn để bạn hiểu rõ các thông tin cần biết, mục số II này sẽ là các hướng dẫn cụ thể:

    Có 3 phương án thiết kế thân thiện với mobile:

    1. Thiết kế web Responsive và feature phone
      Website Responsive sẽ chạy tốt trên tất cả các thiết bị như  tablet (ipad), iphone, pc, laptop…tuy nhiên chúng sẽ không hoạt động tốt trên feature phone. Tuy nhiên bạn nên kiểm tra trên Google Analytics đánh giá với lượng người truy cập dành cho các dòng điện thoại với trường Not Set là bao nhiêu %. Nếu >20% tôi khuyên bạn nên làm thêm 1 website có tên miền là touch.domain.com
    2. Thiết kế với Dynamic Serving và feature phone
      Ví dụ sendo.vn đã có trang web chạy tốt trên Mobile nhưng cần phải bổ xung thêm web cho các điện thoại Feature phone.
    3. Thiết kế web với các URL riêng biệt, cụ thể:
      Sử dụng 3 tên miền hỗ trợ chạy cho 3 loại website
      + Desktop: www.domain.com
      + Mobile, PC, iPad: m.domain.com
      + Feature phone: touch.domain.com

Bạn có thể xào xáo các phương án trên để thiết kế web thân thiện với mobile nhưng tôi khuyên bạn nên sử dụng 1 trong 3 phương án trên miễn sao cho phù hợp với hoạt động kinh doanh của bạn. Bạn có thể thấy Facebook.com đang sử dụng phương án giải pháp như trên rất hiệu quả. Bạn chưa rõ về Thiết kế web Responsive mình sẽ giúp bạn tặng giao diện luôn 🙂 . Đây là kết quả  website của mình sau khi dùng phần mềm Mobile Friendly Test

thiet-ke-web-than-thien-voi-mobile

Tác giả: Hoàng Luyến
https://hoangluyen.com
Thiết kế web thân thiện với mobile
Đánh giá bài viết


9 Bình luận

Viết bình luận
  1. Tháng Ba 21, 02:36 Hà Phạm

    Có đúng web Responsive là tối ưu nhất cho Mobile Friendly không bạn? ?

    Bình luận
  2. Tháng Ba 21, 02:55 Hà Phạm

    Nhưng với điện thoại Feature phone thì sao?

    Bình luận
  3. Tháng Tám 05, 07:03 dung

    chào anh. em đang bị lỗi với thiết kế URL riêng biệt. khi ở trên giao diện điện thoại bấm vào domain.com nó vẫn ra m.domain.com nhưng khi seach domain.com/abc thì nó ko ra và bị lôi. có cách nào giai quyết không

    Bình luận
  4. Tháng Mười Một 07, 14:24 Lương Hữu Nguyên Hồng

    Cho mình hỏi nên thiết kế web responsive hay thiết kế giao diện riêng cho điện thoại dạng m.domain.com để tốt về SEO? Với lại mình có mua tên miền cũ fashionteen.vn, trước đây là diễn đàn thời trang, rồi đến blog thời trang, có các chỉ số khá cao và cũng có link trên các forum từ trước. Vậy sắp tới mình redirect 301 về web sắp làm sakurafashion.vn thì có được lợi về SEO không? Cám ơn bạn nhiều.

    Bình luận

Viết bình luận

Tất cả bình luận

Thật tuyệt vời nếu bài viết này nhận được ý kiến của bạn. *

SEO