Accelerated Mobile Pages (AMP)
Framework mã nguồn mở của Google giúp tạo trang web di động tải cực nhanh thông qua HTML, CSS và JavaScript được tối ưu hóa.
Accelerated Mobile Pages (AMP) là gì?
Accelerated Mobile Pages (AMP) là một framework mã nguồn mở do Google khởi xướng năm 2015, giúp xây dựng trang web di động tải cực nhanh nhờ giới hạn và tối ưu hóa HTML, CSS và JavaScript. AMP không phải là một nền tảng riêng biệt mà là một tập hợp các quy tắc kỹ thuật nhằm đảm bảo hiệu năng cao trên thiết bị di động — đặc biệt khi người dùng truy cập qua kết nối chậm hoặc mạng di động không ổn định.
Trang AMP được xác định bằng thẻ <html ⚡> hoặc <html amp>, kèm theo liên kết ngược (canonical link) trỏ về phiên bản chuẩn của trang. Google lưu trữ bản sao AMP trong bộ nhớ đệm của mình (Google AMP Cache), từ đó phục vụ nội dung gần như tức thì khi người dùng nhấn vào kết quả tìm kiếm.
Tại sao quan trọng trong SEO?
AMP không phải yếu tố xếp hạng trực tiếp của Google (theo xác nhận chính thức từ Google năm 2021), nhưng lại ảnh hưởng gián tiếp mạnh đến thứ hạng thông qua trải nghiệm người dùng — một trong những tín hiệu xếp hạng chính của Core Web Vitals và Search Console.
Cụ thể, trang AMP thường đạt điểm LCP (Largest Contentful Paint) dưới 1s, CLS (Cumulative Layout Shift) gần bằng 0 và FID (First Input Delay) rất thấp — ba chỉ số này đều nằm trong nhóm Core Web Vitals. Khi người dùng thoát khỏi trang nhanh (bounce rate cao) do tải chậm, thuật toán sẽ giảm độ tin cậy của trang đó. Ngược lại, trang AMP giúp giữ chân người dùng lâu hơn, tăng thời gian tương tác và tỷ lệ chuyển đổi — điều kiện thuận lợi để cải thiện vị trí trên kết quả tìm kiếm.
Đặc biệt với các trang tin tức, blog và thương mại điện tử có lượng truy cập di động chiếm trên 60%, AMP còn giúp xuất hiện trong thanh cuộn "Top Stories" trên Google Tìm Kiếm (tính năng đã ngừng hỗ trợ ở một số khu vực từ 2021, nhưng vẫn hoạt động tại Việt Nam cho nội dung tin tức chất lượng cao).
Cách hoạt động
AMP hoạt động dựa trên ba thành phần chính:
- AMP HTML: Phiên bản HTML được sửa đổi — loại bỏ các thẻ không cần thiết (như
<script>tùy ý), yêu cầu sử dụng thẻ tùy chỉnh (<amp-img>,<amp-video>) và bắt buộc khai báo chiều rộng/chiều cao cho mọi phần tử hiển thị. - AMP JS: Thư viện JavaScript tối ưu hóa việc tải tài nguyên không đồng bộ, ngăn chặn render-blocking và kiểm soát chặt chẽ thứ tự hiển thị nội dung.
- Google AMP Cache: Hệ thống phân phối nội dung (CDN) tự động lưu bản sao trang AMP, nén hình ảnh, tiền tải tài nguyên và áp dụng các kỹ thuật như preconnect và prefetch.
Mỗi trang AMP phải có liên kết canonical tới phiên bản chuẩn (non-AMP) và ngược lại — đảm bảo Google hiểu mối quan hệ giữa hai phiên bản và không coi đây là nội dung trùng lặp.
Hướng dẫn thực hiện
Triển khai AMP đúng cách gồm 4 bước cơ bản:
- Tạo phiên bản AMP riêng: Dùng file HTML riêng (ví dụ:
example.com/bai-viet/amp/hoặc tham số?amp=1), tuân thủ đầy đủ quy tắc AMP HTML. - Thêm thẻ bắt buộc: Bao gồm
<html ⚡>hoặc<html amp>, thẻ<meta charset="utf-8">,<meta name="viewport" content="width=device-width,minimum-scale=1,initial-scale=1">, và liên kết<link rel="canonical" href="https://example.com/bai-viet/">. - Thay thế thẻ truyền thống bằng thành phần AMP: Dùng
<amp-img>thay<img>,<amp-analytics>thay Google Analytics,<amp-form>cho biểu mẫu — tất cả đều phải khai báo thuộc tínhwidthvàheight. - Kiểm tra và xác minh: Sử dụng Google Search Console > AMP Report hoặc trình duyệt ở chế độ
https://example.com/your-page/amp/#development=1để kiểm tra lỗi.
Lỗi thường gặp
Dưới đây là 4 lỗi phổ biến nhất khi triển khai AMP và cách xử lý:
| Lỗi | Nguồn gốc | Cách khắc phục |
|---|---|---|
| “Custom JavaScript not allowed” | Dùng thẻ <script> ngoài thư viện AMP hoặc inline script |
Loại bỏ toàn bộ script tùy chỉnh; thay bằng <amp-bind>, <amp-state> hoặc tích hợp qua <amp-script> (chỉ hỗ trợ trong môi trường sandbox và giới hạn kích thước 150KB) |
| “Missing mandatory tag 'amp-ad' or 'amp-embed'” | Quảng cáo không dùng thành phần AMP | Thay <script async src="..."></script> bằng <amp-ad width="300" height="250" type="google" data-ad-client="ca-pub-xxx" data-ad-slot="xxx"></amp-ad> |
| “Image missing 'width' or 'height' | Bỏ qua thuộc tính bắt buộc cho <amp-img> |
Luôn khai báo rõ width và height; nếu ảnh responsive, dùng layout="responsive" và đảm bảo tỷ lệ khung hình chính xác |
| “Canonical link mismatch” | Liên kết canonical trên trang AMP không trỏ đúng phiên bản chuẩn, hoặc ngược lại | Kiểm tra cả hai hướng: trang AMP → trang chuẩn (rel="canonical"), và trang chuẩn → trang AMP (rel="amphtml") |
Ví dụ thực tế
Tạp chí VnExpress triển khai AMP cho toàn bộ bài viết tin tức từ năm 2016. Kết quả đo được sau 6 tháng: thời gian tải trung bình giảm từ 4,2s xuống còn 0,87s trên mạng 3G; tỷ lệ thoát giảm 31%; thời gian đọc trung bình tăng 2,3 lần. Google Search Console ghi nhận lượt hiển thị trong mục "Top Stories" tăng 40% so với trước khi triển khai.
Một ví dụ khác là website bán hàng Shopee Blog: sau khi chuyển 100 bài hướng dẫn sang định dạng AMP, traffic từ tìm kiếm di động tăng 22% trong vòng 3 tháng — chủ yếu nhờ cải thiện điểm Core Web Vitals từ "đỏ" lên "xanh lá".
Câu hỏi thường gặp
AMP có còn được Google hỗ trợ không?
Có. Google vẫn hỗ trợ AMP về mặt kỹ thuật và duy trì Google AMP Cache. Tuy nhiên, từ tháng 6/2021, Google ngừng hiển thị nhãn "AMP" trong kết quả tìm kiếm và không còn ưu tiên hiển thị trang AMP trong Top Stories ở một số quốc gia. Tại Việt Nam, tính năng này vẫn hoạt động với điều kiện nội dung đáp ứng tiêu chuẩn chất lượng và tốc độ.
Có nên triển khai AMP cho toàn bộ website?
Không bắt buộc. AMP phù hợp nhất với trang nội dung tĩnh (tin tức, blog, danh mục sản phẩm đơn giản). Với website có nhiều tương tác phức tạp (đăng nhập, giỏ hàng, form dài), việc tuân thủ ràng buộc của AMP gây khó khăn và dễ làm giảm trải nghiệm. Trong trường hợp này, tối ưu Core Web Vitals bằng phương pháp thông thường (lazy load, image compression, server-side rendering) thường hiệu quả và linh hoạt hơn.
AMP ảnh hưởng đến quảng cáo như thế nào?
AMP hỗ trợ quảng cáo nhưng giới hạn định dạng và nhà cung cấp. Chỉ các network như Google AdSense, Amazon A9, Criteo và một số đối tác được Google phê duyệt mới hoạt động ổn định. Quảng cáo phải được tải không đồng bộ và không được phép can thiệp vào layout — điều này giúp giữ chỉ số CLS thấp, nhưng cũng khiến một số chiến dịch remarketing hoặc tracking nâng cao không khả thi. Tùy trường hợp, cần kiểm thử A/B giữa phiên bản AMP và non-AMP để đánh giá hiệu quả doanh thu.