AMP là gì? Hướng dẫn cài đặt AMP cho website WordPress

AMP ( Accelerated Mobile Pages ) là một thuật ngữ được sử dụng nhằm mô tả một cách mới để xây dựng các trang web thân thiện với thiết bị di động. Hay nói cách khác, AMP chính là một trang tăng tốc dành cho thiết bị di động của mỗi website, so với các trang di động truyền thống.

Trong giới hạn bài viết này, Mona Media sẽ giới thiệu với bạn toàn diện về AMP, về cách cài đặt AMP cho website WordPress cũng như các sử dụng AMP như thế nào để bạn có được thứ hạng tốt hơn trong Google, tiếp cận được nhiều khách hàng tiềm năng và tăng thứ hạng tốt hơn.

AMP là gì?

Như đã giải thích một phần ở trên, AMP hay Google AMP là công nghệ mã nguồn mở, giúp tăng tốc độ tải trang trên di động ngay cả khi mạng chậm. Điều này hỗ trợ tốt cho việc tăng lượt truy cập, số lượt click, tương tác của người dùng trên nền tảng mobile.

Kỹ thuật Google AMP áp dụng là gì?

• Lazy Loading Image: Đây là kỹ thuật làm trì hoãn việc tải hình ảnh cho đến khi người dùng thật sự cần xem nó. Chẳng hạn như: hình ảnh chỉ được load khi người dùng cuộn trang đến đúng vị trí có hình ảnh đó. Việc áp dụng cách này sẽ làm giảm thiểu lượng tài nguyên thừa đăng tải lên web, giúp tốc độ tải trang được cải thiện đáng kể.
• Kỹ thuật tải Javascript bất đồng bộ async: Website có thể chạy đoạn code, upload dữ liệu phía dưới. Dù phần dữ liệu ở phía trên chưa được xử lý một cách đầy đủ. Như vậy, phía người dùng cũng sẽ giảm được thời gian chờ đợi khi tải trang.
• Kỹ thuật CDN để Javascript nhanh chóng: CDN ( Content Delivery Network ) là hệ thống máy chủ được đặt ở nhiều vị trí địa lý khác nhau trên phạm vi toàn cầu. Chúng truyền tải những nội dung từ một nguồn đến với người dùng nhanh chóng hơn so với việc nhờ cơ chế cache.

Cách AMP hiển thị trên Google Search?

Nếu bạn research nội dung bằng thiết bị di động, những website có Google AMP sẽ xuất hiện trên kết quả được trả về bởi công cụ tìm kiếm Google với biểu tượng tia sét cùng dòng chữ AMP bên cạnh đường link như thế này:

Tiếp đến, khi đã click chuột truy cập vào link, nội dung AMP sẽ hiển thị dưới một trong 2 dạng sau:

• Trình xem AMP của Google: Đây là dạng mặc định để Google lưu trữ và phân phối nội dung AMP đến cho người dùng thiết bị di động, giúp tạo ra những trải nghiệm truy cập tốt hơn.
• Signed Exchange: Công nghệ này cho phép trình duyệt trả URL chính là đường link gốc xuất bản nội dung.

Trạng thái AMP hiển thị trong trình Google Search Console

Dịch vụ quản trị web miễn phí Google Search Console ( Trước đây là Google Webmaster Tools ) là nơi bạn có thể nắm được trạng thái AMP của mình. Công cụ này cung cấp danh sách các trang AMP đã được lập chỉ mục thành công, cũng như cung cấp các lỗi AMP phát sinh trên website của bạn.

Bạn có thể kiểm tra bằng cách như sau:

• Truy cập vào Google Console (Nếu bạn chưa cài đặt Search Console thì có thể xem bài hướng dẫn cài Search Console của chúng tôi trước khi kiểm tra AMP)
• Vào mục Trang tối ưu cho thiết bị di động. Tại đây, bạn sẽ thấy số lượng trang AMP hợp lệ, các trang AMP được đánh chỉ mục, số lượng AMP đang có lỗi và cần khắc phục.

AMP Plugin hoạt động ra sao?

AMP sẽ hiển thị các trang đã được tối ưu HTML. Những trang này sẽ Load nhanh hơn vì đã loại bỏ các HTML Code Tag Manager làm chậm tốc độ trang.

Nếu như những trang di động có Javascript thì các script này cũng sẽ không được hiển thị trong AMP.

Một số lưu ý về AMP Plugin

