Sửa lỗi trang không thân thiện với thiết bị di động cho WordPress

Sửa lỗi trang không thân thiện với thiết bị di động cho WordPress: Tính thân thiện trên Mobile hiện đang là tiêu chuẩn rất quan trọng trong Seo hiện tại, vì ngày nay các thiết bị thông minh đang phát triển như vũ bão nên yêu cầu tính thân thiện mobile của rất lớn.

Trong bài viết này, Blog thủ thuật máy tính f4vnn sẽ hướng dẫn bạn cách sửa lỗi trang không thân thiện với thiết bị di động cho WordPress, các bạn có thể tham khảo và áp dụng thử trên Blog WordPress của bạn.

Sửa lỗi trang không thân thiện với thiết bị di động cho WordPress

Khi bạn truy cập vào Blog WordPress của bạn trên điện thoại, bạn thấy tất cả đều rất bình thường nhưng khi bạn vào Google Search Console nó lại báo là trang không thân thiện với thiết bị di động trong đó có 2 lỗi là : Chữ quá nhỏ để đọc và Các phần tử có thể quá gần nhau.

1. Sửa chữ quá nhỏ để đọc và Các phần tử có thể quá gần nhau

Hiện tại việc thiết kế một giao diện chuẩn Seo thì các Coder Việt mình làm cực tốt nhưng nó sẽ pahỉ mất một khoản phí có thể nói là không nhiều nhưng cũng không phải ít. Như mình Blog của mình cũng là tự mình làm từ đầu đến cuối nhưng lúc đầu không biết gì toàn cóp nhặt trên mạng về lắp ráp vào cho mình.

Nên đôi khi cóp nhặt vào nó hoạt động nhưng nó lãi nảy ra các lỗi nhưng không biết nó nằm ở chỗ nào. Để sửa được 2 lỗi này thì có một số Plugin như WP Rocket, W3 Total Cache… có thể sửa được, tuy nhiên không phải lúc nào nó cũng có thể áp dụng cho tất cả các Web. Dưới đây là các bước mình đã tìm hiểu và áp dụng thành công, các bạn tham khảo nhé.

Bước 1: Chỉnh sửa file Robots:

Đây là một trong những sai lầm phổ biến nhất và cho đến nay mọi webmaster đều gặp phải lỗi này. Bạn đã dành nhiều thời gian để thiết kế ra một trang web đẹp, tương thích với mobile. Nhưng điều bạn không thể nhận ra là khi Googlebot thu thập dữ liệu, thì bị chặn tài nguyên CSS/JS & một khi web không có CSS sẽ trông như thế này:

Dưới đây là mẫu file Robost của mình các bạn tham khảo xem xem nhé.

User-agent: *
Disallow: /wp-admin/ 
Allow: /wp-admin/admin-ajax.php 
Disallow: /wp-content/plugins/
User-agent: Googlebot-Image
Allow: /wp-content/uploads/
User-agent: Googlebot-Mobile
Allow: /
Sitemap: https://f4vnn.com/sitemap_index.xml

Và nhớ là sau khi chỉnh sửa lại file Robots các bạn nhớ Submit lại với Google Bot nhé

Bước 2: Thêm một đoạn CSS ngắn

Tiếp theo đó là thêm một đoạn Css bổ sung cho giao diện trên mobile. Các bạn thêm vào Css bổ sung trong tùy biến Theme nhé.

@media (max-width: 991px){
.main-navigation .menu li {
margin: 10px 0px;
}
} 

Bước 3: Submit lại url

Sau khi bạn đã thực hiện các bước bên trên, bạn quay lại Submit lại Url trên Google Search console xem nó có sửa được lỗi chưa.

2. Kết luận

Thực sự mình cũng phải là Coder tìm trên mạng cũng rất nhiều người bị, câu trả lời thường là phải thuê coder để code lại Blog. Mình lang thang trên mạng trên diễn đàn nước ngoài thì mình tổng hợp lại và đã thành công. Hy vọng sửa lỗi trang không thân thiện với thiết bị di động cho WordPress này sẽ có ích với bạn. Chúc bạn thành công.