Vì sao website không đạt chuẩn Mobile-Friendly

.success-message{ position: fixed; left: 20%; right: 20%; top: 30%; bottom: 30%; text-align: center;transition: all 1s ease-in-out;}
.success-message span{ text-align: center; display: inline-block; width: 100%; padding: 10px 0;
background: #ea1d28; color: white; border-radius: 4px;}
.new-contact-10751{margin:10px 0;}
.new-contact-10751 .div-new-contact{background-image:url(); background-color:#1999ce;background-size:cover;background-position:center;padding:20px;position:relative}
.new-contact-10751,.new-contact-10751 label{color:#000;}
.new-contact-10751 .new-contact-row{margin-bottom:10px;position:relative;}
.new-contact-10751 label{display:block;}
.new-contact-10751 input,.new-contact-10751 select,.new-contact-10751 textarea{width:100%;}
.new-contact-10751 input,.new-contact-10751 select,.new-contact-10751 textarea,.new-contact-10751 button{background-color:#fff;color:#000;padding:5px;margin:0;border:1px solid #ccc; font-family:arial;font-size:14px;}
.new-contact-10751 select{cursor:pointer;}
.new-contact-10751 textarea{height:150px;}
.new-contact-10751 button{cursor:pointer;padding:5px 10px;font-size:16px;background-color:#efaf2f;color:#ffffff;}
.new-contact-10751 .error{color:red;margin-top:10px;}
.new-contact-10751 .new-contact-field.error-value{border:1px solid red;}
.new-contact-10751 .field-error{visibility: hidden;position: absolute;width: 100%;background-color: #fff;color: red;text-align: center;padding: 10px 0;border-radius: 6px;z-index: 1;opacity: 0;bottom:40px;left:0;transition: opacity .6s;border:1px solid #ccc;}
.new-contact-10751 .field-error:after{content: “”;position: absolute;top: 100%;left: 50%;margin-left: -5px;border-width: 5px;border-style: solid;border-color: #ccc transparent transparent transparent;}
.new-contact-10751 .new-contact-row:hover .field-error{visibility:visible !important;opacity:1 !important;}
/*custom new contact css*/
.new-contact-10751 .div-new-contact{border-radius:8px;}
.btngradient {
color: #ffffff;
border: none;
background-color: #dd3333;
background-image: -webkit-linear-gradient(left, #dd3333 0%, #eeee22 50%,#dd3333 100%);
background-image: linear-gradient(to right, #dd3333 0%, #eeee22 50%,#dd3333 100%);
-webkit-transition: all .2s ease-in-out;
transition: all .2s ease-in-out;
background-size: 200% 100%;
}
.btngradient:hover {
color: #ffffff;
background-color: #eeee22;
border: none;
background-position: 100% 0;
}
.new-contact-10751 .div-new-contact {
width: 70%;
margin: 0 auto;
background-color: rgba(25, 153, 206, 0.7);
}

.new-contact-10751 textarea {
height: 70px;
}
.new-contact-10751 button {
font-size: 20px;
padding: 2px 4px;
}

‘);
setTimeout(function(){ jQuery(‘.success-message’).remove(); }, 3000);
jQuery(‘#new-contact-10751ct2F0PCkmX form’).trigger(“reset”);
ga(‘send’, ‘event’, ‘Xác nhận thông tin liên hệ dịch vụ SEO từ khóa!’, ‘Click’, url, ‘0’);
grecaptcha.reset(jQuery(‘#g-recaptcha-10751ct2F0PCkmX’).attr(‘data-widget-id’));
}
else
{
jQuery(‘#new-contact-10751ct2F0PCkmX .error’).html(‘Lỗi rồi! Bạn hãy xem lại mình có bỏ qua thông tin nào không?’);
jQuery(‘#new-contact-10751ct2F0PCkmX .error’).show(‘slow’);
grecaptcha.reset(jQuery(‘#g-recaptcha-10751ct2F0PCkmX’).attr(‘data-widget-id’));
}
});
}

}
else
{
jQuery(‘#new-contact-10751ct2F0PCkmX .error’).html(‘Vui lòng nhập đầy đủ thông tin!’);
jQuery(‘#new-contact-10751ct2F0PCkmX .error’).show(‘slow’);
}
});
});

Mobile-Friendly được xem là độ thân thiện của website với thiết bị di động. Google đã đưa ra công cụ cho bạn test Mobile-Friendly.

Sau khi kiểm tra, bạn sẽ nhận kết quả trang web đã đạt chuẩn Mobile-Friendly hay chưa? Nếu chưa vượt qua bài kiểm tra này, bạn cần hiểu lý do để có hướng khắc phục. Sau đây là những lý do khiến trang web không đạt chuẩn Mobile-Friendly do Google đưa ra.

Đâu là lý do khiến trang web không đạt chuẩn Mobile-Friendly?

Google đã bị File Robots.txt chặn quá nhiều

Khi có 1 tập tin JavaScript, file CSS bị chặn thì Google sẽ không thể tìm thấy các trang dành cho phiên bản di động. Trường hợp này thường xuất hiện ở các trang thiết kế theo công nghệ Responsive.

Trang tồn tại nội dung không được Googlebot hỗ trợ

Khi truy cập vào những nội dung không được Googlebot hỗ trợ, người dùng được nhận hiển thị thông báo lỗi. Điển hình là Video chạy bằng Flash.

Khi khách hàng bấm vào các đường dẫn được điều hướng về 1 trang duy nhất, thường là trang chủ sẽ khiến Google đánh giá không thân thiện. Đây là vấn đề thường gặp ở các website thiết kế riêng một URL cho di động.

Nghĩa là từ desktop, người dùng có thể truy cập bình thường nhưng khi chuyển qua chế độ di động thì link báo lỗi 404. Bạn thường gặp trường hợp này trên những website thiết kế web theo công nghệ Dynamic Serving.

Khi click chuyển hướng từ đường dẫn A sang đường dẫn B nhưng A, B không liên quan gì nhau. Ví dụ bạn click vào thời trang nữ thì ra đường dẫn thời trang nam…

Tốc độ tải trang chậm

Tốc độ tải trang luôn là vấn đề quan tâm hàng đầu. Website có thể gặp phải tình trạng chạy chậm vì phải xử lý cùng lúc nhiều thông tin khác. Hãy kiểm tra ngay tốc độ bằng công cụ Google PageSpeed Insights và cải thiện ngay bây giờ.

Chuyển đổi giữa giao diện desktop và Mobile không thành công

Khi tiến hành thiết kế website phiên bản Mobile, quản trị phải đặt thêm button chuyển hướng sang desktop và ngược lại. Và nếu không chú ý lập trình đủ thì nó không hiểu chuyến hướng đi đâu. Và Googlebot cũng không tự nhận diện được sự chuyển hướng này.

3 Công cụ test độ thân thiện của website

Công cụ Mobile Friendly Test

Mobile Friendly Test (MobileFriendlyTest.info)

Đây là công cụ hoạt động khá chính xác, dễ sử dụng  và được khuyên dùng nhiều nhất. Công cụ cung cấp cho bạn nhiều thông tin hữu ích như ảnh chụp màn hình từ di động, các chỉ số về tốc độ khi truy cập bằng di động… Ngoài ra, Mobile Friendly Test cho bạn những đề xuất chỉnh sửa để trang đạt chuẩn thân thiện.

Google’s Mobile Friendly Test

Công cụ này cho phép bạn biết Googlebot đọc gì trên trang của bạn, rất hữu ích cho cả SEO. Khi kiểm tra, bạn thấy kết quả màu xanh nghĩa là đạt chuẩn thân thiện di động, còn màu đỏ là không đạt.Trong trường hợp không đạt, công cụ sẽ cho biết lý do tại sao, giúp bạn tìm hướng khắc phục.

Mobile Friendly Checker (MobileFriendlyChecker.com)

Là công cụ cho phép kiểm tra tính thân thiện của website một cách trực quan và rất dễ sử dụng. Nó còn cho phép xem hiển thị của trang trên nhiều dòng thiết bị di động.

 

Hoc11.vn – Công ty SEO được đầu tư từ Singapore đầu tiên tại Việt Nam

 

Xem thêm:

5 lời khuyên giúp viết nội dung cho mobile tốt hơn

Mẹo chọn từ khoá giúp SEO Mobile hiệu quả cao

Vì sao SEO Mobile lại cần thiết cho doanh nghiệp?

Nguồn: https://gobranding.com.vn/vi-sao-website-khong-dat-chuan-mobile-friendly/

Trả lời

Email của bạn sẽ không được hiển thị công khai. Các trường bắt buộc được đánh dấu *