Kiểm tra tính thân thiện với thiết bị di động của website.
Việc thiết bị di động (smartphone, tablet…) ngày càng trở nên phổ biến, kéo theo sự thay đổi thói quen duyệt web của người dùng (chuyển dần từ máy tính cá nhân sang các thiết bị di động cầm tay) đã khiến không chỉ các webmaster, designer mà ngay cả Google cũng phải chú trọng hơn tới vấn đề này. Cụ thể, ngoài PageSpeed Insights, Google vừa chính thức tung ra một công cụ khác giúp kiểm tra tính thân thiện với thiết bị di động của các website, đó chính là Mobile Friendly.
Tham khảo thêm:
Tại sao tính thân thiện với thiết bị di động lại quan trọng?
Theo Google, giờ đây, tính thân thiện với thiết bị di động không chỉ ảnh hưởng đến trải nghiệm người dùng mà còn ảnh hưởng trực tiếp đến kết quả tìm kiếm, hay nói cách khác là ảnh hưởng đến SEO. Cụ thể, trong một bài viết được đăng trên Webmaster Central Blog, Google đã khẳng định:
Đây có thể là một trải nghiệm khó chịu cho người dùng tìm kiếm trên thiết bị di động. Bắt đầu từ ngày hôm nay, để giúp mọi thứ trở nên dễ dàng hơn với người dùng trong việc tìm các thông tin mà họ cần, chúng tôi sẽ gắn thêm một nhãn “mobile-friendly” vào các kết quả tìm kiếm trên di động của chúng tôi.
Và nó sẽ trông như thế này:
Điều này đồng nghĩa với việc các trang web không thân thiện với thiết bị di động (không có khả năng responsive, không có giao diện dành riêng cho mobile,…) sẽ khó có cơ hội ngóc đầu trên bảng kết quả tìm kiếm của Google đối với thiết bị di đông. Vì vậy, để cải thiện khả năng SEO, ngay bây giờ, việc đầu tiên các bạn cần phải làm làm kiểm tra xem giao diện website của mình có thực sự thân thiện với thiết bị di động hay không?
Kiểm tra tính thân thiện với thiết bị di động cho website
Sử dụng công cụ của Google
1. Truy cập vào trang Mobile Friendly Test và nhập địa chỉ website của bạn. Click vào nút Phân tích để bắt đầu quá trình kiểm tra.
2. Chờ đợi trong giây lát để Google Bots phân tích và đưa ra kết quả.
- Nếu bạn nhận được kết quả như thế này thì xin chúc mừng, bạn không cần phải làm gì thêm cả:
- Còn nếu bạn nhận được cảnh báo từ Google rằng trang web của bạn chưa thân thiện với thiết bị di động, hãy đọc thật kỹ xem đó là lỗi gì và nhanh chóng tìm cách khắc phục nhé.
Sử dụng công cụ của Bing
Truy cập vào trang Mobile Friendliness Test Tool và nhập link website của bạn vào mục Enter a URL => click nút Analyze => chờ trong giây lát để quá trình hoàn tất.
Nếu bạn nhận được kết quả trông như hình bên dưới thì có nghĩa là website của bạn hoàn toàn thân thiện với thiết bị di động:
Thật đơn giản phải không nào?
Ngoài ra, các bạn cũng có thể truy cập vào mục Bắt đầu để tham khảo thêm các cách tối ưu giao diện dành cho thiết bị di động theo hướng dẫn của Google. Chúc các bạn thành công!
Nếu bạn thích bài viết này, hãy theo dõi blog của tôi để thường xuyên cập nhật những bài viết hay nhất, mới nhất nhé. Cảm ơn rất nhiều. :)
mình biết hiện tại WordPress rất tốt, nhưng mình sợ là bây giờ phá toàn bộ websit của mình đi để xây dựng lại thì nó mất nhiều thời gian. lên mình chỉ muốn cài thêm responsive thì tốt, để mình đỡ phải làm lại từ đầu
Nếu thế thì bạn ra Google và search với từ khóa “How to responsive website” nhé. Nói chung cái này nói nghe có vẻ đơn giản nhưng làm thì không đơn giản một chút nào đâu. Có khi còn phức tạp hơn cả việc tạo 1 trang mới bằng WordPress. Blog của mình có 1 bài viết giới thiệu themes dành cho các trang web bán xe ô tô đấy. Bạn có thể tìm và tham khảo. :-P
cám ơn bạn ( Trung Hiếu )…. Bạ có thể cho mình hỏi… Bây giờ mình muốn xây dựng tiếp để nó có responsive có được ko hả bạn????
fordthanglong.com.vn
Được nhưng sẽ rất vất vả để chỉnh sửa và thiết kế. Mình nghĩ bạn nên chuyển qua sử dụng nền tảng WordPress. WordPress có rất nhiều giao diện responsive cho bạn lựa chọn. :P
các bạn có thể đánh giá hộ mình trang websie của mình được ko, và nó cần bổ sung những gi để cải thiện về seo
fordthanglong.com.vn
Trang của bạn hình như không có khả năng responsive. Đây là một điều khá bất lợi và chắc chắn sẽ khiến nó mất điểm trước Google khi tìm kiếm trên nền tảng di động. :P
Hi anh Trung hiếu
website em dùng wordpress nhưng kiểm tra thì nó không tương thích với di động, anh có thể giúp cho em được không anh
site:http://vnpt-technology.net/
Trong WordPress, có 2 cách đơn giản để tạo 1 trang thân thiện với nền tảng di động:
1. Thay giao diện khác có khả năng responsive.
2. Tạo giao diện mobile riêng cho web. Tham khảo bài viết: https://wpcanban.com/wordpress/thu-thuat-wordpress/jetpack-plugin-tao-giao-dien-mobile-cho-blog-wordpress.html
P/s: Tham khảo thêm bài viết này: https://wpcanban.com/wordpress/wordpress-plugins/top-15-mobile-plugins-tot-nhat-cho-blog-wordpress.html
web của mình không khả dụng trên thiết bị di động mong a chị giúp e cách khắc phục
cảm ơn nhiều
Thứ nhất web bạn chữ quá nhỏ không đọc được tăng cỡ chữ lên, thứ 2 web không phải dạng responsive nên dùng jetpack mobile hoặc thiết kế theme mobile riêng, khi sử dụng điện thoại nội dung tràn ra ngoài khung.
Trang đó đâu phải làm bằng WordPress mà Jet với chả Pack. :D
hehe kiểm tra google thôi đâu có view mã nguồn đâu, cũng đưa ra những trường hợp khác nữa mà :D
các bạn có thể hướng dẫn chi tiết hơn giúp mình không mình cũng hok rành về mấy cái này lắm
cảm ơn nhiều
Mình không có thời gian để hướng dẫn cho từng cá nhân. Bạn chịu khó search Google nhé. :P
thiết kế 1 responsive như vậy.. thì cần làmResponsive … nhưng tới phần code bước thứ 3 người này viết ko hiểu cho lắm
http://www.tohaitrieu.net/tao-responsive-menu-cho-blogspot/
Nếu là Blogspot thì mình không thể giúp được gì thêm. Vì mình chỉ rành về WordPress thôi. :P Bạn nên comment vào dưới bài viết để được tác giả hỗ trợ nhé. :)
ồ vậy __ :(
@@! admin hỏi tí về cái responsive __
giống như http://seobymoz.com/ và http://www.terocket.com/ … cần những “code nào” vậy ak
@@ ko phải dân IT” =))
Mình không hiểu ý của bạn lắm. Rốt cuộc bạn muốn hỏi về vấn đề gì? Bạn muốn có giao diện giống như vậy? Mình vừa xem qua giao diện của bạn và thấy nó không có khả năng responsive. Bạn nên khắc phục ngay trước khi mất đi một lượng lớn khách truy cập từ Google trên điện thoại di động. :P
Cảm ơn bạn đã góp ý cho website của mình. Nhưng không biết website của mình không responsive chỗ nào nhỉ :)
Chưa responsive chỗ nào thì bạn thu hẹp cửa sổ trình duyệt web lại là thấy ngay mà. :P
Vậy bạn đã thử thu hẹp chưa :D
Vui lòng đọc kỹ bình luận nhé bạn. Mình đang nói trang Tài liệu miễn phí của bạn kia mà. :P
A men. Cứ nghĩ bạn đang nói website mình chưa responsive.
Còn vấn đề của bạn kia không cần thiết phải thu hẹp trình duyệt đâu. Blogspot có tính năng bật tương thích với thiết bị di động nên có thể thỏa mái sử dụng. Khi truy cập bằng di động nó sẽ tự load ra một giao diện hoàn toàn mới, không nhất thiết phải responsive đối với những website như vậy
Ủa. Vậy hả? Mình không dùng BlogSpot bao giờ nên không biết cái này. :P
web của mình chưa thân thiện với google trên di động làm thế nào để cải thiên điều này bạn có thể tư vấn cho mình được không.
Mình đã có xem qua và hình như web của bạn không làm bằng WordPress nên rất tiếc không thể tư vấn được gì hơn cho bạn. :)
search rồi toàn ra gì đâu.Thấy cái đó hiện lên đẹp
Muốn hiển thị như thế thì phải design css nhé. :P
(KLQ) H cho hỏi có cái plugin nào hiển thị số lần xem bài kiểu như trang bubua .net không
Ra Google search với từ khóa “post view plugin wordpress” là ra cả đống mà thím hai. :P
Website m bật litespeed là lỗi không thân thiện với di động
– Các phần tử có thể nhấp quá gần nhau
– Nội dung rộng hơn màn hình
M tắt litespeed thì hết
Bác hỗ trợ giúp m
Điều đó có nghĩa là tính năng tối ưu JS, CSS, HTML (Page Optimization) của plugin LiteSpeed đã làm lỗi website của bạn. Bạn phải tắt bật từng mục để kiểm tra xem tính năng nào gây lỗi.