Kiến thức cơ bản về tính thân thiện với thiết bị di động

Sử dụng bộ sưu tập để sắp xếp ngăn nắp các trang Lưu và phân loại nội dung dựa trên lựa chọn ưu tiên của bạn.

Thiết bị di động đang thay đổi thế giới. Ngày nay, mọi người đều mang theo điện thoại thông minh để luôn giữ liên lạc và tìm kiếm thông tin. Ở nhiều quốc gia, số lượng điện thoại thông minh đã vượt quá số lượng máy tính cá nhân. Việc có một trang web thân thiện với thiết bị di động đã trở thành một phần quan trọng trong việc xây dựng sự hiện diện trực tuyến.

  1. Nếu bạn không biết trang web của mình có thân thiện với thiết bị di động hay không, hãy thực hiện quy trình Kiểm tra tính thân thiện với thiết bị di động.
  2. Nếu bạn đã sử dụng phần mềm quản lý nội dung (CMS) như Wordpress để xây dựng trang web, hãy xem hướng dẫn của chúng tôi để tuỳ chỉnh phần mềm trang web của bạn.
  3. Nếu bạn nắm vững kiến thức kỹ thuật để tự thực hiện, hãy bắt đầu bằng cách chọn cấu hình thiết bị di động.

Tại sao một trang web nên thân thiện với thiết bị di động?

Một trang web khó xem và khó sử dụng trên thiết bị di động so với một phiên bản thân thiện với thiết bị di động

Nếu không thân thiện với thiết bị di động, thì một trang web có thể sẽ khó xem và khó sử dụng trên thiết bị di động. Một trang web không thân thiện với thiết bị di động sẽ khiến người dùng phải chụm hoặc phóng to để đọc nội dung. Người dùng sẽ thấy đây là một trải nghiệm khó chịu và có khả năng sẽ rời khỏi trang web. Ngược lại, phiên bản thân thiện với thiết bị di động sẽ dễ đọc và dễ sử dụng.

Tại Hoa Kỳ, 94% người có điện thoại thông minh thường tìm kiếm thông tin trong vùng trên điện thoại của họ. Một điều thú vị là 77% lượt tìm kiếm trên thiết bị di động xảy ra ở nhà hoặc tại nơi làm việc, những nơi nhiều khả năng có máy tính.

Nền tảng di động rất quan trọng đối với hoạt động kinh doanh của bạn, cho dù bạn đang viết blog về đội thể thao yêu thích của mình, điều hành trang web cho nhà hát cộng đồng hay bán sản phẩm cho khách hàng tiềm năng. Hãy đảm bảo rằng khách truy cập có thể có được trải nghiệm tuyệt vời trên trang web của bạn khi họ truy cập bằng thiết bị di động.

Tôi nên bắt đầu bằng cách nào?

Lượng công việc cần làm để tạo một trang web thân thiện với thiết bị di động phụ thuộc vào nguồn lực nhà phát triển, mô hình kinh doanh và kiến thức chuyên môn của bạn. Để lấy ví dụ về cách thiết kế lại một trang web dành cho máy tính để trang đó cũng hoạt động tốt trên thiết bị di động, hãy xem sơ đồ sau:

Cách thiết kế lại một trang web dành cho máy tính để trang đó cũng hoạt động tốt trên thiết bị di động

Ở cấp độ triển khai rất cơ bản, việc chuyển đổi một trang web hiện có dành cho máy tính sang phiên bản dành cho thiết bị di động đòi hỏi phải sử dụng các phần nội dung hiện có trên trang web dành cho máy tính và sắp xếp các phần đó theo một mẫu thiết kế thân thiện với thiết bị di động. Để biết thêm thông tin kỹ thuật về cách triển khai một trang web dành cho thiết bị di động, hãy tìm hiểu về các tuỳ chọn cấu hình SEO cho thiết bị di động.

Đâu là ba điều quan trọng nhất mà tôi nên biết khi xây dựng một trang web dành cho thiết bị di động?

1. Giúp khách hàng dễ dàng hoàn thành mục tiêu.

Hãy giúp khách truy cập trang web của bạn hoàn thành mục tiêu. Họ có thể muốn được giải trí bằng bài đăng trên blog của bạn, tìm địa chỉ nhà hàng của bạn hoặc xem bài đánh giá về sản phẩm của bạn. Hãy thiết kế trang web của bạn sao cho khách hàng có thể dễ dàng truy cập trang web và hoàn thành một công việc nào đó.

Phác thảo các bước có thể xuất hiện trong hành trình của khách hàng

Hãy phác thảo các bước có thể xuất hiện trong hành trình của khách hàng để đảm bảo khách hàng có thể dễ dàng hoàn thành các bước này trên thiết bị di động. Hãy cố gắng tạo ra trải nghiệm liền mạch và giảm số lần người dùng phải tương tác. Trong ví dụ này: (1) khách hàng nhấp vào trang web sau khi tìm kiếm đèn để mua, (2) duyệt qua các sản phẩm đèn rồi (3) mua loại đèn họ muốn.

2. Đo lường sự hiệu quả của trang web thông qua mức độ dễ dàng đối với khách hàng khi hoàn thành các công việc phổ biến trên thiết bị di động.

Người dùng đang nhìn vào thiết bị di động

