Bắt đầu

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

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 của họ. Họ có thể muốn được giải trí qua các bài đăng trên blog của bạn, tìm địa chỉ nhà hàng của bạn hoặc xem các bài đánh giá về sản phẩm của bạn. Phó tổng giám đốc và Giám đốc công nghệ thương mại điện tử của tập đoàn Walgreens, ông Abhi Dhar, giải thích: "Mục tiêu chúng tôi đặt ra với mọi trải nghiệm trên thiết bị di động là làm cho cuộc sống của khách hàng trở nên dễ dàng hơn."

Hãy thiết kế trang web của bạn để giúp khách hàng của bạn dễ dàng hoàn thành các nhiệm vụ mà họ thường làm nhất: từ giai đoạn hình dung nhiệm vụ, đến truy cập trang web của bạn rồi đến hoàn thành nhiệm vụ.

Phác thảo các bước có thể xảy ra trong quy trình của khách hàng để đảm bảo các bước này dễ dàng hoàn thành trên thiết bị di động. Cố gắng tạo trải nghiệm đơn giản 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 xem các sản phẩm đèn; và (3) mua loại đèn họ muốn.

2. Đo lường hiệu quả của trang web của bạn thông qua mức độ dễ dàng mà khách hàng có thể hoàn thành các nhiệm vụ trên thiết bị di động.

Việc xây dựng một trang web trên 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 nhiệm vụ quan trọng và phổ biến nhất đối với khách hàng trên thiết bị di động. Khả năng hỗ trợ các nhiệm vụ 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 di động là mức độ dễ dàng mà khách hàng có thể hoàn thành mục tiêu của họ. 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 trên các 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, với 48% số người được hỏi cho rằng đây là 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, chủ đề hoặc thiết kế phù hợp với tất cả các thiết bị di động (ví dụ: sử dụng thiết kế web đáp ứng).

"Thiết kế web đáp ứng" hay còn gọi là RWD có nghĩa là trang sử dụng cùng một URL và mã cho dù người dùng truy cập trên máy tính để bàn, 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 "đáp ứng" theo kích thước màn hình. Google khuyên bạn nên sử dụng RWD thay vì các mô hình thiết kế khác. Một trong những lợi ích của RWD là bạn sẽ chỉ cần duy trì một phiên bản trang web thay vì hai phiên bản (nghĩa là bạn sẽ không phải cung cấp phiên bản trang web dành cho máy tính để bàn tại www.example.com và phiên bản cho thiết bị di động tại m.example .com - bạn sẽ chỉ cần duy trì một trang web, chẳng hạn như www.example.com, dành cho khách truy cập cả trên máy tính để bàn và thiết bị di động).

Trang web đáp ứng sẽ điều chỉnh giao diện hiển thị theo các kích thước màn hình khác nhau trong khi sử dụng cùng một URL và mã. Tất cả ba thiết bị trên đều sử dụng www.example.com (thay vì trang cho thiết bị di động tại m.example.com, trang cho máy tính bảng tại t.example.com, v.v.).

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

"Chuyển đổi" xảy ra khi khách hàng thực hiện một hành động 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 chi tiết về cách triển khai thiết kế web đáp ứng, hãy xem nội dung dành cho nhà phát triển tại trang 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 các cách triển khai khác nhau cho trang web trên thiết bị di động, máy tính bảng và máy tính để bàn, hãy đọc Xây dựng trang web cho những người sử dụng nhiều màn hình.

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

Sai lầm 1 - Bỏ quên khách hàng là người dùng thiết bị di động.

Hãy nhớ rằng các trang web hoạt động tốt trên thiết bị di động là rất hữu ích - chúng giúp khách truy cập hoàn thành mục tiêu của mình, 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 riêng cho thiết bị di động (một trang web có giao diện đẹp mắt trên thiết bị di động) vì trang web đó sẽ bị mất tất cả chức năng hữu ích. 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 là người dùng thiết bị di động và được tối ưu hóa cho các nhiệm vụ phổ biến nhất của khách hàng).

Sai lầm 2 - Triển khai trang web cho thiết bị di động trên một tên miền, tên miền phụ hoặc thư mục con khác với trang web trên máy tính để bàn.

Mặc dù 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 các URL riêng dành cho thiết bị di động sẽ làm tăng đáng kể lượng công việc cần thiết để duy trì và cập nhật trang web của bạn và có thể gây ra vấn đề kỹ thuật. Thông thường, bạn có thể đơn giản hóa mọi thứ một cách đáng kể bằng cách sử dụng thiết kế web đáp ứng (RWD) và hiển thị cho người dùng máy tính để bàn và thiết bị di động trên cùng một URL! Thiết kế web đáp ứng là cấu hình mà Google đề xuất sử dụng.

