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. :)
Hiếu cho a hỏi: Blog của a có nhúng file pdf nhưng khi xem trên di động thì không responsive được? Xem trên di động nó bị che mất 1 phần của file nên học sinh không đọc được hết. Có cách nào giúp a không? Có thể xem 1 bài viết này của a xem http://thaygiaongheo.net/de-thi-thu-mon-toan-trac-nghiem-2017-thpt-yen-lac-vinh-phuc-lan-3/
Cách tốt nhất là đổi plugin hỗ trợ nhúng file PDF khác. Tham khảo bài viết “Nhúng file PDF vào WordPress với plugin PDF Embedder” xem sao. :P
Công cụ báo một kiểu và Search báo một kiểu là như nào. Bác nào biết chỉ em với
Là sao bạn nhỉ? Bạn nói cụ thể hơn được không? :P
thông tin hữu ích xin cám ơn.
Chào Admin, không biết cách khắc phục trên thiết bị do động sao cho đơn giản nhất không?
Một là sử dụng plugins hỗ trợ tạo giao diện mobile. Hai là thay theme khác hỗ trợ responsive tốt hơn. Ba là design lại theme đang dùng. Ngoài ra không còn cách nào khác nữa cả. :P
Trước có dùng plugin nhưng chẳng biết làm sao í, vào ko hiển thị ảnh, menu thì bị dấu đi rất bực mình. Plugin nào mọi người hay dùng cho xin với ạ. Nếu được rất mong AD check giúp e cái web này luôn với http://thietbiphongquay.com
Nếu dùng plugin thì đó là điều bạn phải chấp nhận thôi. Họ design giao diện để phù hợp với nhu cầu của nhiều người, không tối ưu cho một cá nhân cụ thể. :P
Bạn cho hỏi minh có website: http://otosaigonvn.com/ giao diện điện thoại đã cài mà thi thoảng bài viết nội dung hình site lớn hơn là bị lỗi ko thu chuẩn là bị làm sao vậy? có sửa được không bạn.
blog cua minh hinh nhu la ok roi thi phai, cho minh y kin voi
http://containersdongnai.blogspot.com/
Google bảo ok thì là ok rồi bạn nhé. :D
tai sao minh da lam du moi cach nhu tren google chi dan, cung nhu tham khao y kien cua rat nhieu ban roi ma web cua minh http://containersdongnai.blogspot.com/ van chi dung o trang 5, 6 tren tim kiem google nhi, chi mot vai tu khoa la o trang 1, 2. mac du minh lam web nay cung gan 2 thang roi :(
Có phải cứ tối ưu cho thiết bị di động là được lên top đâu bạn. :D Vì đâu phải mỗi web của bạn mới tối ưu cho thiết bị di động? Nó còn phụ thuộc vào chất lượng nội dung, backlinks… và nhiều thứ khác. Hơn nữa, cái này chỉ ảnh hưởng đến tìm kiếm trên di động thôi. :P
minh cũng ko hiểu về web nhiều lắm, đây là web mình thuê ngừoi làm hộ. Mình chỉ biết là muốn vào mã nguồn HTML là phải vào bằng hosting,
Bạn thử liên hệ với người thiết kế xem họ có hỗ trợ tích hợp responsive cho giao diện không? :P
bạn nào biết về website loại như thế này ko??? chỉ cho mình xem có thể cài dao diện điện thoại cho website này được ko, và chi phí như thế nào??? cám ơn mọi người
http://fordthanglong.com.vn/
Web của bạn sử dụng mã nguồn gì vậy? Hay là HTML đơn thuần? :P
Bạn có thể đánh giá hộ mình trang websie của mình được không ? cải thiện để được GA
web của mình là trang houseart.vn khi mình đưa link vào nó bảo không thân thiện với thiết bị di động mong các bạn vào xem rồi cho mình cách khắc phục mình cảm ơn nhiều
Nếu web của bạn làm bằng WordPress thì bạn có thể cài thêm plugin để tạo giao diện mobile hoặc thay theme có khả năng responsive. Tuy nhiên, có vẻ web của bạn được code bằng html đơn thuần. Do đó bạn sẽ cần phải design hoàn toàn lại giao diện. Rất tiếc là không có cách nào khác cả. :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
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