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. Bạn là nhà văn, tác giả, nhà nghiên cứu, sinh viên, freelancer, blogger, quản lý phương tiện truyền thông xã...
    24 giây trước
  2. BTDVINA.COM là một trong những dự án thiết kế website được đội ngũ Lamvt triển khai. Là một trong những...
    16 giây trước
  3. Hàng năm, Google thường tung ra khá nhiều những thay đổi lớn và trong khi đó, số cập nhật lớn...
    14 giây trước
  4. Bạn đã bao giờ nhìn thấy dòng chữ “Unable to establish secure connection error’' trong WordPress chưa? Đó là một...
    30 giây trước
  5. Bạn có biết các yếu tố xếp hạng SEO sẽ tạo sự khác biệt cho doanh nghiệp của bạn trong...
    8 giây trước
  6. Bạn muốn bắt đầu xây dựng một Website Online của riêng mình? Đối với những ai không thuộc dân công...
    22 giây trước
  7. Tìm kiếm thông tin trên Internet là hình thức chủ yếu để mọi người tiếp cận thông tin hiện nay....
    16 giây trước
  8. Công cụ tìm kiếm là nguồn lưu lượng chính cho hầu hết các Website. Đó là lý do tại sao...
    30 giây trước
  9. Công cụ kiểm tra URL là gì? Cách sử dụng Công cụ kiểm tra URL cho website của bạn như...
    29 giây trước
  10. Khi bạn dùng WordPress dưới dạng CMS hoặc nền tảng blog, kết hợp với rất nhiều plugin tuyệt vời có...
    30 giây trước