Bootstrap

Vũ Thành Lâm

Content - Code - SEO - MMO
17/10/1979
Tây Mỗ - Nam Từ Liêm - Hà Nội
thanhlam19792003

Lamvt – Vũ Thành Lâm – bắt đầu Code 2005 Freelancer từ 2006 với hàng ngàn dự án lớn nhỏ cho nước ngoài và hàng trăm dự án web cho Việt Nam.

SEO thành công rất nhiều dự án lớn, độ khó cao.
MOD (Moderator) và Admin (Administraror) của nhiều diễn đàn về SEO và CODE web MMO tại Việt Nam
Dạy Lập trình Thiết kế Web và SEO Miễn phí 17++ Năm (Từ 2006 đến Nay)

Làm sao để Validate trang web AMP?

5/5 - (11 bình chọn)

Sức mạnh chính của AMP không chỉ là nó làm cho trang web tải nhanh mà còn khiến các trang web tải nhanh theo tiêu chuẩn được validate. Theo cách này, các bên thứ ba như Twitter, Instagram hoặc công cụ tìm kiếm của Google có thể tìm thấy và hiển thị các trang web AMP tốt hơn.

Xem thêm: AMP HTML là gì?

Làm sao để Validate trang web AMP? google-amp-1024x585

Contents

Làm thế nào để kiểm tra trang web chuẩn AMP?

Có một số cách để kiểm tra một trang web AMP. Chúng sẽ tạo ra kết quả chính xác như nhau, do đó hãy sử dụng bất kỳ cách nào phù hợp với phong cách phát triển của bạn nhiều nhất.

Cửa sổ Console của trình duyệt

1. Mở trang AMP của bạn trong trình duyệt.

2. Thêm #development=1 vào sau URL của trình duyệt. Ví dụ: http://localhost:8000/released.amp.html#development=1.

3. Mở cửa sổ Console của trình duyệt và kiểm tra các lỗi validate.

Nếu có lỗi trình duyệt sẽ thông báo như sau:

Làm sao để Validate trang web AMP? validate_error

Giao diện web

Chúng ta có thể kiểm tra trang web AMP trực tiếp trên trình web tại địa chỉ validator.ampproject.org . Với giao diện này cho thấy các lỗi được hiển thị cùng với mã HTML của trang.

Làm sao để Validate trang web AMP? validate_web_interface

Tiện ích mở rộng trình duyệt

Validate một trang AMP có thể được truy cập trực tiếp từ thanh công cụ của trình duyệt bằng cách sử dụng tiện ích mở rộng của trình duyệt. Khi bạn đang mở trang, nó sẽ tự động validate mỗi lần bạn truy cập trang AMP và đưa ra một chỉ thị trực quan về tính hợp lệ của trang theo biểu tượng màu.

Khi có lỗi trong một trang AMP, biểu tượng tiện ích sẽ hiển thị màu đỏ Làm sao để Validate trang web AMP? validator_icon_invalid và hiển thị số lỗi gặp phải.

Làm sao để Validate trang web AMP? validator_icon_validKhi không có lỗi trong trang AMP, biểu tượng sẽ hiển thị màu xanh lá cây và hiển thị số cảnh báo( nếu có).

Làm sao để Validate trang web AMP? validator_icon_linkKhi trang không phải là AMP nhưng trang đó hỗ trợ phiên bản AMP, biểu tượng sẽ hiển thị màu xanh với liên kết và nhấp vào phần mở rộng sẽ chuyển hướng trình duyệt sang phiên bản AMP.

Tiện ích AMP Validator cho ChromeOpera.

Điều gì xảy ra nếu trang của tôi không hợp lệ?

Trình kiểm tra AMP không chỉ là sự tiện lợi cho bạn trong quá trình phát triển mà còn được sử dụng bởi các nền tảng như Twitter hoặc Google để tích hợp các trang AMP vào nội dung và kết quả tìm kiếm của họ. Họ thường không truy xuất trực tiếp các trang AMP từ server mà thông qua bộ nhớ Google AMP Cache do đó các trang AMP sẽ tải nhanh hơn.

