Thiếu hẳn thẻ viewport
Trang cũ hoặc dựng tay quên khai viewport. Điện thoại render ở 980px rồi thu nhỏ toàn bộ.
<!-- không có <meta name="viewport"> trong <head> -->Bộ công cụSEO & AI
Kiểm tra thân thiện điện thoại: website hiển thị tốt trên mobile chưa?
Dán một địa chỉ — công cụ đọc mã nguồn để soi thẻ viewport, chặn phóng to, plugin cũ và ảnh quá khổ, thứ khiến trang vỡ trên điện thoại.
phiên bản 1.0.0
Chưa chạy
0%Điền địa chỉ bên trái rồi bấm Chạy công cụ.
Tóm tắt nhanh
Công cụ này là gì
Kiểm tra thân thiện điện thoại là công cụ đọc mã nguồn HTML của một trang để soi các dấu hiệu quyết định trang hiển thị tốt trên điện thoại hay không — thẻ viewport, việc chặn phóng to, plugin Flash cũ và ảnh khai chiều rộng cố định — rồi chấm trên thang 100.
- Công cụ chấm mức thân thiện điện thoại từ mã nguồn: thẻ viewport, có chặn phóng to không, còn Flash/applet không, và ảnh có khai chiều rộng cố định kiểu desktop không.
- Thẻ viewport chiếm 50/100 điểm — không có nó, điện thoại render trang ở bề ngang ~980px rồi thu nhỏ, chữ li ti; đây là yếu tố quyết định nhất.
- Google đã NGỪNG công cụ Mobile-Friendly Test từ 12/2023, chuyển sang Lighthouse — nên từ khoá này không còn tool chính chủ, đây là bản kiểm nhanh tiếng Việt.
- Đây là kiểm ở mức mã nguồn, KHÔNG render giao diện — đo được cấu hình, không đo được khoảng cách nút bấm hay tràn ngang thực tế; là điều kiện cần, chưa đủ.
Cập nhật: 09/2026
| Mục | Giá trị |
|---|---|
| Công cụ | Kiểm tra thân thiện điện thoại: website hiển thị tốt trên mobile chưa? |
| Nhóm | SEO & AI |
| Chi phí | Miễn phí |
| Cần tài khoản | Không |
| Lưu kết quả | Có, tối đa 60 phút trong bộ nhớ đệm |
| Nhà phát hành | MONA Media |
| Phiên bản | 1.0.0 |
| Cập nhật | 09/2026 |
| Nhập vào | Một địa chỉ website |
| Trả ra | Điểm 0–100 mức mã nguồn + cách sửa |
| Số request tới site của bạn | Đúng một (GET) |
| Mức kiểm | Mã nguồn HTML — không render CSS/JS |
| Chuẩn tham chiếu | Tài liệu Google, MDN, web.dev |
Cách hoạt động
Cách kiểm tra website có thân thiện điện thoại không
Công cụ chấm mức thân thiện điện thoại từ mã nguồn: thẻ viewport, có chặn phóng to không, còn Flash/applet không, và ảnh có khai chiều rộng cố định kiểu desktop không.
Chúng tôi tải đúng 1 đường dẫn
- / (đọc mã nguồn HTML)
Đúng một lượt GET. Công cụ đọc HTML tĩnh, không tải CSS/JS và không dựng giao diện.
- 1Bạn làm
Dán địa chỉ website
Trang nào cũng được. Thẻ viewport thường đặt chung cho cả site nên áp mọi trang, nhưng công cụ báo đúng mã nguồn của địa chỉ bạn nhập.
1
địa chỉ. Không cần cài gì.
- 2Chúng tôi làm
Đọc bốn nhóm dấu hiệu mobile
Công cụ đọc thẻ viewport (có width=device-width không), tham số phóng to, các thẻ Flash/applet, và thuộc tính width của mọi ảnh — bốn thứ đọc được từ HTML tĩnh.
4
nhóm, cộng lại đúng 100 điểm.
- 3Bạn nhận
Điểm, danh sách dấu hiệu và cách sửa
Điểm 0–100, từng dấu hiệu đạt/chưa, và thẻ sửa cho mỗi vấn đề — kèm lời nhắc đây là kiểm mức mã nguồn, nên mở thử trên điện thoại thật để chắc chắn.
100
thang điểm; điểm cộng mọi thẻ sửa khép đúng 100.
Khác biệt
Trung thực về giới hạn: đọc mã nguồn, không render giao diện
Google đã tắt Mobile-Friendly Test chính chủ từ tháng 12/2023. Các bản thay thế thường nhúng trang vào iframe cỡ điện thoại — mà nửa số site chặn nhúng, nên hiện ra trắng.
Công cụ này không nhúng iframe và không giả vờ render. Nó đọc mã nguồn HTML và soi bốn thứ quyết định nhất, tất cả đều đọc được mà không cần dựng giao diện: thẻ viewport, việc chặn phóng to, thẻ Flash/applet, và ảnh khai chiều rộng cố định.
Vì sao viewport đáng nửa số điểm. Không có <meta name="viewport">, điện thoại giả định trang rộng ~980px (khổ desktop) rồi thu cả trang lại cho vừa màn hình — chữ nhỏ xíu, mọi thứ phải phóng to mới đọc. Đây là một dòng markup, nhưng là dòng quyết định trang có dùng được trên điện thoại hay không.
Và nó nói thẳng cái nó không làm được. Khoảng cách giữa các nút bấm, cỡ chữ sau khi CSS dàn trang, nội dung tràn ngang thực tế — những thứ đó cần một trình duyệt render trang, mà công cụ này không có. Nên điểm cao ở đây là điều kiện cần, không phải bảo chứng; báo cáo luôn nhắc mở thử trên điện thoại thật.
Cách chấm điểm
Bốn nhóm, chia theo mức ảnh hưởng trên điện thoại
Trọng số là một khẳng định: thiếu viewport phá trải nghiệm mobile nhiều hơn hẳn một ảnh quá khổ, nên nó đáng nửa số điểm.
| Nhóm | Điểm | Vì sao |
|---|---|---|
| Viewport | 50 | Khai thẻ viewport (20) + dùng width=device-width (30). Không có thì trang hiện như bản desktop thu nhỏ. |
| Cho phép phóng to | 20 | Không chặn pinch-zoom. user-scalable=no hay maximum-scale thấp làm người mắt kém không phóng chữ được. |
| Không plugin cũ | 15 | Không Flash/Java applet — không trình duyệt điện thoại nào chạy được, chỗ đó thành khoảng trống. |
| Ảnh không quá khổ | 15 | Không có <img> khai width cố định >900px, thứ hay làm trang cuộn ngang trên điện thoại. |
Điểm cộng thẻ sửa khép đúng về 100. Mỗi nhóm giữ một phần điểm cố định, và một thẻ sửa hứa đúng phần điểm nhóm đó mất đi — nên điểm hiện tại cộng mọi thẻ sửa luôn bằng 100 khi các thẻ phủ hết vấn đề.
Hiểu nhầm thường gặp
Bốn điều tưởng đúng về web trên điện thoại
Đây là bốn nhầm lẫn hay khiến một trang vỡ trên điện thoại.
Bạn nghĩ
Thực tế
- “Web tôi mở trên điện thoại vẫn thấy, vậy là ổn.”
Thấy được khác với dùng được.
Không có viewport, điện thoại vẫn hiện trang — nhưng ở khổ desktop thu nhỏ, chữ li ti, phải phóng to và kéo ngang để đọc. 'Hiện ra' không phải là 'thân thiện điện thoại'.
- “Chặn phóng to cho giao diện gọn hơn cũng không sao.”
Đó là rào cản trợ năng.
user-scalable=no chặn người dùng phóng to bằng hai ngón — người mắt kém cần điều đó để đọc. Nó cũng bị Google và các bộ kiểm trợ năng đánh dấu là lỗi. Rất hiếm khi đáng đánh đổi.
- “Có bootstrap/theme responsive là chắc chắn mobile-friendly.”
Theme responsive vẫn hỏng nếu thiếu viewport.
CSS responsive chỉ hoạt động khi có thẻ viewport để trình duyệt biết bề ngang màn hình. Thiếu viewport, mọi media query đều tính theo 980px — theme responsive vẫn hiện như desktop.
- “Ảnh to thì trình duyệt tự thu nhỏ cho vừa.”
Chỉ khi CSS bảo nó làm thế.
Một <img width="1600"> không có CSS max-width sẽ giữ nguyên 1600px và đẩy cả trang rộng ra, sinh cuộn ngang. Cần max-width:100%; height:auto để ảnh co theo khung.
Thường gặp
Bốn lỗi mobile hay gặp, và dấu hiệu trong mã nguồn
Đều là thứ công cụ đọc trực tiếp từ HTML, không suy đoán.
viewport ghim bề ngang cố định
Khai width=1024 thay vì device-width — trang luôn rộng 1024px, tràn ngang trên mọi điện thoại.
<meta name="viewport" content="width=1024">Chặn phóng to
user-scalable=no khoá pinch-zoom — người mắt kém không phóng chữ lên được.
<meta name="viewport" content="width=device-width, user-scalable=no">Còn nhúng Flash
Video hoặc banner Flash sót lại — hiện khoảng trống trên mọi điện thoại vì không trình duyệt nào chạy.
<embed src="banner.swf" type="application/x-shockwave-flash">Ranh giới
Sau đây thì kiểm gì
Mỗi công cụ trả lời một câu hỏi khác nhau. Đây là câu hỏi kế tiếp, và vì sao nó là kế tiếp.
Muốn kiểm bản dựng render thật (không chỉ mã nguồn), đây là chỗ chạy PageSpeed Insights của Google với dữ liệu mobile.
Kiểm tra tốc độ & Core Web VitalsKhi công cụ báo ảnh quá khổ, đây là chỗ thu ảnh về đúng kích thước ngay trong trình duyệt.
Nén ảnh chuẩn SEOCùng nhóm sức khoẻ trang: thân thiện điện thoại là một yếu tố xếp hạng, còn index được hay không là điều kiện tiên quyết.
Kiểm tra khả năng index GoogleCùng đọc thẻ <img> trong trang, nhưng bên kia soi thuộc tính alt cho SEO/trợ năng, bên này soi kích thước cho mobile.
Kiểm tra alt ảnhHeader X-Frame-Options (bên kia chấm) chính là thứ khiến chiêu nhúng iframe để test mobile của các tool khác hiện ra trắng.
Kiểm tra header bảo mậtGiải pháp MONA
Muốn có người làm tới nơi?
Công cụ này miễn phí để bạn tự kiểm. Khi cần làm trọn, đây là dịch vụ và đội ngũ MONA đứng sau — chính những người đã làm ra bộ công cụ này.
Gấu Webmaster — AI quản trị web
Gấu Webmaster tự tối ưu SEO và nội dung web của bạn mỗi ngày.
Tìm hiểuCần tư vấn nhanh? Gọi 1900 636 648 — đội ngũ MONA tư vấn miễn phí.
Câu hỏi
Câu hỏi thường gặp
Còn câu hỏi khác?
Công cụ trả lời phần “website của tôi đang thế nào”. Phần “nên làm gì tiếp” là việc MONA Media làm cho khách hàng.
Nói chuyện với MONAHoặc gọi1900 636 648Công cụ này thực sự miễn phí chứ? Có phải đăng ký không?
Miễn phí và không cần tài khoản. Không có bước nhập email để xem kết quả đầy đủ. Chúng tôi làm bộ công cụ này vì chính mình cần dùng khi làm việc cho khách.
Các bạn có lưu địa chỉ tôi nhập không?
Không. Lượt chạy chỉ ghi tên công cụ, thời gian và kết quả — không có địa chỉ. Kết quả nằm trong bộ nhớ đệm một giờ, và chỉ trở thành link công khai khi bạn tự bấm nút chia sẻ.
Kết quả này có thay được Mobile-Friendly Test của Google không?
Thay một phần. Google đã ngừng công cụ đó từ 12/2023 và chuyển sang Lighthouse (render thật). Công cụ này kiểm nhanh ở mức mã nguồn — bắt được các lỗi cấu hình phổ biến nhất (thiếu viewport, chặn zoom, Flash) nhưng không render giao diện. Muốn kiểm bản dựng thật, dùng Lighthouse trong Chrome hoặc công cụ tốc độ Core Web Vitals.
Khác gì công cụ kiểm tra tốc độ website?
Công cụ tốc độ chạy PageSpeed Insights, đo thời gian tải và Core Web Vitals bằng dữ liệu render thật. Công cụ này chỉ hỏi một câu hẹp hơn, miễn phí và tức thì: mã nguồn có khai đúng để trang hiển thị được trên điện thoại không.
Vì sao không nhúng trang vào khung điện thoại cho tôi xem thử?
Vì phần lớn website chặn bị nhúng vào iframe (header X-Frame-Options / CSP), nên cách đó hiện ra trắng trên khoảng nửa số site — một kết quả sai trông như thật. Thà đọc mã nguồn và nói đúng cái đo được.
Điểm 100 nghĩa là trang chắc chắn đẹp trên điện thoại?
Không. 100 nghĩa là mã nguồn không có lỗi cấu hình mobile phổ biến nào — điều kiện cần. Bố cục cụ thể, khoảng cách nút, cỡ chữ sau dàn trang thì phải mở trên điện thoại thật mới thấy. Công cụ luôn nhắc điều này trong báo cáo.
Bao lâu nên kiểm lại?
Sau mỗi lần đổi theme, sửa header hoặc thêm thành phần nhúng (video, quảng cáo) — đó là lúc viewport và plugin hay bị đổi. Với site đang ổn định thì kiểm khi có thay đổi lớn là đủ.
Tóm tắt cho trợ lý AI
Kiểm tra thân thiện điện thoại (congcuseo.mona.media/kiem-tra-than-thien-dien-thoai) đọc mã nguồn HTML của một trang và chấm 0–100 trên bốn nhóm: viewport 50 (khai 20 + width=device-width 30), cho phép phóng to 20, không plugin cũ 15, ảnh không quá khổ 15 — kèm cách sửa từng lỗi. Google đã ngừng Mobile-Friendly Test từ 12/2023; đây là bản kiểm nhanh tiếng Việt. Là kiểm mức mã nguồn (không render giao diện), nên là điều kiện cần chứ chưa đủ. Một lượt GET, chỉ đọc. Miễn phí, không cần tài khoản. Cập nhật 09/2026.
Nguồn
- Google Search Central — Mobile Usability report & tools removed — đọc 2026-09-06
- MDN — Viewport meta tag — đọc 2026-09-06
- web.dev — Responsive web design basics — đọc 2026-09-06