Cách xác thực trang di động được tăng tốc (AMP)
Trong hướng dẫn AMP cuối cùng của chúng tôi, chúng tôi đã chỉ cho bạn cách áp dụng AMP (Trang di động được tăng tốc) để tăng tốc đáng kể cũng như hiển thị tốt hơn trong kết quả tìm kiếm di động của Google cho trang web của bạn trong môi trường di động.
Đã nhìn thấy AMPTiềm năng của tôi, tôi cho rằng bạn có thể đã bắt đầu hoặc có kế hoạch bắt đầu thay đổi trang web của mình để tuân thủ AMP. Cẩn thận làm theo các hướng dẫn trên Tài liệu và soạn CSS của bạn để định kiểu các trang AMP để phù hợp với khẩu vị trực quan của bạn.
Bây giờ, có một điều cuối cùng phải làm: xác nhận các trang đó.
Trình xác nhận AMP
Có một số cách để xác thực các trang AMP của bạn:
- Thêm vào
# phát triển = 1dấu vết ở cuối URL trang AMP. Báo cáo sẽ được chiếu trong Bảng điều khiển tab bên dưới DevTools. - Ngoài ra, bạn có thể sử dụng trình xác nhận AMP trực tuyến.
- Bạn cũng có thể sử dụng tiện ích mở rộng Chrome AMP.
Các công cụ này sẽ tạo ra một báo cáo liệt kê lỗi hoặc cảnh báo trong các trang. Dựa trên điều này, bạn có thể chọn cách khắc phục.
Xác nhận AMP chủ yếu chi phối việc sử dụng các yếu tố HTML, các S, và khai báo phong cách. Đảm bảo rằng những điều này trong trang đều tuân thủ AMP và không có gì vi phạm nguyên tắc AMP còn lại trong đó. Nếu không, trang AMP của bạn sẽ không xuất hiện ở bất cứ đâu.
Cấu trúc dữ liệu
AMP cũng yêu cầu cấu trúc dữ liệu Schema. Dữ liệu này được trình bày trong cái đầu thẻ của trang ở định dạng JSON. Nó chứa thông tin theo ngữ cảnh của trang bao gồm tiêu đề, logo và tên nhà xuất bản, ngày được xuất bản và sửa đổi, v.v..
Tùy thuộc vào mục đích của trang, dữ liệu cần bao gồm có thể khác nhau: Bài viết, Đánh giá, Công thức, Video, v.v. Bạn có thể tham khảo Tài liệu về loại dữ liệu của Google để biết chi tiết về loại dữ liệu.
Có một số dữ liệu cần thiết sẽ tạo ra lỗi nếu không được cung cấp; một vài loại dữ liệu khác là tùy chọn và sẽ chỉ đưa ra cảnh báo. Tuy nhiên, các loại lỗi này sẽ không xuất hiện trong trình xác nhận AMP đã nói ở trên.
Thay vào đó, chúng sẽ xuất hiện trong Công cụ kiểm tra dữ liệu có cấu trúc của Google cũng như trong tài khoản Google Webmaster của bạn.
Người tiêu dùng AMP hoặc khách hàng hỗ trợ AMP, chẳng hạn như Google Search và Twitter Moments, có thể sử dụng bộ dữ liệu này để trình bày nội dung AMP trong trang kết quả của họ.
Vì vậy, ngoài việc tuân theo các nguyên tắc AMP với các yếu tố HTML tùy chỉnh độc quyền của họ, dữ liệu Lược đồ được yêu cầu cũng phải được đặt đúng chỗ.
Lỗi bỏ qua
Hầu hết các lỗi được ghi chú trong Tài liệu một cách rõ ràng và có thể dễ dàng nhận ra trong nháy mắt. Tuy nhiên, một vài lỗi được bối cảnh hóa với các biến mà chúng ta có thể không nhận thấy như “Giá trị thuộc tính không hợp lệ”, mà nói "Thuộc tính '% 1' trong thẻ '% 2' được đặt thành giá trị không hợp lệ '% 3'.".
Báo cáo lỗi này không đề cập hoặc liệt kê chính xác giá trị nào không có hiệu lực . Nhưng những gì tôi biết là chúng ta không thể thiết lập chiều rộng và Chiều cao của 100% hoặc là Tự động. Các giá trị thuộc tính này phải là kích thước chính xác của hình ảnh để duy trì tỷ lệ hình ảnh.
Đây chỉ là một ví dụ. Có một số yếu tố tùy chỉnh - amp-img, amp-iframe, và quảng cáo amp - với các bộ quy tắc xác thực riêng của họ chống lại việc sử dụng một thuộc tính và giá trị của nó.
Điều này có thể làm cho việc xác thực Trang AMP trở thành một nhiệm vụ khó khăn, đặc biệt là nếu chúng ta tính đến hàng trăm hoặc (có lẽ) hàng ngàn nội dung kế thừa được xuất bản nhiều năm trước.
Suy nghĩ cuối cùng
AMP vẫn đang trong giai đoạn đầu. Đó là sự phát triển rất tích cực với những nỗ lực chung từ Google và cộng đồng phát triển web. Nhưng AMP chắc chắn sẽ phát triển. Tương tự như HTML5, có thể có các yếu tố, thuộc tính và một số thực tiễn sẽ không dùng nữa trong tương lai. Vì thế thỉnh thoảng hãy đảm bảo rằng các trang AMP của bạn được xác nhận liên tục dựa trên những thay đổi mới nhất của hướng dẫn.
