AMP là gì? Hướng dẫn cài đặt Google AMP chi tiết trên WordPress

Hello tất cả mọi người quay trở lại với Blogs của mình, và chủ đề mình muốn đề cập đến hôm nay là tốc độ load website mà mọi người gọi là tốc độ ánh sáng. Thì thông tin mình muốn chia sẽ đó chính là AMP, vậy AMP là gì thì chắc còn quá nhiều bạn chưa biết đến AMP.

AMP là gì ?

Hay còn gọi là Accelerated Mobile Pages và được cộng đồng SEO Marketing Online gọi tắt là AMP. Và đây là một Plugin ( free open-source framework ) cho phép website của bạn loading nhanh như tốc độ ánh sáng. Google AMP dù được cài đặt trên website, nhưng về mặt thực tế thì AMP chỉ hiển thị duy nhất trên điện thoại.

Cơ chế của Google AMP

AMP không có gì mới mẽ cả, nó vẫn load được HTML, CSS, Js và cả Javascript nhưng với 1 quá trình tải nhanh hơn. Ví dụ như website kinh doanh ít mặt hàng, hoặc website dịch vụ không có quá nhiều data thì bạn không nhất thiết phải sử dụng. Nhưng nếu như website của bạn thuộc về mảng video, trang thương mại điện tử, Banner Designer…. Thì bạn sẽ xử lý như thế nào với các nội dung có dung lượng nặng như vậy, việc tối ưu chỉ làm giảm tải 1/10 tốc độ load trên Moblie mà thôi. Vì vậy sử dụng AMP cho website là sự lựa chọn hoàn toàn chính xác.

Tầm quan trọng của Google AMP ?

Nếu khách hàng vào website của bạn bằng thiết bị PC thì không có ảnh hưởng gì cả, nhưng việc khách hàng vào website của bạn bằng Moblie. Mà website của bạn quá nặng, việc chờ đợi đối với khách hàng là điều mà không thể chấp nhận được. Cho nên việc sử dụng AMP để tăng tốc độ tải trang 1 cách thần thánh, mang lại trải nghiệm tốt cho người dùng.

WP AMP Plugin

Ưu điểm và Nhược điểm của Google AMP ?

Ưu điểm AMP :

  • Tăng tốc độ tải trang trên thiết bị Moblie, Ipad, Tablet…
  • Mang tính ảnh hưởng rất lớn cho khách hàng truy cập trên Mobile
  • Nang cao hiệu suất của Server

Nhược điểm AMP :

  • Không hiện các banner, hoặc các chi tiết quảng cáo khác.
  • Cài đặt Google Analytics trên AMP rất mất thời gian
  • Doanh thu từ quảng cáo có thể bị giảm mạnh

Cài đặt Google AMP trên nền tảng WordPress ?

Bạn vào phần Plugin và cài mới Plugin, chọn Plugin AMP rồi cài đặt và kích hoạt chúng.

Giao diện chính WP AMP
  • Redirect Mobile Users – chuyển toàn bộ truy cập từ mobile sang phiên bản AMP
  • AMP Content Max-Width – độ rộng tối đa trên AMP
  • AMP Element Default Height – chiều cao mặc định cho các element
  • Post Types – Loại post sẽ được hiển thị AMP
  • Archives – chọn các loại Archives
  • Compatibility Mode
  • Hide Forms – Ẩn form
  • Hide Contact Forms – Ẩn contact form
  • Enable RTL

Tiếp theo là Setting

Analytrics

bạn có thể sử dụng chúng và không cần cài đặt cũng được.

TAG Google Analytrics

Appreance

cái này dùng để chỉnh sửa màu sắc, ( Page background, header background, text…. )

TAG Appreance

Template

Tab này thì cho phép bạn, thay đổi bố cục của trang AMP theo ý bạn, Hỗ trợ nhiều post type nhé: Post, Page, Search, Blog Page, Archives, 404 Page

TAG Template

Schema.org

Cái này sẽ cài đặt logo trên các trang AMP kể cả AMP Storie ( chỉ được ở định dạng jpg, png, gif thôi nhé)

TAG Schema.Org

Troubleshooting

Đây trang có 1 loạt câu hỏi lỗi thường gặp khi sử dụng WP AMP

TAG troubleshooting
TAG troubleshooting

System Status

Tab này sẽ hiển thị một số thông số của hệ thống như: Server Info, PHP version, WP version…

Ads Tab này chính là cứu cánh cho mấy bạn có đặt Ads, nhưng dùng AMP

Mặc định AMP sẽ không hiển thị Ads

Nhưng WP AMP có hỗ trợ những Ads Network sau:

TAG ADS
TAG ADS

Adsense, Doubleclick, và Other. Bạn sẽ tùy chỉnh được layout, kích cỡ

WooCommerce

Lại thêm 1 tính năng tuyệt vời nữa là hỗ trợ AMP cho WooCommerce

WooCommerce wp amp

Trong tab sẽ cho bạn chỉnh layout các trang như: Product Page, Shop Page, Product Archives, Cart, Add to Cart

Như vậy thì đã xong phần hướng dẫn, các bạn check thử xem Okie chưa nhé, cảm ơn mọi người.