Google AMP là gì? Cách cài đặt AMP cho website

Khi đề cập đến vấn đề gia tăng tốc độ trang web trên các thiết bị di động và thúc đẩy SEO, cụm từ AMP sẽ được nhắc đến thường xuyên như một giải pháp cực kỳ hữu hiệu. Với Google AMP, bạn sẽ giúp website gia tăng lượt truy cập, lượt kích vào đường dẫn và lượt tương tác của người dùng trên điện thoại, máy tính bảng,… Cụ thể thì AMP là gì và hoạt động như thế nào? Hãy cùng tìm câu trả lời trong bài viết dưới đây.

Định nghĩa Google AMP là gì?

AMP là gì? AMP là viết tắt của Accelerated Mobile Pages là trang tăng tốc dành cho thiết bị di động của mỗi website. Google AMP là công nghệ mã nguồn mở giúp tăng tốc độ tải trang trên di động mà vẫn bắt mắt, ngay cả khi mạng chậm. Từ đó làm tăng lượt truy cập, click, tương tác của người dùng trên mobile. Hãy cùng Semtek Co,. ltd tìm hiểu những kỹ thuật được áp dụng trong Google AMP là gì nhé!

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

• Kỹ thuật 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ó. Ví dụ: hình ảnh chỉ được load khi người dùng cuộn trang đến đúng vị trí có hình đó. Cách này sẽ giảm thiểu lượng tài nguyên thừa tải lên web. Từ đó làm tăng tốc độ tải trang.
• 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ý đầy đủ. Bằng cách này, người dù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 toàn cầu. Chúng có nhiệm vụ truyền tải nội dung từ một nguồn đến với người dùng nhanh chóng hơn nhờ cơ chế cache.

2. AMP hiển thị trên Google Search như thế nào?

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

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

• Trình xem gooel AMP là gì: Đây là dạng mặc định để Google lưu trữ và phân phối nội dung AMP đến người dùng di động, giúp tạo ra 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ả về URL là đường link gốc xuất bản nội dung.

3. Trạng thái AMP hiển thị trong Google Console

Google Search Console  trước đây là Google Webmasters Tools. Đây là nơi bạn có thể nắm được trạng thái AMP của mình. Công cụ này sẽ cung cấp danh sách các trang AMP được lập chỉ mục thành công và các lỗi AMP phát sinh trên website của bạn.

Bạn cũng có thể kiểm tra trạng thái AMP trong Google Console như sau:

Truy cập vào Google Console, vào mục Trang tối ưu cho thiết bị di động. Tại đây, bạn sẽ thấy được số lượng trang AMP hợp lệ, được đánh chỉ mục và số lượng AMP đang có lỗi, cần khắc phục.

4. Ảnh hưởng đến SEO của google AMP là gì?

Mối quan hệ giữa SEO và AMP là gì? Chúng hỗ trợ nhau như thế nào? Google khám phá và lập chỉ mục các trang AMP để cung cấp trải nghiệm truy cập website nhanh chóng và đáng tin cậy hơn cho người dùng. Tuy AMP không phải là một yếu tố xếp hạng nhưng website có cài đặt Google AMP sẽ tải trang nhanh hơn.

Để 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. Nghĩa là bất kể trang có sử dụng công nghệ nào, website có tốc độ tải nhanh sẽ được đánh giá cao hơn. Do đó, nhờ lợi thế về tốc độ tải, các trang AMP sẽ được Google đánh giá và xếp thứ hạng cao hơn trên thiết bị di động. Điều này rất có lợi vì xu hướng phát triển mới của Google có chiều hướng thiên về thiết bị di động nhiều hơn.

Lưu ý, khi sử dụng trang AMP, hãy đảm bảo trang AMP đó đáp ứng 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 là yếu tố quan trọng khi lập chỉ mục. Nếu trang của bạn vừa có AMP vừa đáp ứng mobile-friendly, trang sẽ được Google mobile-first index. Đây là thuật toán xếp hạng mới của Google, nó sẽ ưu tiên index cho những trang tối ưu tốt trên thiết bị di động.

Hướng dẫn kiểm tra Google AMP

Để kiểm tra trang AMP của bạn có hợp lệ hay không, có thể truy cập vào đường link: . Sau đó, dán 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ề thông báo “Valid AMP” màu xanh lá cây.

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

Trong phần này, Semtek Co,. ltd sẽ giới thiệu một vài công cụ hữu ích để giúp bạn kiểm tra tốc độ tải trang của mình nhanh hay chậm:

• 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. Đồng thời cung cấp các đề xuất phù hợp để cải thiện thời gian tải.
• 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.
• Dotcom Monitor: phân tích toàn diện trang web của bạn. Ví dụ như 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,…Bạn không chỉ test được tốc độ tải website mà còn có thể test được server web. Kiểm tra xem hosting web của bạn có nằm trong black list spam hay không…

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

Nguyên tắc của Google để một trang web thân thiện với Google cũng áp dụng với AMP. Sau đây các bước cài đặt AMP cho trang web:

1. Cấu trúc html AMP đơn giản

Dưới đây là hình ảnh về 1 AMP HTML mẫu để bạn tham khảo:

Để có được trang AMP, bạn cần sử dụng giao thức HTTPS với những điều kiện cần thiết sau:

