Blog

Website thân thiện với di động theo một cách dễ hiểu là: bạn có thể xem nội dung website đó trên thiết bị di động một cách dễ dàng và thoải mái như khi xem trên máy tính. Vậy làm như thế nào để tối ưu website trên các thiết bị di động ?

toi-uu-website-voi-mobile

Thiết kế phiên bản website thân thiện với di động

Cách tốt nhất đó là thiết kế phiên bản website thân thiện với mobile (Responsive Web Design). Thiết kế website thân thiên với di động cần đơn giản, đẹp mắt, không quá phức tạp, nhiều nội dung như ở desktop, có thể tự động thay đổi cách trình bày luôn phù hợp cho nhiều kích thước màn hình khác nhau, từ lớn (máy tính để bàn PC) đến nhỏ (iPAd hay smartphone). Người dùng không mất công căn chỉnh, phóng, trượt từ trái sang phải để xem hết nội dung của trang mà các nội dung vẫn đảm bảo hiện lên đầy đủ từ phần chữ (text) đến hình ảnh, kích thước video.

Ngoài ra, người dùng muốn màu sắc, phông nền và nội dung trên phiên bản di động giống với phiên bản desktop chứ không phải hai phiên bản thiết kế trái ngược nhau.

Tăng tốc độ tải trang

Bằng cách giảm số lượng các yêu cầu HTTP và tối ưu lại hình ảnh sẽ giúp tốc độ tải trang nhanh hơn rất nhiều. Bạn cải thiện tốc độ website trên mobile bằng một số cách sau:

  •  Dùng plugin hỗ trợ tối ưu website như: WP fastest cache, WP Total Cache, WP super cache, etc.
  • Hạn chế dùng quá nhiều plugin không cần thiết, làm chậm website
  • Xoá những bài viết, page, comment, hình ảnh, theme không dùng
  • Tối ưu hình ảnh website
  • Minify CSS, JS, javascript…
  • Và nhiều cách khác

Luôn nhớ nguyên tắc có thể chỉnh mọi thứ với một ngón tay

Đây là một trong những bí quyết quan trọng nhất để đánh giá xem website của bạn có thực sự thân thiện với người sử dụng điện thoại di động hay không. Phần lớn các thiết bị di động hiện nay có màn hình cảm ứng. Vì thế, những nút chuyển hướng, các nội dung lựa chọn trên thanh menu nên đủ lớn để có thể dùng ngón tay bấm chọn dễ dàng, thay vì khiến người dùng mất công phóng to, kéo trượt để chọn được trang đến tiếp theo.

“Hãy đảm bảm trang của bạn hoàn toàn có thể chuyển hướng với một ngón tay cái mà không cần những động tác ‘pinch’ (nhúm, vuốt hai ngón tay trên màn hình để thu nhỏ, phóng to)”, CEO công ty marketing Elite SEM Marc Weisinger cho biết.

Nội dung ngắn gọn nhưng thu hút

Nhiều người thường sa đà vào các bài viết, lời dẫn trên website để sản phẩm của mình thu hút mà không biết rằng màn hình của smartphone quá nhỏ để người dùng đọc hết những nội dung này. Vì vậy, hãy sử dụng ít từ ngữ. Bên cạnh đó, người dùng smartphone thường có thói quen trượt dọc bài để đọc lướt qua nội dung nên những câu chữ dài dòng có thể “phản chủ”, khiến toàn trang trông rối mắt, dàn trải và kém hấp dẫn.

Đặt thông tin liên lạc ở vị trí dễ nhận thấy

Số điện thoại hotline, địa chỉ và những thông tin liên lạc khác nên để ở vị trí dễ nhận thấy bởi người dùng thường tìm kiếm những thông tin này sau khi ưng ý một sản phẩm. Họ muốn biết hệ thống cửa hàng, giờ làm việc, số điện thoại đặt hàng, thậm chí cả gợi ý cửa hàng gần đây nhất.

Tối ưu kết quả địa phương

Những doanh nghiệp địa phương có địa chỉ rõ ràng sẽ được ưu tiên hơn khi có truy vấn tìm kiếm liên quan. Trong trình duyệt di động, danh sách địa chỉ doanh nghiệp sẽ được hiển thị ở giữa danh sách kết quả trả tiền và kết quả tự nhiên. Do đó, rất cần thiết khi doanh nghiệp của bạn được xuất hiện trong Google Map trên cả phiên bản mobile và desktop.

Đảm bảo các mẫu điền thông tin ngắn gọn

Hãy yêu cầu khách hàng điền ít thông tin nhất có thể nếu website của bạn tổng hợp được một số phần. Việc gõ chữ trên thiết bị di động không thoải mái như bàn phím máy tính. Chẳng hạn, nếu thiết bị di động thường cung cấp vị trí thì mẫu đăng ký thông tin có thể tự hoàn thiện các phần như quốc gia, tỉnh thành và người dùng không mất công gõ vào những ô này, trừ khi có thay đổi đặc biệt nào đó.

Tránh một số lỗi phổ biến

  • Chặn CSS, JavaScript và hình ảnh

Chặn CSS, JavaScript và hình ảnh bằng robots.txt sẽ làm Googlebot không thể thu thập dữ liệu. Tháng 11 năm 2014, Google chính thức thông báo rằng việc cản trở thu thập dữ liệu có thể ảnh hưởng đến thứ hạng website.

  • Lỗi điều hướng

Lỗi điều hướng xảy ra khi bạn có một trang di động riêng biệt (ví dụ m.example.com), người dùng lúc này sẽ được điều hướng đến phiên bản di động của từng trang.

Nếu người dùng muốn vào xem trang sản phẩm, thay vì chuyển người dùng tới trang sản phẩm (phiên bản di động), người dùng lại bị chuyển tới trang chủ (phiên bản di động). Điều này sẽ gây ra sự ức chế, mất thời gian bởi khách hàng lại phải tìm trang sản phẩm lại một lần nữa.