Nếu dịch vụ validate AMP phát hiện có sự cố với trang của bạn thì trang đó sẽ được tìm thấy và phân phối bởi các trang web của bên thứ ba và sẽ không xuất hiện trong bộ nhớ Google AMP Cache. Do đó trang web của bạn sẽ không thân thiện với các công cụ tìm kiếm và tốc độ tải trang không nhanh. Đây là một điều tồi tệ, vì vậy hãy đảm bảo điều đó không xảy ra.

Làm thế nào để sửa lỗi Validate?

Hầu hết các lỗi validate đều dễ dàng xác định và khắc phục. Xét ví dụ sau:

Làm sao để Validate trang web AMP? html_tags

Lỗi validate hiển thị trong các công cụ khác nhau:

Làm sao để Validate trang web AMP? validate_error_infomation

Hầu hết công cụ sẽ hiển một số thông tin như sau:

1. Vị trí (dòng và cột) trong mã HTML nơi xảy ra lỗi, nhấp vào lỗi đó để làm nổi bật vị trí đó. Trong trường hợp này lỗi xảy ra ở dòng 11, cột 2.

2. Một dòng văn bản mô tả lỗi. Trong trường hợp này chỉ ra rằng chúng ta đang sử dụng thẻ <img>, chúng ta nên sử dụng thẻ <amp-img>.

3. Liên kết tới tài liệu liên quan về lỗi. Trong trường hợp này là tài liệu cho thẻ <amp-img>. Không phải tất cả các lỗi tạo liên kết đến tài liệu.

Xem thêm: Các lỗi validate AMP thường gặp

 

 

 

 

Tin mới nhất

Dù bạn dùng phiên bản WordPress với lưu lượng truy cập cao hay một blog nhỏ trên máy chủ chia...

VR PLUS (https://vrplus.vn/ ) Là một trong những dự án do Lamvt thực hiện trong thời gian gần đây. Như...

Trong một năm qua, chúng tôi đã xuất bản khoảng 79 bài viết SEO trên blog Ahrefs. Các bài viết...

Khám phá kĩ thuật viết nội dung SEO Nếu không có SEO, nội dung của bạn có thể bị chìm...

Các website về lĩnh vực làm đẹp cần phải có một thiết kế (design) hấp dẫn và bắt mắt. Điều...

Tin được yêu thích

Như đã nói, phần mềm chỉnh sửa video đang ngày càng chứng tỏ được tầm quan trọng của mình, nhất...

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 trang web giáo dục và các trang web của chính phủ có một lợi thế hơn trong bảng xếp...

Nội dung là một trong 3 tiêu chí quan trọng để google đánh giá thứ hạng tìm kiếm cho website...

Thẻ <span> </span> Thẻ <span> là thẻ khá đặc biệt trong HTML, theo mặc định thì thẻ <span> được thêm...

Khách đang xem

  1. Blender là chương trình đồ họa 3D mã nguồn mở và miễn phí. Nó hỗ trợ toàn bộ hệ thống...
    25 giây trước
  2. Backlink và content là yếu tố quyết định chính đến sự thành công của một dự án SEO. Đặc biệt,...
    21 giây trước
  3. Kiếm tiền trong khi bạn ngủ? Hay Thu nhập thụ động, Kiếm tiền online đây có phải là một ý tưởng...
    10 giây trước
  4. Bạn muốn trở thành một chuyên gia SEO? Trở thành một chuyên gia SEO có khó lắm không nhỉ? Việc chúng...
    1 giây trước
  5. Google Analytics là một công cụ hỗ trợ đắc lực trong SEO được Google cung cấp miễn phí, nó giúp...
    24 giây trước
  6. Cập nhật các xu hướng SEO 2018 mới nhất không chỉ là thói quen hàng ngày của nhân viên SEO...
    8 giây trước
  7. Thiết kế thi công nội thất là một ngành nghệ thuật đang được rất nhiều người quan tâm, dẫn đầu...
    17 giây trước
  8. Bạn có biết là khu vực quản trị Wordpress (Wordpress Admin) thường xuyên bị rình rập bởi bị tấn công...
    21 giây trước
  9. Joomla là một Hệ Quản Trị Nội Dung (CMS) mã nguồn mở nổi tiếng, cho phép bạn xây dựng website...
    30 giây trước
  10. Speed, Tốc độ load trang, Google Pagespeed Insights, Google Lighthouse đó là những cái tên đã khiến tốn khá nhiều...
    13 giây trước