AMP là gì? Những ưu điểm và nhược điểm của Accelerated Mobile Pages

I. Google AMP là gì?

II. Kỹ thuật trong Google AMP là gì?

• Kỹ thuật lazy loading image trì hoãn việc tải ảnh cho tới lúc người dùng thực sự cần. Cách này giảm lượng tài nguyên dư thừa trên website để tăng tốc độ tải trang.

• Kỹ thuật tải javascript bất đồng bộ async có thể chạy đoạn code và upload dữ liệu bên dưới mặc dù dữ liệu trên chưa được xử lý xong. Phương pháp này giảm thời gian chờ đợi trong lúc tải trang.

• Kỹ thuật CDN giúp truyền tải nội dung từ một nguồn tới người dùng nhanh chóng nhờ cơ chế cache.

III. AMP hiển thị trên Google Search thế nào?

• Trình xem AMP của Google là dạng mặc định được Google dùng để lưu trữ và phân phối nội dung tới người dùng điện thoại. Mục đích là để nâng cao trải nghiệm truy cập.

• Signed exchange cho phép trình duyệt trả về URL chính là đường link nội dung gốc.

IV. Sự ảnh hưởng của AMP tới SEO

• Tốc độ tải trang chậm.

• Lỗi font chữ.

• Layout lộn xộn, màu sắc không chuẩn.

V. Cách để kiểm tra Google AMP

1. Kiểm tra có phải trang AMP không?

• Bước 1: Truy cập vào Test AMP.

• Bước 2: Dán đường link của trang cần kiểm tra vào ô trống rồi nhấn “Kiểm tra URL”.

• Bước 3: Chờ khoảng vài phút sẽ có kết quả trả về, nếu trang hợp lệ thì sẽ hiện thông báo “Valid AMP page” có màu xanh lá cây.

2. Kiểm tra tốc độ tải trang

• Think with Google sẽ cho bạn biết tốc độ load trang trên điện thoại khi sử dụng 4G và 3G. Thường thì tốc độ tải trang trên 4G sẽ nhanh hơn trên 3G.

• Dotcom Monitor phân tích website một cách toàn diện dựa trên các thông số như thời gian tải trang, số lượng yêu cầu HTTP,... Công cụ còn cho phép bạn kiểm tra tốc độ tải trang trên nhiều trình duyệt khác nhau như Firefox, Chrome, Safari,…

• Google PageSpeed Insights có thể phân tích tốc độ tải trang trên cả điện thoại và máy tính. Ưu điểm của công cụ này là sẽ đưa ra những đề xuất giúp quản trị viên cải thiện tốc độ web.

VI. AMP plugin hoạt động như thế nào?

• Phải sử dụng CSS phiên bản Streamlined cho AMP.

• Muốn các Site AMP hoạt động, quản trị viên phải Validate đùng.

• AMP chỉ cho phép sử dụng thư viện JavaScript nhưng sẽ thường xuyên xảy ra tình trạng Lazy Load.

• Để trải nghiệm tốt hơn, bạn cần tải một số Font Custom riêng.

• Để tránh hiện tượng trang bị biến dạng, bạn cần điều chỉnh chiều dài và chiều rộng.

• Các trang AMP plugin không cho phép dùng Forms.

• Để cải thiện trang Mobile cần cải thiện tốc độ load trang và khả năng đọc.

• Hãy sử dụng Extension AMP Approved để trình chiếu video trên web.

• AMP HTML là tập con của HTML gồm các tag tùy chỉnh và properties nhưng vẫn còn nhiều hạn chế.

• AMP CDN sẽ đánh dấu Cache các trang được kích hợp APM, tạo một số tối ưu hóa hiệu suất.

• AMP JS là Framework JavaScript cho các trang trên thiết bị di động. Nhiệm vụ chính là quản lý Resource Handling, không đồng bộ loading. Tuy nhiên, APM không cho phép JavaScript.

VII. Các lợi ích của AMP

1. Nâng cao thứ hạng tìm kiếm trên SERP

2. Cải thiện hiệu suất của máy chủ

3. Tăng tốc độ tải trang của website trên điện thoại

Ngoài việc tối ưu tốc độ tải trang giúp cải thiện trải nghiệm người dùng thì thì việc điều hướng website cũng là một công việc mà các SEOer cần thực hiện. Hãy cùng tìm hiểu Navigation là gì và cách thức điều hướng của nó.

VIII. Những mặt hạn chế của AMP

1. Không làm tăng tương tác cho nội dung

2. Tốn nhiều thời gian phân tích của Google Analytics

3. Giảm lợi nhuận từ quảng cáo

AMP có hỗ trợ quảng cáo nhưng mức độ còn rất hạn chế. Vì ưu tiên hàng đầu của công cụ này là tối ưu thời gian tải trang. Thêm một lý do nữa là cũng không dễ dàng triển khai quảng cáo trên AMP nên làm lợi nhuận từ mảng này sụt giảm.

IX. Hướng dẫn cách tạo AMP cho Wordpress

• Bước 1: Truy cập vào Wordpress, vào mục “Wordpress Dashboard“ rồi chọn “Plugins” và ấn vào “Add New”.

• Bước 2: Gõ “AMP for WordPress” vào ô tìm kiếm.

• Bước 3: Tiếp đến là nhấn “Install” để cài đặt.

• Bước 4: Khi đã cài đặt xong thì chuyển tới tab “Appearance” rồi tới AMP. Trên trang AMP cho Wordpress cho sẽ có nhiều tùy chọn cho bạn chỉnh như “Tab Design” dùng cho text của site, background,...

X. Cách để mở trang web dạng AMP trên Chrome

• Bước 1: Truy cập vào Chrome và tải tiện ích AMP Browser Extension.

• Bước 2: Khi đã cài đặt xong thì bạn tìm kiếm thông tin như bình thường. Những trang có biểu tượng tia chớp xanh ở bên cạnh chính là web có hỗ trợ AMP.

• Bước 3: Khi truy cập vào website, giao diện hiển thị là của AMP. Phần nội dung sẽ được tải trước rồi mới tới hình ảnh và quảng cáo (nếu có).

• Bước 4: Muốn trở về giao diện mặc định bạn chỉ cần ấn vào biểu tượng AMP Browser Extension ở cuối thanh địa chỉ trình duyệt.