AMP (Accelerated Mobile Pages)
Framework mã nguồn mở tối ưu hóa tốc độ tải trang di động, hiện ít được ưu tiên hơn so với các phương pháp hiện đại.
AMP (Accelerated Mobile Pages) là gì?
AMP (Accelerated Mobile Pages) là một framework mã nguồn mở do Google khởi xướng năm 2015, nhằm giúp các trang web tải nhanh hơn trên thiết bị di động. Nó hoạt động bằng cách giới hạn HTML, CSS và JavaScript — chỉ cho phép những thành phần tối thiểu cần thiết để hiển thị nội dung nhanh và ổn định. AMP không phải là một công nghệ riêng lẻ mà là một tập hợp các quy tắc kỹ thuật và thư viện hỗ trợ xây dựng trang 'siêu nhẹ'.
Tại sao quan trọng trong SEO?
Trong giai đoạn 2016–2020, AMP từng được Google ưu tiên hiển thị trong kết quả tìm kiếm di động — đặc biệt ở vị trí 'carousel tin tức nổi bật' (Top Stories). Khi đó, trang AMP có thể xuất hiện với biểu tượng chớp (⚡), tăng khả năng nhấp (CTR) và cải thiện trải nghiệm người dùng (UX). Tuy nhiên, từ tháng 6/2021, Google chính thức loại bỏ yêu cầu AMP đối với Top Stories và ngừng gắn nhãn AMP trong kết quả tìm kiếm. Hiện tại, tốc độ tải trang vẫn là yếu tố xếp hạng quan trọng, nhưng Google đánh giá dựa trên Core Web Vitals — không phụ thuộc vào việc bạn dùng AMP hay không.
Vì vậy, AMP không còn là yếu tố bắt buộc trong Technical SEO. Việc triển khai AMP chỉ còn phù hợp với một số trường hợp đặc thù: trang tin tức cập nhật liên tục, website có lượng truy cập di động rất cao và chưa tối ưu được hiệu suất bằng phương pháp khác.
Cách hoạt động
AMP hoạt động theo ba thành phần chính:
- AMP HTML: Một phiên bản đã được sửa đổi của HTML, loại bỏ các thẻ và thuộc tính gây chậm (ví dụ:
<script>tùy ý,onload,!importanttrong CSS). - AMP JS: Thư viện JavaScript quản lý tải tài nguyên không đồng bộ, đảm bảo bố cục không thay đổi khi nội dung tải (không gây CLS – Cumulative Layout Shift).
- AMP Cache: Máy chủ lưu trữ trung gian do Google (hoặc bên thứ ba) vận hành, tự động cache và tối ưu hóa trang AMP trước khi gửi đến người dùng.
Mỗi trang AMP phải tuân thủ nghiêm ngặt các quy tắc xác thực (validation). Nếu vi phạm, trang sẽ không được công nhận là 'AMP hợp lệ' và không xuất hiện trong các khu vực ưu tiên của Google Search.
Hướng dẫn thực hiện
Dưới đây là các bước triển khai AMP cơ bản cho trang tĩnh (ví dụ: bài viết blog):
- Tạo phiên bản AMP riêng: Viết lại trang dưới dạng AMP HTML — giữ nguyên URL gốc hoặc dùng URL con (ví dụ:
example.com/bai-viet/amp). - Thêm thẻ liên kết giữa phiên bản thường và AMP:
- Trên trang chuẩn:
<link rel="amphtml" href="https://example.com/bai-viet/amp"> - Trên trang AMP:
<link rel="canonical" href="https://example.com/bai-viet/">
- Trên trang chuẩn:
- Sử dụng đúng cấu trúc HTML: Bắt đầu bằng
<!doctype html>, khai báo<html ⚡>hoặc<html amp>, thêm thẻ<meta charset="utf-8">,<script async src="https://cdn.ampproject.org/v0.js"></script>. - Thay thế thẻ HTML thông thường bằng thành phần AMP: ví dụ
<img>→<amp-img>,<video>→<amp-video>. Tất cả ảnh và video đều bắt buộc có thuộc tínhwidthvàheight. - Không dùng CSS ngoài inline: CSS phải nằm trong thẻ
<style amp-custom>, giới hạn tối đa 75.000 byte, không cho phép selector dạng:hover,@import, hay!important. - Kiểm tra tính hợp lệ: Dùng trình kiểm tra AMP chính thức tại validator.ampproject.org hoặc thêm tham số
#development=1vào URL và kiểm tra console trình duyệt.
Lỗi thường gặp
Dưới đây là những lỗi phổ biến khi triển khai AMP và cách khắc phục:
| Lỗi | Nguồn gốc | Cách khắc phục |
|---|---|---|
| “Custom JavaScript is not allowed” | Dùng thẻ <script> không phải của AMP |
Loại bỏ toàn bộ script tùy chỉnh; thay bằng thành phần AMP tương ứng (ví dụ: <amp-analytics>) |
| “Missing mandatory tag 'html ⚡'” | Thiếu khai báo doctype hoặc thuộc tính ⚡ | Đảm bảo dòng đầu là <!doctype html> và thẻ <html> có thuộc tính ⚡ hoặc amp |
| “The attribute 'src' may not appear in tag 'amp-img'” | Dùng sai thuộc tính cho <amp-img> |
Thay src bằng srcset hoặc src + alt + width + height |
| “CSS syntax error” | CSS chứa @import, !important, hoặc selector không hỗ trợ |
Viết lại CSS inline, loại bỏ mọi cú pháp bị cấm, kiểm tra lại kích thước < 75KB |
Ví dụ thực tế
Báo điện tử VnExpress từng triển khai AMP cho hàng triệu bài viết tin tức từ năm 2016. Khi đó, thời gian tải trang giảm trung bình từ 4,2s xuống còn 0,7s trên mạng 3G, tỷ lệ thoát giảm 20%, và CTR từ Top Stories tăng 15–25%. Tuy nhiên, từ cuối năm 2021, họ dần chuyển sang tối ưu Core Web Vitals bằng cách nâng cấp CDN, áp dụng lazy loading thông minh, và giảm kích thước JavaScript — đồng thời gỡ bỏ phiên bản AMP trên hầu hết trang. Hiện tại, chỉ một số trang tin nóng (ví dụ: tường thuật trực tiếp bóng đá) vẫn duy trì AMP như giải pháp tạm thời.
Câu hỏi thường gặp
AMP có còn ảnh hưởng đến thứ hạng Google không?
Không. Từ tháng 6/2021, Google khẳng định AMP không còn là yếu tố xếp hạng. Thứ hạng hiện phụ thuộc vào trải nghiệm người dùng đo bằng Core Web Vitals (LCP, FID/INP, CLS), không phụ thuộc vào việc dùng AMP hay không.
Có nên loại bỏ AMP nếu đang dùng?
Nếu trang đã đạt điểm tốt ở Core Web Vitals (tất cả chỉ số đạt 'tốt' theo PageSpeed Insights), việc giữ AMP không mang lại lợi ích rõ ràng — ngược lại còn làm tăng độ phức tạp bảo trì và rủi ro lỗi đồng bộ. Trường hợp trang chưa đạt yêu cầu về tốc độ và không có nguồn lực tối ưu theo cách thông thường, AMP vẫn là lựa chọn tạm thời — nhưng nên xem xét như giải pháp ngắn hạn.
AMP có hỗ trợ quảng cáo và phân tích không?
Có, nhưng giới hạn. AMP hỗ trợ <amp-analytics> (cho Google Analytics 4 qua gtag hoặc amp-ga), và <amp-ad> cho một số mạng quảng cáo như Google Ad Manager, Mediavine… Tuy nhiên, nhiều tính năng nâng cao (ví dụ: A/B testing, remarketing phức tạp) không khả thi do hạn chế JavaScript.