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í 15++ 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

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

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...

Core Web Vitals được đo lường như thế nào? Làm thế nào để bạn biết các bản sửa lỗi đã...

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. FreeLancer là gì? Người làm việc tự do, công việc tự do, triển khai dự án tự do, không vướng...
    20 giây trước
  2. Bạn đã có ý tưởng tuyệt vời cho một doanh nghiệp trực tuyến chưa? Nếu có, hãy bắt tay vào...
    14 giây trước
  3. Điều hướng hiệu quả là một trong những yếu tố hàng đầu quyết định một website có trải nghiệm người...
    4 giây trước
  4. Marketing Online  hiện nay đang thay đổi từng ngày bắt buộc những người làm marketing cũng phải thay đổi theo....
    17 giây trước
  5. Bạn đang muốn tăng lưu lượng truy cập trang web của bạn? Bạn đã "nỗ lực" nhưng vẫn không thành...
    7 giây trước
  6. WooCommerce Hooks là Gì? làm sao dùng Actions Hook và Filters Hook trong WordPress đó là những câu hỏi thường...
    27 giây trước
  7. GoDaddy là một trong những thương hiệu nổi tiếng trong thị trường miền và web-hosting. GoDaddy phổ biến vì những lý do...
    4 giây trước
  8. Như chúng ta đã biết Google đã DỌA ANH EM SEO: Sẽ update thuật toán vào tháng 5/2021. Tuy nhiên...
    25 giây trước
  9. Mỗi Blogger đều nghĩ đến việc có được uy tín cao từ các công cụ tìm kiếm cũng như khách...
    16 giây trước
  10. Như các bạn đã biết dofollow và nofollow là hai thuộc tính trong thẻ liên kết quan trọng, có liên...
    5 giây trước