Mobile-Friendly & Responsive Design
Tóm tắt
Google dùng mobile-first indexing — nếu trang không thân thiện di động, bạn mất xếp hạng trên cả mobile lẫn desktop.
Giải thích đơn giản
Hơn 60% người dùng lướt web bằng điện thoại. Nếu trang web của bạn trên điện thoại chữ bé tí, nút bấm dính nhau, phải zoom liên tục — Google coi như bạn không chào đón khách.
Mobile-friendly nghĩa là trang web hiển thị và hoạt động tốt trên thiết bị di động. Responsive design dùng CSS media queries để tự động điều chỉnh layout theo kích thước màn hình. Từ 2019, Google chuyển sang mobile-first indexing — đánh giá phiên bản mobile của trang trước.
Các yếu tố mobile-friendly: viewport meta tag (width=device-width), font size đủ lớn (≥16px), tap targets đủ khoảng cách (≥48px), không dùng Flash, nội dung không bị ẩn trên mobile, và tốc độ tải nhanh trên 3G/4G.
Google cung cấp Mobile-Friendly Test tool (nay tích hợp trong Lighthouse) để kiểm tra. Trang không mobile-friendly bị giảm xếp hạng trên mobile search — chiếm hơn 60% tổng lượng tìm kiếm.
⚡Tại sao quan trọng
Hơn 60% traffic tìm kiếm đến từ mobile. Google dùng mobile-first indexing từ 2019 — phiên bản mobile là phiên bản chính thức. Trang không responsive mất xếp hạng trên cả mobile lẫn desktop. Bounce rate trên mobile tăng 123% nếu trang tải quá 10 giây.
🔍AiSEO kiểm tra thế nào
AiSEO kiểm tra viewport meta tag, font size tối thiểu, khoảng cách tap targets, content width vừa màn hình, không có horizontal scroll, và responsive images (srcset).
Điểm AiSEO
Đóng góp vào nhóm Technical (25đ tối đa). Mobile-friendly: tối đa 3đ — viewport tag: 1đ, responsive layout: 1đ, tap targets/font size: 1đ.
Độ khó sửa
Biên tập viên: Không áp dụng | Lập trình viên: Trung bình | AI Agent: Trung bình