• Với AMP thì bạn cần sử dụng CSS phiên bản Streamlined
• Bạn chỉ có thể sử dụng thư viện Javascript mà AMP cung cấp, và nó có thể gây ra tình trạng Lazy Loading.
• Bạn cần Validate đúng cách thì các site AMP mới có thể hoạt động
• Nếu như bạn muốn tăng trải nghiệm tốt hơn, hãy tải một số Fonts Custom theo cách riêng.
• Forms không được cho phép trên các trang AMP Plugin, nên bạn không thể sử dụng nó
• Bạn nên điều chỉnh lại chiều rộng và chiều cao, tránh các hình bị biến dạng 
• Trường hợp muốn làm trình chiếu Video trên trang của mình thì có thể sử dụng Extension AMP Approved. Song, để cải thiện trang Mobile thì điều quan trọng nhất vẫn là nên cải thiện về Readability và Speed.

Cấu trúc Google AMP

Hiện tại, cấu trúc của Google AMP bao gồm 3 loại:

• AMP HTML: Là tập hợp con của HTML có các tag tùy chỉnh, Properties, tuy nhiên cấu trúc này lại có rất nhiều hạn chế. Nhưng nếu bạn đã quen với HTML cơ bản, thì khi Adapt các trang sẵn có với AMP HTML sẽ không phức tạp mấy.
• Cấu trúc AMP JS: Là Framework Javascript dành cho trang mobile, nó quản lý Resource Handling và không đồng bộ Loading. Tuy nhiên cũng cần lưu ý rằng bên thứ ba như Javascript sẽ không được cho phép với AMP.
• AMP CDN ( Content Delivery Network ): Đánh dấu cache các trang được kích hoạt AMP, đồng thời tạo ra một số tối ưu hoá về hiệu suất.

Ảnh hưởng của Google AMP đến chất lượng SEO như thế nào?

Thực tế thì AMP và SEO có mối quan hệ gì với nhau? Chúng hỗ trợ cho nhau như thế nào?

Như chúng ta đều biết, Google sẽ khám phá và lập chỉ mục các trang AMP để cung cấp trải nghiệm truy cập vào các trang web nhanh chóng, tăng tính xác thực và đáng tin cậy hơn cho người dùng. Tất nhiên, AMP không phải là một trong các yếu tố xếp hạng, nhưng thực tế thì các website có cài đặt Google AMP sẽ có tốc độ tải trang nhanh hơn.

Để thực hiện thao tác lập chỉ mục, Google sẽ áp dụng cùng một mức tiêu chuẩn cho tất cả các URL, điều đó nghĩa là bất kể website có sử dụng công nghệ nào, miễn là nó có tốc độ tải trang nhanh hơn thì sẽ được Google đánh giá cao hơn. Vậy thì dựa vào lợi thế về tốc độ tải, các trang AMP thường sẽ có xu hướng được Google đánh giá và xếp thứ hạng cao hơn trên thiết bị di động. Điều này tạo ra một lợi thế cực lớn, bởi lẽ xu hướng phát triển mới của Google có chiều hướng thiên về các thiết bị di động nhiều hơn.

Một lưu ý nhỏ dành cho bạn khi sử dụng các trang AMP, đó chính là hãy đảm bảo trang AMP có thể đáp ứng được tiêu chí Google Mobile-Friendly. AMP có thể chưa là tiêu chí xếp hạng của Google, nhưng Mobile-Friendly thì có. Nó là yếu tố rất quan trọng khi lập chỉ mục. Nếu trang của bạn đồng thời sở hữu cả 2 yếu tố này, chắc chắn nó sẽ được Google Mobile-First Index để ưu tiên index cho những trang tối ưu tốt trên thiết bị di động.

Ưu và nhược điểm của AMP là gì?

Google AMP có nhiều ưu điểm, nhưng cũng tồn tại kha khá nhược điểm nhất định có thể làm giảm doanh thu của quảng cáo.

Ưu điểm của AMP

• Tăng tốc độ tải trang: AMP là một công nghệ mã nguồn mở, cho phép tăng tốc độ tải trang trên thiết bị di động. Rất nhiều nghiên cứu đã chỉ ra rằng website không cài AMP sẽ có tốc độ load chậm hơn một website có cài từ 15-80%. Cải thiện được yếu tố này giúp giảm tỷ lệ thoát cho website.
• Thứ hạng trên Mobile được cải thiện: Cũng nhờ vào việc tối ưu thời gian tải nhanh, AMP có ảnh hưởng tích cực đến việc xếp hạng website trên thiết bị di động.
• Cải thiện hiệu suất máy chủ: Sử dụng AMP giúp bạn có thể giảm tải việc truy xuất dữ liệu trong trường hợp có một lượng lớn truy cập từ thiết bị di động. Từ đó, hiệu suất máy chủ được cải thiện và tăng lên đáng kể.

