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 (smartphones, tablets…) 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 Insight, 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:
- Top 15 mobile plugins tốt nhất cho blog WordPress
- (Jetpack plugin) Tạo giao diện mobile cho blog WordPress
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 blog/ website của mình có thực sự “thân thiện” với thiết bị di động hay không?
Hướng dẫn kiểm tra tính thân thiện với thiết bị di động cho blog/ website
1. Truy cập vào trang Mobile Friendly Test và nhập địa chỉ blog/ 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é.
Ngoài ra, các bạn cũng có thể truy cập vào mục Bắt đầu (Get Started) và Tài liệu (Documentation) để tham khảo thêm các cách tối ưu giao diện dành cho thiết bị di động. Tuy nhiên, hiện tại các mục này chưa được Việt hóa (tất cả đều là tiếng Anh) nên các bạn chịu khó dịch nhé. Chúc các bạn thành công!
Nếu bạn thích bài viết này, hãy subscribe 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 qua email nhé. Cảm ơn rất nhiều. :)
(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.
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
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. :)
@@! 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
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 __ :(
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
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
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
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
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