Việc xây dựng một trang web dành cho thiết bị di động đòi hỏi bạn phải sắp xếp mức độ ưu tiên. Hãy bắt đầu bằng cách tìm ra những công việc quan trọng và phổ biến nhất mà khách hàng cần hoàn thành trên thiết bị di động. Khả năng hỗ trợ các công việc này là rất quan trọng. Đây chính là lý do tại sao thước đo hiệu quả của trang web dành cho di động là mức độ dễ dàng đối với khách hàng trong việc hoàn thành mục tiêu của họ. Cũng có nhiều cách để thiết kế một trang web dễ sử dụng. Hãy chú trọng vào tính nhất quán trong giao diện của bạn và cung cấp trải nghiệm thống nhất giữa nhiều nền tảng.

"Người mua sắm trên thiết bị di động đặt tính dễ sử dụng lên hàng đầu, có 48% số người được hỏi cho rằng đây là yếu tố chất lượng quan trọng nhất của trang web di động mà họ truy cập", trích từ MediaPost.

3. Chọn một mẫu, giao diện hoặc thiết kế phù hợp với mọi thiết bị di động (ví dụ: sử dụng phương thức thiết kế web thích ứng).

Thiết kế web thích ứng có nghĩa là trang sử dụng cùng một URL và cùng một mã lập trình cho dù người dùng truy cập trên máy tính, máy tính bảng hay điện thoại di động, nhưng giao diện sẽ điều chỉnh hoặc thích ứng theo kích thước màn hình. Theo Google, bạn nên sử dụng thiết kế web thích ứng thay vì các mô hình thiết kế khác. Một trong những lợi ích của thiết kế web thích ứng là bạn chỉ cần duy trì một phiên bản trang web, thay vì hai phiên bản. Bạn không cần duy trì trang web dành cho máy tính tại www.example.com và phiên bản dành cho thiết bị di động tại m.example.com; bạn chỉ cần duy trì một trang web, chẳng hạn như www.example.com, cho khách truy cập cả trên máy tính và thiết bị di động.

Trang web phù hợp cho cả khách truy cập trên máy tính và khách truy cập trên thiết bị di động

Trang web thích ứng sẽ điều chỉnh giao diện tuỳ theo kích thước màn hình nhưng vẫn dùng cùng một URL và mã lập trình. Cả ba thiết bị trên đều sử dụng trang www.example.com (thay vì trang cho thiết bị di động tại m.example.com và trang cho máy tính bảng tại t.example.com).

"Việc sử dụng thiết kế web thích ứng đã giúp Baines & Ernst tối ưu hoá trải nghiệm trên trang web trên nhiều kích thước màn hình mà không cần tạo nhiều trang web. Họ nhận thấy rằng số lượng trang mà khách truy cập xem tăng thêm 11% mỗi lần truy cập và tỷ lệ chuyển đổi trên thiết bị di động tăng 51%."

Lượt chuyển đổi được tính khi khách hàng thực hiện một hành động họ mong muốn, chẳng hạn như mua sản phẩm, gọi cho doanh nghiệp hoặc đăng ký nhận bản tin.

Để biết thông tin chi tiết về cách triển khai thiết kế web thích ứng, hãy tham khảo Kiến thức cơ bản về web. Nếu bạn muốn cân nhắc ưu và nhược điểm của từng cách triển khai trang web trên thiết bị di động, máy tính bảng và máy tính, hãy đọc bài Xây dựng trang web cho những người sử dụng nhiều loại màn hình.

Ba sai lầm hàng đầu mà người mới làm quen nên tránh là gì?

  1. Không nghĩ đến khách hàng trên thiết bị di động. Đừng quên rằng trang web hoạt động tốt trên thiết bị di động sẽ rất hữu ích khi có thể giúp khách truy cập hoàn thành mục tiêu, cho dù mục tiêu đó là đọc một bài viết thú vị hay xem vị trí cửa hàng của bạn. Đừng mắc sai lầm là chỉ tạo một trang web có định dạng dành cho thiết bị di động nhưng không cung cấp đầy đủ chức năng. Thay vào đó, hãy nhớ xây dựng một trang web thân thiện với thiết bị di động (một trang web thực sự hữu ích cho khách hàng sử dụng thiết bị di động và được tối ưu hoá cho các thao tác phổ biến nhất mà khách hàng sẽ thực hiện).
  2. Triển khai trang web dành cho thiết bị di động trên một miền, miền phụ hoặc thư mục con khác với trang web trên máy tính. Tuy Google hỗ trợ nhiều cấu hình trang web dành cho thiết bị di động, nhưng việc tạo URL dành riêng cho thiết bị di động sẽ làm tăng đáng kể lượng công việc phải làm để duy trì và cập nhật trang web, hơn nữa còn có thể gây ra vấn đề kỹ thuật. Thường thì bạn có thể giản lược đáng kể lượng công việc bằng cách sử dụng thiết kế web thích ứng và phân phát cùng một URL cho cả máy tính và thiết bị di động. Thiết kế web thích ứng là cấu hình mà Google đề xuất sử dụng.
  3. Làm việc đơn độc thay vì tìm cảm hứng xung quanh. Hãy xem các trang web khác thuộc cùng lĩnh vực với bạn hoặc trang web của đối thủ cạnh tranh để tìm cảm hứng và phương pháp hay nhất. Mặc dù bạn có thể không phải là người đầu tiên xây dựng một trang web dành cho thiết bị di động trong lĩnh vực của mình, nhưng bạn có lợi thế là có thể học hỏi từ những người đi trước.