Sai lầm 3 - Tự mình xây dựng trang web thay vì tìm kiế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 đối thủ cạnh tranh của bạn để 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 trong ngành xây dựng một trang web dành cho thiết bị di động, nhưng bạn có lợi ích là có thể học hỏi từ những người đi trước. Các trang The Mobile PlaybookGoogle Multi-screen Success Stories cũng cung cấp nhiều ý tưởng.

Tôi nên cân nhắc những điều gì khi làm việc với một nhà phát triển?

Hãy thực hiện theo các bước sau để đảm bảo thu được kết quả tốt khi làm việc với nhà phát triển để xây dựng trang web thân thiện với thiết bị di động của bạn.

1. Yêu cầu xem danh sách các khách hàng và trang web dành cho thiết bị di động mà họ đã xây dựng.

Hỏi xem nhà phát triển của bạn có kinh nghiệm với thiết kế web đáp ứng (RWD) không. Nếu bạn có một trang web chỉ dành cho máy tính để bàn, hãy hỏi xem nhà phát triển đó đã từng chuyển một trang web trên máy tính để bàn sang một trang web đáp ứng chưa. Kiểm tra các trang web khác mà họ đã xây dựng. Nói chuyện với khách hàng trước đây của nhà phát triển để xem họ cảm thấy thế nào về nhà phát triển của bạn. Bạn có thể sử dụng các công cụ như PageSpeed Insights của Google để xem danh sách dự án đã thực hiện của một nhà phát triển. PageSpeed Insights nêu bật các yếu tố cản trở tốc độ của một trang hoặc làm suy yếu khả năng hữu dụng của trang.

Trang Kiến thức cơ bản về web vượt qua bài kiểm tra của PageSpeed Insights dành cho thiết bị di động về cả tốc độ và trải nghiệm người dùng.

2. Đảm bảo rằng nhà phát triển hiểu rõ khách hàng là người dùng thiết bị di động của bạn.

Hãy cung cấp cho nhà phát triển thông tin về doanh nghiệp của bạn và các thao tác phổ biến nhất bạn muốn được tối ưu hóa trên trang web di động. Đảm bảo rằng họ phát triển một trang web hỗ trợ chức năng mà khách hàng là người dùng thiết bị di động sẽ cần.

3. Yêu cầu nhà phát triển thực hiện cam kết về tốc độ.

Đừng bắt khách hàng phải chờ quá lâu để các trang của bạn tải trong trình duyệt của họ. Hãy hỏi xem nhà phát triển của bạn có biết về PageSpeed Insights (công cụ nói trên) không và liệu họ có quen thuộc với các kỹ thuật để giúp các trang tải nhanh hơn không. Hợp đồng của bạn có thể bao gồm điều khoản về các trang "hiển thị" nhanh như đối thủ cạnh tranh của bạn theo WebPagetest. Hoặc nếu điều đó quá khó khăn thì có thể bạn nên yêu cầu họ đưa ra cam kết sẽ đạt được kết quả dấu tích màu xanh lá trên PageSpeed Insights và không có bất kỳ vấn đề nào được đánh dấu là "Nên khắc phục". (Nếu các trang không nhận được dấu tích màu xanh lá, thì bạn và nhà phát triển có thể tự cân nhắc chi phí và lợi ích của việc khắc phục vấn đề.) Bạn có thể tìm thêm thông tin về tốc độ của trang trên thiết bị di động trong video "Khắc phục nhanh hiệu suất trang web trên thiết bị di động".

4. Yêu cầu nhà phát triển cài đặt dịch vụ phân tích web.

Hãy cài đặt dịch vụ phân tích trang web như Google Analytics, để bạn có thể thu thập thông tin tổng hợp về hiệu suất trang web của mình.

5. Đảm bảo rằng bạn và nhà phát triển biết rõ Nguyên tắc quản trị trang web của Google.

Nguyên tắc này chứa thông tin về cách Google tìm, xử lý và xếp hạng nội dung trang web của bạn.

6. Đảm bảo hợp đồng bao gồm điều khoản về việc cải thiện trang web trên thiết bị di động của bạn sau khi ra mắt.

Có thể bạn sẽ thu thập ý kiến phản hồi từ khách hàng và dữ liệu từ dịch vụ phân tích trang web mà bạn muốn sử dụng để cải thiện hiệu suất trang web của mình.

Chúng tôi nghĩ bạn sẽ muốn xem xét danh sách các nhà cung cấp dịch vụ di động và nhiều màn hình mà Google AdWords đề xuất. Để biết thêm thông tin về việc triển khai trang web trên thiết bị di động, hãy xem tài liệu của chúng tôi về SEO trên thiết bị di động.

Gửi phản hồi về...