Internet đã thay đổi vào tháng 2016 năm XNUMX. Trong tháng đó, lượng sử dụng web trên thiết bị di động lần đầu tiên đã vượt qua mức sử dụng web trên máy tính để bàn (mặc dù có những người cho rằng bước ngoặt xảy ra sớm hơn nhiều). Hơn XNUMX% thế hệ Millennials sử dụng điện thoại thông minh làm thiết bị của họ thiết bị chính để truy cập internet, nó đã được báo cáo và tỷ lệ đó có lẽ còn tăng cao hơn kể từ đó. Rõ ràng là nếu bạn có một trang web thì nó phải thân thiện với thiết bị di động.

Làm thế nào để đảm bảo trang web của bạn thân thiện với thiết bị di động - Blog Lorelei Web Design

Vào tháng 2015 năm XNUMX, Google tuyên bố sẽ coi tính thân thiện với thiết bị di động là một yếu tố trong kết quả xếp hạng trang web. Có hai ý kiến ​​khác nhau về cách đảm bảo bạn có một trang web thân thiện với thiết bị di động. Một trường phái tư tưởng là tạo một phiên bản di động riêng biệt cho trang web hiện tại của bạn. Quan điểm đối lập, được chấp nhận rộng rãi hơn không phải là tạo một trang web riêng biệt mà là điều chỉnh trang web hiện tại của bạn.

Việc điều chỉnh trang web hiện tại của bạn cho phù hợp với kỷ nguyên di động không phải là một quá trình tốn kém – bạn không cần phải huy động vốn hoặc giành được xổ số EuroMillions để có đủ khả năng chi trả cho việc chuyển đổi. Mặc dù vậy, sẽ là điều khôn ngoan nếu có một nhà phát triển lành nghề cùng tham gia để đảm bảo rằng bạn đang đi đúng hướng.

Điểm khởi đầu là bạn phải tuyển dụng thiết kế web đáp ứng (RWD) để đảm bảo khách truy cập có thể dễ dàng đọc và điều hướng trang web của bạn. Trang web đáp ứng là trang web tự điều chỉnh dựa trên thiết bị mà khách truy cập đang sử dụng.

Làm thế nào để đảm bảo trang web của bạn thân thiện với thiết bị di động - Blog Lorelei Web Design

Cỡ chữ. Khách truy cập vào trang web của bạn sẽ có thể đọc nội dung mà không cần phải phóng to. Hãy đảm bảo sử dụng các phông chữ tiêu chuẩn, thân thiện với người dùng được đặt để mức độ dễ đọc tối đa. Các nhà phát triển sẽ biết rằng việc định cấu hình chế độ xem cho các trang web của bạn sẽ đảm bảo rằng phông chữ được chia tỷ lệ phù hợp trên nhiều thiết bị khác nhau. Kích thước phông chữ cơ bản, theo khuyến nghị của Google, phải là 16 pixel CSS.

Hình ảnh. Hình ảnh phải có độ phân giải cao. Nếu bạn đặt chiều rộng ưa thích cho hình ảnh của mình trên trang web, chúng sẽ quá rộng để hiển thị trên thiết bị di động và do đó bạn nên đặt chiều rộng hình ảnh thành 100%.

Liên kết. Đặt các liên kết cách nhau đủ xa để người đọc không gặp khó khăn khi nhấp vào liên kết họ muốn. Điều tương tự cũng xảy ra với các nút có thể nhấp được.

Flash - không sử dụng nó. Hầu hết các trình duyệt web trên thiết bị di động không được định cấu hình để hiển thị phần mềm như Flash. Google khuyên bạn nên thiết kế trang web của mình, bao gồm nội dung và hoạt ảnh, sử dụng “công nghệ web hiện đại” dường như không bao gồm Flash.

Tối ưu hóa mã. Ngay cả khi bạn không có thời gian hoặc tiền bạc để xây dựng lại trang web của mình từ đầu cho kỷ nguyên di động, vẫn có một số chỉnh sửa nhất định có thể được thực hiện đối với mã hiện có để cải thiện trải nghiệm người dùng. Những chỉnh sửa này bao gồm nhưng không giới hạn ở việc điều chỉnh các thuộc tính đầu vào của biểu mẫu, sử dụng ngắt từ để đảm bảo khả năng đọc của văn bản dài như số tài khoản và URL, sử dụng cẩn thận các khoảng trắng thừa và tránh định vị cố định cho tiêu đề hoặc thanh bên.

Sau khi làm theo các bước được đề cập ở trên, bạn sẽ muốn kiểm tra xem trang web của mình có thực sự thân thiện với thiết bị di động hay không. Google cung cấp một cách đơn giản kiểm tra thân thiện với thiết bị di động có thể xác định mức độ dễ dàng mà khách truy cập có thể xem trang web trên thiết bị di động. Tất cả những gì bạn phải làm là liệt kê URL của mình và công cụ sẽ phân tích trang của bạn để kiểm tra tính tương thích của nó với thời đại internet di động.