Hướng dẫn cài đặt Google AMP cho WordPress

74% người dùng mobile sẽ thoát khỏi trang web nếu nó mất hơn 5 giây để tải trang.

50% tất cả truy vấn đến từ thiết bị mobile

Không nghi ngờ gì càng nhiều người đang chuyển sang sử dụng mobile để lướt web. Và họ mong muốn trang web của bạn tải nhanh hơn. Tốt nhất là dưới 1 giây

Nếu bạn muốn cải thiện tốc độ trải trang trên thiết bị, Google AMP chính là giải pháp của bạn.

Vậy Google AMP là gì? Làm thế nào bạn cài đặt Google AMP cho trang web của bạn?

Bài viết này sẽ trả lời tất cả câu hỏi cho bạn.

Google AMP là gì

huong-dan-cai-dat-google-amp-1

Google AMP viết tắt của cụm từ Google Accelerated Mobile Pages. Đây là một dự án hợp tác giữa Google và Twitter bắt đầu từ tháng 10, 2015. Mục đích dự án đem đến trải nghiệm tốt hơn cho người sử dụng bằng việc tăng tốc độ tải trang web trên các thiết bị mobile.

Bạn đã biết hầu hết các trang web hiện nay đã tối ưu hiển thị cho thiết mobile. Vậy Google AMP có gì khác?

Google AMP khác biệt ở 2 điểm:

Thứ nhất, tốc độ tải trang của Goolge AMP nhanh hơn gấp 4 lần so với các trang web thông thường. 

Từ kết quả trên PenguiWP, bạn có thể nhận thấy tốc độ tải trang, PageSpeed Score và kích thước trang web đều tốt hơn hẳn so với phiên bản thông thường.

huong-dan-cai-dat-google-amp-2

Thứ hai, Google AMP có cách truyền tải và hiển thị nội dung khác hẳn trang web thông thường.

Theo dự án, Google AMP hoạt động dựa trên 3 thành phần:

  • AMP HTML: là HTML với một giới hạn để đạt hiệu suất ổn định và có một vài phần mở rộng để tạo rich content vượt ngoài giới hạn của HTML căn bản.
  • AMP JS: một framework javascript giúp tăng tốc độ phản hồi trang AMP HTML nhờ cơ chế tải bất đồng bộ
  • Google AMP Cache: một mạng CDN (content delivery network) tạo cache và tăng tốc độ truyền tải nội dung.

Nói đơn giản, khi bạn tích hợp Google AMP vào website, một phiên bản rút gọn của trang với tốc độ tải nhanh hơn sẽ hiển thị phục vụ người sử dụng trên mobile.

Lợi ích của Google AMP

Như bạn đã thấy lợi ích lớn nhất khi cài đặt Google AMP cho webstie chính là tốc độ tải trang. Tốc độ tải trang nhanh hơn đem đến cho người sử dụng trải nghiệm tốt hơn.

Mặc dù Google chưa chính thức coi AMP là một yếu tố xếp hạng trực tiếp. Nhưng như bạn đã biết Google luôn trao thưởng cho trang tối ưu mobile và tốc độ tải tốt. Do vậy tích hợp AMP vào trang web giúp bạn có lợi thế hơn so với các trang không có AMP.

Vậy tích hợp Google AMP vào website WordPress có khó hơn?

Thực chất, quá trình cài đặt cũng rất đơn giản.

Chúng ta sẽ xem xét quá trình tích hợp Google AMP vào WordPress:

Cài đặt Google AMP

Automatic công ty quản lý WordPress, có một plugin giúp bạn tích hợp AMP vào website. Bạn chỉ cần cài đặt plugin và không cần cấu hình thêm.

Ngay sau khi cài đặt, bạn có thể truy cập phiên bản amp của post bằng gắn thêm “/amp”

https://wordpress.org/plugins/amp/

Trang web thông thường

cai-dat-goolge-amp-2

Phiên bản AMP

Một cách khảo bạn có thể kiểm tra của bạn đã pass AMP validate hay chưa bằng cách sử dụng công cụ chính thức của Google.

huong-dan-cai-dat-google-amp-3

Plugin AMP của Automattic chỉ là plugin cài đặt và có phần cấu hình tùy chỉnh thêm cho AMP. 

Nếu bạn muốn tùy biến thêm AMP, bạn có thể tham khảo một vài plugin khác dưới đây:

Một vài plugin tùy biến AMP

Custom AMP

huong-dan-cai-dat-google-amp-4

Plugin này cung cấp thêm nhiều lựa chọn dựa trên plugin AMP chính thức. Do vậy, bạn cần cài đặt plugin chính thức đề cập ở trên.

Ngay sau khi cài đặt, click vào Custom AMP Panel, bạn sẽ có vài tùy biến sau:

  • Bổ sung logo và metadata logo
  • Cho phép hiển thị ảnh đại diện cho bài post hay không
  • Cho phép hiển thị phần comment hay không
  • Cho phép AMP áp dụng với Woocommerce hay không
  • Thiết lập độ rộng mong muốn cho trang AMP
  • Cài đặt Google Analytics
  • Bổ sung CSS và HTML vào footer

Glue for Yoast SEO & AMP

huong-dan-cai-dat-google-amp-5

Nếu bạn cài đặt plugin Yoast SEO bạn nên cài đặt Glue for Yoast SEO & AMP. Đây là plugin tương đối nhẹ giúp Yoast SEO hoạt động tốt hơn trên trang AMP.

Bên cạnh đó bạn có thêm vài tùy chọn chỉnh sửa trang Google AMP ( truy cập SEO -> AMP) và cài đặt Google Analytics để có dữ liệu thống kê traffic tới các trang AMP.

Lời kết

Google AMP là cách tốt nhất giúp bạn tăng tốc độ tải trang trên thiết bị mobile. Nó cũng đem lại cho bạn cơ hội tốt hơn để cải thiện thứ hạng trong kết quả tìm kiếm của Google. Vì các trang AMP có xu hướng xếp hạng cao hơn so với các trang thông thường. 

Quan trọng hơn, việc cài đặt Google AMP rất đơn giản. Bạn không phải đánh vật với những tùy chọn phức tạp.

Đây là cách đơn giản để tích hợp Goolge AMP vào website của bạn.

Cài đặt plugin Yoast SEO & AMP nếu bạn sử dụng Yoast SEO.

Bạn đã tích hợp Google AMP cho website bạn chưa? Hãy chia sẻ quan điểm của bạn về Google AMP bên dưới.