Nhược điểm của AMP

• Doanh thu quảng cáo giảm: Tuy rằng AMP có hỗ trợ quảng cáo, song khả năng hiển thị của trang đôi khi sẽ bị hạn chế để tối ưu thời gian load trang. Mặt khác, cũng không dễ dàng khi triển khai quảng cáo trên các trang AMP, vậy nên điều đó sẽ khó có thể mang lại doanh thu về cho bạn.
• Không hỗ trợ tốt cho công cụ Analytics: AMP được hỗ trợ trên Google Analytics nhưng để thu thập và phân tích dữ liệu, bạn sẽ phải triển khai trên từng trang AMP của website, gây tốn nhiều thời gian, công sức so với những web không có AMP.
• Bị phụ thuộc vào bộ nhớ cache: Google không cung cấp bất cứ công nghệ cụ thể nào để làm web tải nhanh chóng, mà chỉ đáp ứng truy cập nhanh từ bộ nhớ cache, khiến những website tích hợp AMP bị phụ thuộc khá nhiều.

Hướng dẫn cài đặt AMP trên website WordPress

Đối với WordPress, bạn có thể cài đặt Plugin AMP miễn phí. Dưới đây là cách để cài đặt plugin này:

• Vào WordPress Dashboard. Cho Plugins sau đó vào Add new.
• Gõ tên Plugin “AMP for WordPress” vào thanh tìm kiếm
• Click “Install” để cài đặt
• Sau khi cài đặt xong, chuyển đến tab Appearance, sau đó đến AMP.

Tại bước này, về cơ bản bạn đã hoàn thành việc cài đặt AMP cho website WordPress của mình. Có nhiều tab để bạn có thể điều chỉnh trang AMP theo nhu cầu, chẳng hạn:

• Tab design: Điều chỉnh text của sitelink cho đến background,…
• Tab general: Chọn sử dụng AMP cho trang nào, post nào,…

Hướng dẫn kiểm tra Google AMP và tốc độ tải trang

Kiểm tra tính hợp lệ của AMP

Để có thể kiểm tra xem trang AMP của bạn có hợp lệ hay không, hãy truy cập vào đường link: https://search.google.com/test/amp

Bước tiếp theo, dán link URL mà bạn cần kiểm tra vào, và click “Test URL”.

Nếu trang AMP của bạn hợp lệ thì hệ thống sẽ trả về kết quả là thông báo “Valid AMP” có màu xanh lá cây.

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

Một số công cụ hữu ích và phổ biến nhất giúp kiểm tra tốc độ tải trang của chúng ta là nhanh hay chậm có thể kể đến như:

Google PageSpeed Insights

Công cụ đưa ra các phân tích toàn diện về tốc độ tải trang trên thiết bị di động và máy tính. Ngoài ra, Pagespeed Insights cũng cung cấp các đề xuất phù hợp để cải thiện thời gian tải.

Link công cụ: https://developers.google.com/speed/pagespeed/insights/?hl=vi

Think With Google ( Test my site )

Nhập URL, Domain của website cần test vào ô, sau đó nhấn enter và chờ một lát để Google tiến hành quét và kiểm tra các thông số liên quan. Kết quả trả về sẽ có thời gian tải website trên 3G, 4G.

Link công cụ: https://www.thinkwithgoogle.com/feature/testmysite/

Dotcom Monitor

Công cụ phân tích toàn diện website của bạn, với các thông số bao gồm thời gian tải trang, số lượng yêu cầu (request) HTTP,… Ngoài ra, nó còn cho phép bạn kiểm tra tốc độ load trang trên các loại trình duyệt khác nhau như Chrome, Firefox, Safari,… để không chỉ test được tốc độ tải website mà còn có thể test được server web, hoặc kiểm tra xem hosting web của bạn có nằm trong blacklist spam hay không,…

Kết luận:

Trên đây là những thông tin chi tiết AMP là gì? Cách sử dụng và cài đặt AMP cho website WordPress. AMP là một công cụ mạnh và nếu bạn biết cách khai thác, nó có thể giúp bạn tối ưu hóa website hiệu quả hơn cho người dùng trên nền tảng thiết bị di động. Chúc bạn thành công!