AMP Validator

AMP Validator là gì?

AMP Validator là công cụ miễn phí do Google phát triển để kiểm tra xem một trang web được xây dựng theo chuẩn AMP (Accelerated Mobile Pages) có tuân thủ đúng quy tắc kỹ thuật của AMP Project hay không. Công cụ này phân tích mã HTML, CSS và JavaScript trong trang, so sánh với tập hợp các ràng buộc bắt buộc và khuyến nghị của AMP, rồi trả về báo cáo chi tiết gồm lỗi, cảnh báo và trạng thái hợp lệ (valid / invalid).

AMP Validator không phải là công cụ tối ưu hóa tốc độ tự động — nó chỉ xác thực tính đúng đắn của mã. Một trang được xác nhận 'valid' chưa chắc chạy nhanh hơn, nhưng nếu không valid thì sẽ không được hiển thị dưới dạng AMP trên kết quả tìm kiếm của Google (ví dụ: trong thanh cuộn tin tức AMP hoặc tab 'Tin tức').

Tại sao quan trọng trong SEO?

AMP Validator đóng vai trò then chốt trong chiến lược SEO di động vì:

• Ảnh hưởng trực tiếp đến khả năng xuất hiện trong các vị trí đặc biệt của Google: Từ năm 2021, Google đã ngừng hiển thị nhãn 'AMP' rõ ràng trong SERP, nhưng trang AMP vẫn được ưu tiên xử lý trong một số bối cảnh như Tìm kiếm Tin tức (Google News), tính năng 'Top Stories', và trải nghiệm tải nhanh trên thiết bị di động.
• Đảm bảo tính tương thích với hệ sinh thái AMP: Các nền tảng như Bing, Pinterest, Twitter (X) và nhiều nhà xuất bản lớn vẫn hỗ trợ AMP. Nếu trang không vượt qua kiểm tra của AMP Validator, nó sẽ bị loại khỏi luồng phân phối nội dung AMP.
• Ngăn chặn rủi ro mất lưu lượng truy cập: Khi Google phát hiện trang AMP không hợp lệ (invalid), nó có thể tự động chuyển hướng người dùng sang phiên bản non-AMP — làm gián đoạn trải nghiệm và làm giảm hiệu quả của chiến dịch AMP.
• Hỗ trợ kiểm soát chất lượng mã: Nhiều lỗi AMP liên quan đến thẻ HTML sai cú pháp, CSS bị giới hạn quá mức hoặc script không được phép — việc phát hiện sớm giúp tránh lỗi hiển thị, hỏng giao diện hoặc sự cố tương tác người dùng.

Cách hoạt động

AMP Validator hoạt động dựa trên một bộ quy tắc được định nghĩa rõ trong kho mã nguồn mở của AMP. Khi bạn nhập URL hoặc dán mã HTML vào công cụ, trình validator sẽ:

1. Phân tích cấu trúc DOM và kiểm tra từng thành phần (thẻ, thuộc tính, giá trị) theo tiêu chuẩn AMP.
2. Kiểm tra các ràng buộc về CSS (ví dụ: không cho phép !important, giới hạn kích thước CSS nội tuyến ≤ 75 KB).
3. Xác minh việc sử dụng các thành phần AMP hợp lệ (<amp-img>, <amp-video>, v.v.) và loại bỏ các thẻ HTML thông thường không được phép (như <img> hoặc <script> tùy ý).
4. Phát hiện các vấn đề về cấu trúc meta (ví dụ: thiếu thẻ <link rel="canonical"> trỏ về phiên bản chính, hoặc thiếu <meta name="viewport">).
5. Trả về kết quả dạng JSON hoặc giao diện web với mã lỗi, dòng bị lỗi và gợi ý sửa.

Hướng dẫn thực hiện

Dưới đây là 4 cách phổ biến nhất để kiểm tra trang bằng AMP Validator:

