Google AMP giúp tăng trải nghiệm người dùng trên các thiết bị Mobile. Từ đó giúp trang của bạn 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. Và đặc biệt sẽ có doanh thu cao hơn từ chính website của bạn. Hãy xem hết hướng dẫn cài đặt amp của mình nha.
Google AMP là gì?
AMP 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 còn giao diện bắt mắt không kém như bản chuẩn, ngay cả khi mạng chậm.
Giúp 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 Võ Minh Tuấn Blog tìm hiểu những kỹ thuật được áp dụng trong Google AMP là gì nhé!
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ó.
- Kỹ thuật tải javascript bất đồng bộ async: Website cảu bạn 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 đủ. 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 toàn cầu. Nó 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.
AMP hiển thị trên Google Search ra sao?
Nếu các bạn tìm kiếm một trang web nào đó trên thiết bị di động mà đang sử dụng AMP. Thì sẽ được xuất hiện huy hiệu sấm sét bên cạnh link như hình bên dưới.
Trong khi bạn đã nhấp chuột để truy cập vào link này, nội dung AMP sẽ hiển thị theo một trong hai dạng như 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 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.
Trạng thái AMP hiển thị trong Google Console
Google Search Console trước đây là Google Webmasters Tools. Ở đây chính là nơi bạn có thể kiểm soát hoàn toàn về AMP của trang web bạn. Công cụ này sẽ cung cấp các trang đang được hỗ trợ AMP đã được lập chỉ mục cũng như các trang vừa phát sinh.
AMP Plugin hoạt động như thế nào?
AMP sẽ hiển thị các trang đã được tối ưu HTML. Các trang này sẽ Load nhanh hơn vì đã được loại bỏ các HTML Code Tag Manager làm chậm trang. Nếu như các trang Mobile có JavaScript thì các Script này sẽ không được hiển thị trong trình duyệt hỗ trợ AMP.
Một số lưu ý về AMP Plugin:
- Với AMPbạn cần phải sử dụng CSS Streamlined.
- Bạn chỉ dùng JavaScript mà AMP cung cấp, nó có thể xảy ra tình trạng Lazy Loading.
- Phải Validate đúng cách thì các Site AMP mới có thể hoạt động tốt nhất.
- Tải Fonts Custom nếu bạn muốn trải nghiệm tốt hơn theo một 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ể dùng nó.
- Bạn nên điều chỉnh lại độ rộng và cao để tránh các hình bị biến dạng.
- Bạn có thể sử dụng Extension AMP Approved để trình chiếu video. Theo mình, để cải thiện trang Mobile thì điều quan trọng là cải thiện Readability và Speed.
Hiện tại, cấu trúc của Google AMP có 3 loại:
- AMP HTML: Là tập hợp con HTML, có các Tag tùy chỉnh, Properties, nó cũng có nhiều hạn chế. 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 nữa.
- AMP JS: Là Framework JavaScript dành cho trang Mobile, nó sẽ quản lý Resource Handling và không đồng bộ Loading. Lưu ý bên thứ ba như JavaScript sẽ không được cho phép với AMP.
- AMP CDN (Content Delivery Network): Nó sẽ đánh dấu Cache các trang được kích hoạt AMP và tạo một số tối ưu hóa hiệu suất.
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 tại đây. 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, mình sẽ giới thiệu đến các bạn 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 website 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, bạn có thể kiểm tra tốc độ load trang trên các loại trình duyệt 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…
Ưu và nhược điểm của Google AMP
AMP hiện tại nó có khá nhiều ưu điểm mang lại cho chúng ta. Nhưng vẫn còn tồn động lại nhược điểm đáng quan tâm nhất đó chính là doanh thu. Hãy cùng mình tìm hiểu chi tiết hơn về những ưu và nhược điểm của Google AMP.
Ưu điểm của AMP là gì?
Tăng tốc độ tải trang: Google AMP là một công nghệ mã nguồn mở. Giúp website tăng tốc trên thiết bị di động. Có nhiều nghiên cứu cho thấy so với website không cài AMP thì trang AMP sẽ có tốc độ load trang nhanh hơn từ 15-80%. Điều này sẽ giúp làm giảm tỷ lệ thoát giữ chân người dùng hơn.
- Cải thiện thứ hạng trên mobile: AMP có ảnh hưởng tích cực đến việc xếp hạng của website trên thiết bị di động do thời gian tải nhanh.
- 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 đượ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. Từ đó tăng hiệu suất trên máy chủ.
Nhược điểm của AMP là gì?
- Doanh thu quảng cáo giảm: AMP cũng hỗ trợ quảng cáo nhưng khả năng hiển thị có hạn chế. Và cũng không dễ dnagf khi triển khai quảng cáo trên AMP. Điều đó đã làm ảnh hưởng rất lớn đến từ doanh thu quảng cáo.
- Không hỗ trợ tốt Analytics: AMP được hỗ trợ trên Google Analytics: Để thu thập và phân tích dữ liệu, bạn phải triển khai trên từng trang AMP của website. Việc này gây tốn nhiều thời gian và công sức hơn so với website không có AMP
- Phụ thuộc vào bộ nhớ Cache: Google không cung cấp bất kỳ công nghệ cụ thể để làm cho trang web tải nhanh chóng. Chỉ đơn giản đáp ứng truy cập nhanh từ bộ nhớ cache.
Hướng dẫn cài đặt AMP cho WordPress
Đối với WordPress, bạn có thể cài đặt plugin AMP miễn phí. Và dưới đây là cách để cài đặt plugin này:
- Bước 1: Vào WordPress Dashboard. Chọn Plugins sau đó vào Add New
- Bước 2: Gõ tên plugin “AMP for WordPress” vào thanh tìm kiếm
- Bước 3: Click “Install” để cài đặt
- Bước 4: Sau khi cài đặt xong, chuyển đến tab Appearance sau đó đến AMP.
Tại đây có nhiều tab để bạn có thể điều chỉnh trang AMP theo ý mình, ví dụ như:
- Tab Design: điều chỉnh text của site, link cho đến background,…
- Tab General: Chọn sử dụng AMP cho trang nào, post nào,…
Lời kết
Đây là những thông tin chi tiết về hướng dẫn cài đặt AMP cho wordpress và cách sử dụng, cài đặt AMP cho website WordPress. AMP có thể giúp bạn tối ưu hóa website hiệu quả hơn cho người dùng di động. Chúc bạn thành công!
