Hướng dẫn kiểm tra Google AMP cho WordPress

2
162
Series Bài Viết : amp
Series Bài Viết : khắc phục lỗi amp

Nhiều bạn thắc mắc là sau khi cài đặt Plugin cho Google AMP thì làm thế nào để kiểm tra, có cần thông báo hay submit lên Google webmaster tools không? Website có tự tăng tốc thực sự trên thiết bị di động với AMP HTML không?

Xem thêm : Hướng dẫn cài đặt và cấu hình Google AMP cho WordPress từ A đến Z

check-googl-ampLàm thế nào để kiểm tra trang web cài đặt AMP ?

Hiện tại có rất nhiều cách để kiểm tra, mọi kết quả trả về sẽ tương tự như nhau. Nhưng bạn hãy chọn cho mình cách kiểm tra dễ và nhanh trong các cách mình sắp chia sẽ.

Browser Developer Console

Xác thực dựa vào thư viện AMP JS bằng cách mở trình duyệt web lên :

  1.  Mở trang AMP của bạn lên.
  2. Thêm “#development=1” vào liên kết. Ví dụ: https://locdang.com:8000/released.amp.html#development=1
  3. Bấm tổ hợp phím Ctrl-Shift-I hoặc vào “More Tools” và chọn “Developer Tools”
  4. Chọn tab “Console”.

Nếu có lỗi, sẽ hiện thống báo như hình dưới. Và không có lỗi thì sẽ không hiện thị lỗi.

validator_errors

Web Interface

Bạn có thể kiểm tra trực tiếp ngay trên validator.ampproject.org, 1 công cụ rất hiệu quả. Các lỗi sẽ dễ dàng tìm kiếm và khắc phục.

validator_web_ui

Browser Extension

Bạn có thể kiểm tra trực tiếp bằng cách Extension cho trình duyệt web của bạn. Extension này sẽ trả kết quả bằng các biểu tượng có màu như sau:

  • validator_icon_invalid: trang AMP bị lỗi.
  • validator_icon_valid: trang AMP không bị lỗi.
  • validator_icon_link: không phải trang AMP, nhưng bạn nhấn chuột vào thì sẽ tự động chuyển sang chế độ AMP. Nếu web có AMP thì sẽ hiện thì AMP và ngược lại

Link tải AMP Validator Extension cho Chrome và Opera.

Một số lỗi thường gặp và cách khặc phục

Vì Google AMP cũng là mới với mọi người. Mình thấy nhiều web vẫn chưa sử dụng Google AMP, bản thân mình cũng đã và đang chạy Google AMP thì thấy lỗi cũng khá nhiều. Mình sẽ tổng hợp các lỗi và fix tại đây. Nếu bạn có khả năng đọc tiếng anh thì tham khảo tài liệu của chính chủ tại đây nhé

Hướng dẫn kiểm tra Google AMP cho WordPress
Đánh giá bài viết !

Nếu yêu thích LocDang.Com thì hãy đăng ký theo dõi để nhận tin tức mới nhất và đừng quên Like và Follow mình trên Facebook Twitter nhé.
Để lại ý kiến nhận xét tại đây !!

Có 2 bình luận cho bài viết này

    • Xin chào, khách