Website lỗi hiển thị trên điện thoại thường do bốn nguyên nhân: giao diện cũ không co giãn theo màn hình, ảnh hoặc bảng đặt chiều rộng cố định, mã hoặc plugin chèn thêm bị xung đột, và bộ nhớ đệm còn giữ bản cũ.
Phần lớn anh/chị tự kiểm tra được bằng điện thoại và trình duyệt máy tính. Nếu cần người sửa, giá chỉnh sửa nhỏ tại Duy Anh Web từ 1.100.000đ, theo trang dịch vụ chỉnh sửa website.
Responsive (giao diện co giãn) nghĩa là trang web tự sắp lại bố cục theo độ rộng màn hình. Trên máy tính có thể hiện ba cột, trên điện thoại xếp thành một cột, chữ và nút đủ to để đọc, bấm bằng ngón tay. Web không responsive thì điện thoại chỉ thu nhỏ nguyên trang máy tính, khách phải phóng to mới đọc được.
Dấu hiệu website lỗi hiển thị trên điện thoại
Lỗi hiển thị trên điện thoại rất dễ nhận ra: khách mở web thấy chữ đè lên nhau, phải phóng to mới đọc được giá, nút gọi nằm tít dưới chân trang. Bảng dưới gom các lỗi hay gặp, nguyên nhân thường gặp và ai sửa được.
| Lỗi thấy trên điện thoại | Nguyên nhân thường gặp | Ai sửa được |
|---|---|---|
| Cả trang thu nhỏ, phải phóng to mới đọc được | Giao diện cũ không co giãn, thiếu khai báo khung nhìn (viewport) cho điện thoại | Người sửa web |
| Chữ đè lên nhau, tiêu đề bị cắt | Cỡ chữ, chiều cao khung đặt cứng theo màn hình máy tính | Người sửa web |
| Ảnh hoặc bảng tràn ra ngoài, phải kéo ngang | Ảnh, bảng, video đặt chiều rộng cố định | Anh/chị tự sửa nếu là ảnh trong bài; khối giao diện cần người sửa |
| Nút gọi, nút Zalo nằm tít dưới chân trang | Bố cục điện thoại chưa được sắp lại, nút liên hệ chỉ đặt ở cuối trang | Người sửa web |
| Menu không mở, bấm không ăn | Plugin hoặc mã chèn thêm xung đột | Người sửa web |
| Đã sửa mà điện thoại vẫn hiện bản cũ | Bộ nhớ đệm (cache) còn giữ bản cũ | Anh/chị tự xóa cache |
5 nguyên nhân thường gặp
Mỗi lỗi hiển thị trên điện thoại thường quy về một trong năm nguyên nhân dưới đây.
Giao diện cũ không co giãn theo màn hình
Nhiều web làm từ lâu dùng giao diện (theme) chỉ thiết kế cho máy tính. Trên điện thoại, trình duyệt thu nhỏ cả trang lại cho vừa. Đây là trường hợp web không responsive đúng nghĩa. Vá từng chỗ thường tốn công hơn làm lại phần giao diện.
Ảnh, bảng, video đặt chiều rộng cố định
Ảnh chèn với chiều rộng ghi cứng, rộng hơn màn hình điện thoại, sẽ đẩy cả trang tràn sang ngang. Bảng giá nhiều cột và video nhúng cũng vậy. Khách phải kéo ngang mới xem hết.
Mã chèn thêm hoặc plugin xung đột
Plugin là phần mở rộng cài thêm vào WordPress. Hai plugin cùng xử lý menu, hoặc một đoạn mã chèn vào đầu trang bị lỗi, có thể làm menu điện thoại không mở được. Lỗi hay xuất hiện ngay sau khi cập nhật.
Bộ nhớ đệm còn giữ bản cũ
Bộ nhớ đệm (cache) lưu sẵn một bản trang để mở nhanh hơn. Nếu không xóa sau khi sửa, điện thoại vẫn nhận bản cũ. Nhiều web lưu riêng một bản cache cho điện thoại, nên máy tính đã đúng mà điện thoại vẫn sai.
Bố cục điện thoại chưa ai chỉnh
Nếu người làm web chỉ dựng trên máy tính, phần bố cục điện thoại để mặc định: khoảng trống quá rộng, chữ tiêu đề quá to, nút liên hệ trôi xuống cuối trang.
Cách tự kiểm tra lỗi hiển thị trên điện thoại
Anh/chị không cần biết lập trình. Làm lần lượt các bước sau, ghi lại trang nào lỗi gì.
- Mở bằng ít nhất hai điện thoại khác nhau, một máy màn hình nhỏ và một máy màn hình lớn. Nên thử cả iPhone và Android.
- Xoay ngang rồi xoay dọc ở từng trang chính: trang chủ, trang sản phẩm hoặc dịch vụ, trang liên hệ. Ảnh tràn hay lộ ra khi xoay màn hình.
- Mở trong cửa sổ ẩn danh để loại trừ bản cũ còn lưu trong trình duyệt của chính anh/chị.
- Dùng chế độ thiết bị trên máy tính: mở web bằng Chrome, bấm F12, rồi bấm Ctrl + Shift + M. Chọn các mẫu điện thoại ở thanh trên cùng để xem nhanh nhiều cỡ màn hình.
- Bấm thử như khách thật: mở menu, bấm nút gọi, bấm Zalo, điền thử biểu mẫu. Nút quá nhỏ hoặc nằm sát nhau cũng là lỗi cần sửa.
- Chụp màn hình từng lỗi kèm tên điện thoại. Ảnh chụp giúp người sửa tìm đúng chỗ, báo giá sát hơn.
Nếu trang vừa lỗi hiển thị vừa mở chậm, anh/chị đọc thêm bài website chậm: nguyên nhân và cách tự kiểm tra. Hai lỗi này hay đi cùng nhau.
Việc anh/chị tự làm được
Một số lỗi hiển thị nhẹ anh/chị tự xử lý được trong trang quản trị WordPress. Trước khi làm, nên sao lưu web.
- Xóa bộ nhớ đệm: vào plugin cache đang dùng, xóa toàn bộ cache, rồi mở lại trên điện thoại bằng cửa sổ ẩn danh.
- Sửa ảnh trong bài viết: bấm vào ảnh, chọn lại cỡ ảnh nhỏ hơn hoặc bỏ chiều rộng ghi cứng, để ảnh tự co theo màn hình.
- Gọn bảng: bảng nhiều cột nên tách thành hai bảng nhỏ, hoặc chuyển thành danh sách gạch đầu dòng.
- Tắt thử plugin mới cài: nếu lỗi xuất hiện ngay sau khi cài hoặc cập nhật một plugin, tắt plugin đó rồi kiểm tra lại.
Nếu tắt plugin xong web hỏng thêm, hãy dừng lại và nhờ người xử lý.
Khi nào cần nhờ người sửa
Anh/chị nên nhờ người sửa khi lỗi nằm ở giao diện, menu hoặc bố cục chung của cả web, chứ không phải trong một bài viết. Cụ thể:
- Cả trang bị thu nhỏ trên điện thoại.
- Menu, nút gọi, nút Zalo không bấm được hoặc nằm sai chỗ.
- Đã xóa cache, tắt plugin mà lỗi vẫn còn.
- Web do đơn vị khác làm, anh/chị không biết giao diện dựng bằng gì.
Sửa giao diện mobile đúng cách cần chỉnh trong giao diện hoặc trình dựng trang. Sau đó phải kiểm tra lại trên nhiều cỡ màn hình mà không làm hỏng bản máy tính.
Quy trình sửa tại Duy Anh Web
Theo trang dịch vụ chỉnh sửa của Duy Anh Web:
- Anh/chị gửi link web. Trong 24 giờ nhận bảng liệt kê từng chỗ cần chỉnh kèm giá, miễn phí.
- Chúng tôi sao lưu web, sửa trên bản thử, rồi mới đưa lên trang chính vào giờ vắng khách.
- Anh/chị có 3 ngày làm việc để kiểm tra trên điện thoại của mình.
- Phần đã chỉnh được bảo hành 12 tháng.
Chúng tôi chỉ nhận web WordPress, kể cả web do đơn vị khác làm.
Chi phí sửa lại website
Chi phí sửa lại website phụ thuộc số chỗ lỗi và tình trạng giao diện. Mức tham khảo theo các trang dịch vụ của Duy Anh Web:
| Tình trạng | Hướng xử lý | Giá tham khảo |
|---|---|---|
| Lỗi vài chỗ: ảnh tràn, nút lệch, menu kẹt | Chỉnh sửa nhỏ | Từ 1.100.000đ, cao nhất dưới 10 triệu |
| Vừa lỗi hiển thị vừa mở chậm | Thêm tối ưu tốc độ toàn website | Từ 1.500.000đ |
| Giao diện quá cũ, không co giãn được | Làm mới bằng giao diện có sẵn | Từ 3.200.000đ |
| Muốn bố cục riêng theo thương hiệu | Làm mới theo yêu cầu | Từ 4.200.000đ |
Hai gói làm mới đã gồm tên miền .com, hosting năm đầu và bảo hành 12 tháng. Chi tiết từng gói có ở bảng giá thiết kế website và trang thiết kế website trọn gói.
Nên làm mới thay vì sửa khi danh sách lỗi dài, giao diện đã cũ, và tổng tiền sửa gần bằng giá làm mới. Bảng liệt kê miễn phí giúp anh/chị so hai phương án trước khi quyết định. Cách so chi tiết có trong bài sửa web cũ hay thiết kế lại website.
Tóm lại, website bị lỗi hiển thị trên điện thoại thường do giao diện không co giãn, ảnh và bảng đặt cứng chiều rộng, plugin xung đột hoặc cache cũ. Lỗi ở ảnh, cache anh/chị tự sửa được; lỗi ở giao diện, menu thì nên nhờ người.
Muốn xử lý dứt điểm lỗi hiển thị mà không làm gián đoạn việc bán hàng, anh/chị gửi link web qua trang sửa giao diện website hoặc gọi 0925 099 999 (T2–T7, 08:00–18:00) để nhận bảng liệt kê lỗi kèm giá trong 24 giờ, miễn phí.
❓ Câu hỏi thường gặp
Q: Vì sao web trên máy tính đẹp mà trên điện thoại bị vỡ?
Vì giao diện chỉ được dựng và kiểm tra trên màn hình máy tính. Phần bố cục cho điện thoại để mặc định, hoặc giao diện không co giãn, nên chữ, ảnh, nút không tự sắp lại theo màn hình nhỏ.
Q: Sửa giao diện mobile hết bao nhiêu tiền?
Chỉnh sửa nhỏ tại Duy Anh Web từ 1.100.000đ, cao nhất dưới 10 triệu. Anh/chị gửi link trước, trong 24 giờ nhận bảng liệt kê từng chỗ kèm giá, miễn phí, rồi mới quyết định có sửa hay không.
Q: Web không responsive có ảnh hưởng tới Google không?
Có. Theo tài liệu Google Search Central về lập chỉ mục ưu tiên thiết bị di động, Google chủ yếu dùng phiên bản trên điện thoại của trang để lập chỉ mục và xếp hạng. Trang khó đọc trên điện thoại cũng dễ làm khách thoát ra ngay.
Q: Web do đơn vị khác làm thì có sửa được không?
Được, nếu web làm bằng WordPress. Duy Anh Web nhận sửa cả web WordPress do đơn vị khác làm. Web code tay, Haravan hay nền tảng khác thì chúng tôi không nhận.
