Thiết kế web chuẩn seo

"Google Mobile Friendly Test là một công cụ được phát hành bởi chính Google dành cho các Webmaster. Bạn chỉ cần nhập địa chỉ Website vào và nhấn Analyze, Google Mobile Friendly Test sẽ phân tích và đưa ra các trợ giúp nếu Website của bạn chưa đạt chuẩn Mobile Friendly. Từ đó bạn có thể sử dụng các gợi ý từ chính Google để cải thiện mức độ thân thiện của Website với Mobile."

Google nói gì về phiên bản web trên Mobile

Vào ngày 21-04-2015 Google sẽ chính thức cập nhật thuật toán mới về việc xếp hạng các Website trên công cụ tìm kiếm của họ. Theo đó Độ thân thiện của Website với các thiết bị di động sẽ chính thức là một thông số mới để xếp hạng Website

Thông báo này được đưa ra vào cuối tháng 2-2015 trên Google Webmaster Central Blog với 2 ý chính:

  • Starting April 21, we will be expanding our use of mobile-friendliness as a ranking signal.
  • Dùng mức độ thân thiện của Website với các thiết bị di động là một chỉ số xếp hạng các kết quả tìm kiếm.
  • This change will affect mobile searches in all languages worldwide and will have a significant impact in our search results.
  • Thay đổi này sẽ hảnh hưởng đến toàn bộ các truy vấn tìm kiếm trên Mobile áp dụng với mọi ngôn ngữ.

Như vậy nếu không muốn truy cập tới Website từ mobie bị giảm nghiêm trọng, Website của bạn bắt buộc phải tương thích với hầu hết các thiết bị desktop, tablet và mobile bằng cách sử dụng giao diện hỗ trợ Responsive hoặc thiết kế các phiên bản riêng cho từng thiết bị nếu bạn đủ khả năng tài chính.

Để kiểm tra Website của bạn đã đạt chuẩn Mobile Friendly chưa bạn có thể sử dụng một trong ba công cụ sau:

1. Google’s Mobile Friendly Test

Google Mobile Friendly Test là một công cụ được phát hành bởi chính Google dành cho các Webmaster. Bạn chỉ cần nhập địa chỉ Website vào và nhấn Analyze, Google Mobile Friendly Test sẽ phân tích và đưa ra các trợ giúp nếu Website của bạn chưa đạt chuẩn Mobile Friendly. Từ đó bạn có thể sử dụng các gợi ý từ chính Google để cải thiện mức độ thân thiện của Website với Mobile.

Truy cập tại đây: https://www.google.com/webmasters/tools/mobile-friendly/

Các gợi ý chung dành cho Website của bạn sẽ là:

  • The content is wider than the screen – Nội dung Website rộng hơn màn hình: Để dễ hiểu tôi lấy ví dụ trình duyệt các bạn truy cập vào 1 Website trên máy tính. Nếu để full bạn sẽ chỉ cần kéo trỏ chuột hoặc sử dụng phím Page-down để kéo và xem nội dung theo chiều từ trên xuống dưới. Nhưng nếu bạn thu nhỏ cửa sổ trình duyệt, bạn sẽ phải kéo thêm từ trái qua phải mới xem hết nội dung. Và trên Mobile cũng vậy.The text too small – Chữ hiển thị quá nhỏ: Với lỗi này bạn cần phải Zoom màn hình để xem được nội dung chữ.

    The links too close together – Các liên kết hiển thị quá gần nhau: Trên các thiết bị di động, chỉ cần bạn chạm vào ngay lập tức liên kết đó sẽ được mở vì vậy bạn phải tối ưu các liên kết tránh việc người dùng bấm lẫn lộn và truy cập vào các liên kết không hợp lý.

    The mobile viewport isn’t set – Chưa thêm thẻ meta viewport cho Website: Đây là một thẻ Meta hỗ trợ các Website sẽ được thu phóng cho phù hợp với các loại màn hình (Responsive Design).

Nếu Ok bạn sẽ thấy Google báo như sau:

2. Kiểm tra Mobile Friendly với W3C mobileOK Checker

W3C – World Wide Web Consortium là hiệp hội đưa ra các tiêu chuẩn cho World Wide Web. Tuy W3C không phải là chuẩn quyết định mọi thứ diễn ra trên Internet nhưng W3C giúp bạn định hướng khi xây dựng Website. Website xây dựng theo chuẩn W3C sẽ theo 4 giai đoạn:

  • Phác thảo (Working Draft)
  • Chỉnh sửa cuối cùng (Last Call)
  • Trình chuẩn ( Proposed Recommendation)
  • Chuẩn đủ tư cách và ứng xử ( Candidate Recommendation)

Giống như Google Mobile Friendly Test, W3C mobileOK Checker sẽ phân tích và đưa ra các gợi ý để bạn tối ưu hóa Website thân thiện với các thiết bị di động