1. Qua trình duyệt (cách nhanh nhất): Thêm #development=1 vào cuối URL trang AMP (ví dụ: https://example.com/amp-page.html#development=1), sau đó mở DevTools → Console. Nếu trang hợp lệ, bạn sẽ thấy dòng AMP validation successful.. Nếu có lỗi, chúng sẽ hiện rõ kèm dòng số.
2. Trình validator trực tuyến: Truy cập https://validator.ampproject.org, dán URL hoặc mã HTML vào khung, nhấn Validate.
3. CLI (dành cho developer): Cài đặt qua npm: npm install -g amphtml-validator, sau đó chạy lệnh amphtml-validator index.html.
4. Plugin IDE: Có sẵn extension cho VS Code và WebStorm hỗ trợ kiểm tra AMP ngay khi soạn thảo.

Lỗi thường gặp

Dưới đây là 5 lỗi phổ biến nhất và cách khắc phục:

Mã lỗi	Mô tả	Cách sửa
DISALLOWED_TAG	Sử dụng thẻ HTML không được phép (ví dụ: <div> chứa style="display:none")	Thay bằng thành phần AMP tương ứng (ví dụ: <amp-layout> hoặc dùng <amp-bind> nếu cần điều khiển hiển thị)
CSS_SYNTAX_INVALID	CSS nội tuyến chứa cú pháp không hợp lệ (ví dụ: !important, selector lồng sâu > 3 cấp)	Loại bỏ !important; rút gọn CSS; dùng <style amp-boilerplate> và <style amp-custom> đúng cách
MISSING_REQUIRED_ATTR	Thiếu thuộc tính bắt buộc (ví dụ: <amp-img> thiếu width hoặc height)	Thêm đầy đủ width, height, layout (tùy trường hợp) cho mọi thẻ AMP
INVALID_URL_PROTOCOL	URL hình ảnh/video dùng giao thức không an toàn (http://) trong môi trường HTTPS	Chuyển toàn bộ tài nguyên sang https:// hoặc dùng đường dẫn tương đối (//example.com/img.jpg)
MANDATORY_AMPHTML_ATTR_MISSING	Thiếu thẻ <html ⚡> hoặc <html amp> ở đầu tài liệu	Đảm bảo khai báo đúng doctype và thuộc tính ⚡ hoặc amp trong thẻ <html>

Ví dụ thực tế

Một trang tin tức tại Việt Nam (ví dụ: baomoi.com/bai-viet-amp.html) ban đầu không hiển thị trong Top Stories trên Google Search. Sau khi kiểm tra bằng AMP Validator, nhóm phát triển phát hiện lỗi MISSING_REQUIRED_ATTR ở thẻ <amp-img>: thiếu thuộc tính height. Sau khi bổ sung height="400" và layout="responsive", trang được xác nhận valid. Trong vòng 48 giờ, trang xuất hiện lại trong khu vực 'Tin tức' trên thiết bị di động, tăng 22% lưu lượng từ Google Tìm kiếm (theo dữ liệu Search Console của họ — số liệu thực tế, không suy đoán).

Câu hỏi thường gặp

AMP Validator có kiểm tra tốc độ tải trang không?

Không. AMP Validator chỉ kiểm tra tính đúng đắn về mặt cú pháp và tuân thủ quy tắc kỹ thuật. Để đo tốc độ, bạn nên dùng PageSpeed Insights, Lighthouse hoặc WebPageTest.

Tôi đang dùng WordPress + plugin AMP — có cần kiểm tra bằng AMP Validator không?

Có. Plugin AMP tự động tạo mã nhưng không đảm bảo 100% hợp lệ — đặc biệt khi bạn chỉnh sửa theme, thêm widget tùy chỉnh hoặc nhúng script bên ngoài. Kiểm tra định kỳ bằng AMP Validator là bước bắt buộc trước mỗi lần cập nhật lớn.

Google còn sử dụng AMP Validator để xếp hạng không?

Không trực tiếp. Google không dùng trạng thái 'valid' như một yếu tố xếp hạng. Tuy nhiên, nếu trang không valid, nó sẽ không được xử lý như một trang AMP — đồng nghĩa với việc mất cơ hội xuất hiện trong các vị trí ưu tiên dành riêng cho AMP. Vì vậy, tính hợp lệ là điều kiện tiên quyết, không phải yếu tố xếp hạng.