• <!doctype html> : tiêu chuẩn HTML
• Chứa thẻ <html ⚡> hoặc <html amp> : Để xác định nội dung có định dạng AMP.
• Chứa các thẻ <head> và <body>
• Chứa thẻ <meta charset=”utf-8″> là thẻ con đầu tiên thuộc thẻ <head>
• Chứa thẻ <script async src=”https://cdn.ampproject.org/v0.js”></script>. Đây là thẻ con thứ 2 thuộc thẻ <head>
• Chứa thẻ <link rel=”canonical” href=”$SOME_URL” /> bên trong <head>
• Chứa thẻ <meta name=”viewport” content=”width=device-width,minimum-scale=1″> bên trong thẻ <head>: Quy định chế độ xem tương ứng trên thiết bị di động
• Chứa đoạn mã boilerplate AMP trong thẻ <head>

2. Lưu trữ AMP trên URL

Tốt nhất, bạn lưu trữ trang sử dụng Google AMP của mình trên một URL phù hợp với người dùng.

Ví dụ, với trang tiêu chuẩn là

Bạn nên lưu trữ trang AMP với URL là:

• amp.example.com/subfolder/this-is-an-example.html
• example.com/subfolder/this-is-an-example-amp.html

Để đảm bảo khi người dùng click vào, URL hiển thị sẽ liên quan đến trang web chính của bạn.

3. Làm cho AMP của bạn dễ khám phá

Nếu trang của bạn có cả phiên bản AMP và không AMP, hãy thêm các thẻ html như sau:

Trên trang không phải AMP, tham chiếu đến phiên bản AMP của trang để cho Google và các nền tảng khác biết về nó:

1 <link rel=”amphtml” href=”https://example.com/this-is-an-example-amp.html” />

Trên trang AMP, thêm văn bản sau để tham chiếu đến phiên bản chuẩn không phải AMP của nó:

1 <link rel=”canonical” href=”https://example.com/this-is-an-example.html” />

Đối với các trang AMP độc lập (những trang không có phiên bản không phải AMP), trang AMP phải chỉ định chính nó làm phiên bản chuẩn:

1 <link rel=”canonical” href=”https://example.com/this-is-an-example-amp.html” />

Các trang AMP độc lập cũng sẽ được lập chỉ mục nếu có thể tìm thấy chúng. Hãy đảm bảo rằng các trang AMP độc lập được liên kết với các trang được lập chỉ mục khác hoặc được liệt kê trong sơ đồ trang web (sitemap.xml) của bạn.

4. Kiểm tra tính hợp lệ trang AMP

Như đã hướng dẫn kiểm tra Google AMP ở trên, hãy truy cập vào Google Search Console để đảm bảo tính tương thích của trang AMP của mình. Đừng quên theo dõi các trang AMP của mình thường xuyên để đảm bảo chúng không mắc lỗi.

Và ở phía cuối bài báo ta muốn đọc, chúng ta sẽ nhìn thấy rất nhiều quảng cáo ở khắp nơi trong trang web.

Những lợi ích và hạn chế của Amp bạn cần biết

Amp có khá nhiều những ưu điểm, tuy nhiên vẫn tồn tại một số nhược điểm. Hãy cùng chuyên trang tìm hiểu kỹ hơn về nội dung này.

Lợi ích của Amp

Ưu điểm nổi bật nhất của Amp Google là tăng tốc độ tải trang trên thiết bị di động. Nhiều nghiên cứu cho thấy trang có cài đặt Amp luôn sở hữu tốc độ load nhanh hơn từ 15-80%. Điều này mô hình chung sẽ giúp làm giảm tỷ lệ thoát của người dùng khi vào Website.

Thêm nữa Amp còn tác động cải thiện thứ hạng trang trên thiết bị di động. Website thuộc Top được đánh giá cao, thu hút ngày càng nhiều người truy cập.

Ngoài ra, Amp nâng cao hiệu suất máy chủ. Cụ thể giảm tải được việc truy xuất dữ liệu nếu có một lượng lớn truy cập từ thiết bị di động.

Hạn chế của Amp

Amp giúp tối ưu thời gian tải trang nhanh nhất nên hạn chế khả năng hiển thị banner ads. Mặt khác, việc cài đặt quảng cáo trên các trang có Amp cũng không hề dễ dàng. Điều này thật không thuận lợi khi muốn tăng doanh thu cho tiếp thị.

Một hạn chế khác của Amp là không hỗ trợ trên Google Analytics. Nó làm bạn mất nhiều thời gian, công sức để thu thập, phân tích dữ liệu từng trang của Website. Tính chất nghiêm trọng hơn khi doanh nghiệp đang cần thông tin phục vụ các hoạt động Marketing Online.

Các tìm kiếm liên quan đến amp là gì

• amp là gì loa
• chất amp là gì
• amp là viết tắt của từ gì
• dac/amp là gì
• &amp là gì
• amp wordpress
• amp test
• amp là đơn vị gì

Nội dung liên quan:

• Performance Marketing là gì? Có ý nghĩa gì đối với hoạt động doanh nghiệp
• SEMTEK – dịch vụ thiết kế hồ sơ năng lực chuyên nghiệp, chất lượng
• Personal Branding là gì? 5 Bước xác định thương hiệu cá nhân