Google Mobile Friendly Test là một công cụ được phát hành bởi chính Google dành cho các Webmaster. Bạn chỉ cần nhập địa chỉ Website vào và nhấn Analyze, Google Mobile Friendly Test sẽ phân tích và đưa ra các trợ giúp nếu Website của bạn chưa đạt chuẩn Mobile Friendly. Từ đó bạn có thể sử dụng các
Thiết kế web bán hàng
Thiết kế web bán hàng
Giải pháp thiết kế website bán hàng online mang đến hiệu quả vượt bậc không ngờ cho doanh nghiệp của bạn! Một website được thiết kế tốt quan trọng như thế nào? Bạn không bao giờ có được cơ hội thứ hai để tạo ấn tượng đầu tiên với khách hàng của bạn
Thiết kế web doanh nghiệp
Thiết kế web doanh nghiệp
Chúng tôi dùng sức mạnh Internet làm thay đổi doanh nghiệp bạn bằng một trang web giới thiệu doanh nghiệp, công ty chuyên nghiệp, thiết kế đẹp nhưng vẫn đáp ứng được các tiêu chuẩn seo khắt khe w3c, HTML5, PageSpeed Insights, AMP. Hướng dẫn đào tạo marketing seo miễn phí cho doanh nghiệp
Thiết kế web du lịch
Thiết kế web du lịch
Làm sao để có một trang web du lịch lên top 1 google? Làm sao bạn có thể tìm kiếm khách hàng du lịch từ internet. Một thiết kế web du lịch cơ bản sẽ không đảm bảo cho bạn điều này. Phải thiết kế website du lịch chuẩn seo chuẩn w3c, HTML5, PageSpeed Insights, AMP, thân thiện với mobile
Thiết kế web nhà đất
Thiết kế web nhà đất
Một thiết kế website bđs cần những gì để seo lên top 1 google? Làm sao để thiết kế web bất động sản, web bán dự án, web đăng tin bán nhà bán đất mang lại hiệu quả. Thiết kế web chuẩn seo giới thiệu đến khách hàng một thiết kế web chuyên nghiệp theo chuẩn w3c, HTML5, PageSpeed Insights, AMP
Thiết kế web bán thời trang
Thiết kế web bán thời trang
Thiết kế website bán hàng thời trang, quần áo online chuyên nghiệp chuẩn seo thiết kế thân thiện với các thiết bị di dộng theo tiêu chuẩn html5, W3C PageSpeed Insights...Thiết kế phiên bản web AMP chuyên biệt của google tạo lợi thế khi quảng cáo và seo web lên top 1 google
Thiết kế web nha khoa bệnh viện
Thiết kế web nha khoa bệnh viện
Bạn đang có một phòng khám nha khoa, phòng khám đa khoa, bệnh viện...Làm sao bệnh nhân của bạn biết đến bạn? Thiết kế một trang web nha khoa, phòng khám cơ bản sẽ là chưa đủ. Trang web phải chuẩn seo tối ưu hóa theo chuẩn w3c, thân thiện với mobile , HTML5, PageSpeed Insights, phiên bản AMP
Thiết kế website studio
Thiết kế website studio
Bạn có một studio chụp ảnh cưới đẹp, dịch vụ và tay nghề của bạn chuyên nghiệp. Làm sao bạn có nhiều khách hàng hơn? Giải pháp thiết kế website studio cửa hàng chụp ảnh cưới chuyên nghiệp của thiết kế web chuẩn seo sẽ hỗ trợ bạn tìm kiếm khách hàng một cách hiệu qua nhất bằng dịch vụ trọn gói
Thiết kế website trường học
Thiết kế website trường học
Làm sao để học sinh biết đến học trường mầm non cơ sở giáo dục đào tạo trung tâm ngoại ngữ trung tâm tin học. Giải pháp thiết kế website trường đại học trường mầm non cơ sở giáo dục đào tạo của thiết kế web chuẩn seo với các tiêu chuẩn mới w3c, HTML5,AMP, thân thiện với mobile, PageSpeed Insights
Thiết kế website nhà hàng
Thiết kế website nhà hàng
Khách hàng biết đến nhà hàng, khách sạn, resort, quán ăn...của bạn bằng cách nào? Làm sao để bạn có nhiều khách hàng và thường xuyên hơn. Giải pháp thiết kế website nhà hàng khách sạn resort quán ăn chuyên nghiệp với các tiêu chuẩn mới nhất w3c, AMP, HTML5, PageSpeed Insights cực kì hiệu quả
Thiết kế website khách sạn
Thiết kế website khách sạn
Một website khách sạn cần có những gì? Giới thiệu thông tin hình ảnh phòng của khách sạn không là chưa đủ. Thiết kế website khách sạn chuyên nghiệp cần phải có tính năng cho khách đặt phòng trực tiếp trên web, tích hợp phần mềm quản lý phòng khách sạn chuyên nghiệp tự động cập nhật tình trạng phòng
Thiết kế web cá nhân
Thiết kế web cá nhân
Bạn đã có những thông tin cần thiết cho một website cá nhân? Website được thiết kế đẹp mang đúng phong cách của chủ nhân, màu sắc thiết kế hợp tuổi, hợp phong thủy với chủ nhân. Phần quản trị web đơn giản dễ sử dụng và đều được tích hợp video hướng dẫn cách dùng
Thiết kế web tin tức
Thiết kế web tin tức
Thiết kế web tin tức thật đơn giản nhưng làm sao để trang web được nhiều người biết đến? Một thiết kế web tin tức chuẩn seo, w3c, HTML5, PageSpeed Insights, AMP chuyên nghiệp vẫn là chưa đủ, web còn cần có các tính năng cần thiết chuyên biệt để hỗ trợ seo biên tập nội dung dễ hơn
Thiết kế web