Thiết bị di động đang ngày càng phổ biến. Nếu bạn không muốn bõ qua hơn 50% lượng truy cập do thiết bị di động mang lại thì bạn nên khiến trang web của bạn có giao diện di động. Hầu hết các cms mặc định tự động chuyển đổi giao diện. Nhưng nếu bạn tự thiết kế web, bạn cần làm như sau.
Trước hết, để kiểm tra trang web của bạn đã đạt yêu cầu chưa, bạn có thể vào https://www.google.com/webmasters/tools/mobile-friendly/. Nếu chưa được, bạn cần chỉnh sửa.
Viewport. Bạn cần thêm dòng:
vào giữa thẻ head của trang.
Width.
Khi xây dựng trang web di động, bạn nên để các div chạy theo hàng dọc, không nên nhét nhiều div vào chiều ngang. Phần body nên có thông số css width là 100%. Các div khác có thể nhỏ hơn đôi chút.
Font-size. Bạn nên đặt font-size theo đơn vị em. Đây là đơn vị tương đối được dùng phổ biến trên di động. Giá trị trung bình nên là 0.8 em.
Bảng, hình ảnh. Kích thước của bảng, hình ảnh không nên quá chiều rộng thiết bị. Nhưng nếu nhất định phải quá, hãy đặt thuộc tính cho chúng là overflow:scroll để người xem có thể kéo qua lại.
Menu.
Menu thường được tinh gọn thành 1 nút bấm nhỏ, khi bấm vào mới hiện menu ra. Tránh trường hợp menu che mất nội dung.
Nút bấm, link, input và những yếu tố “bấm được” khác nên có kích thước các chiều tối thiểu là 30px.
Chúc các bạn thành công.
Cách chuyển sang trang web thân thiện với thiết bị di động trong SEO
on 