Võ Minh Tuấn Blog
Không kết quả
Xem tất cả kết quả
  • Wp Plugin
  • Wp Theme
  • PHP Scripts
  • Quét VirusTotalScan now
  • Wp Plugin
  • Wp Theme
  • PHP Scripts
  • Quét VirusTotalScan now
Không kết quả
Xem tất cả kết quả
Võ Minh Tuấn Blog
Không kết quả
Xem tất cả kết quả
Trang chủ Plugin Wordpress

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

bởi Võ Minh Tuấn
03/02/2021
trong Plugin Wordpress
A A
0

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.


[Plugins] WPForms Pro 1.7.5 Drag & Drop WordPress Forms Plugin

[Plugins] Ad Inserter Pro 2.7.16 Chèn quảng cáo Adsense vào WordPress

[Plugins] Perfmatters 1.9.1 – WordPress Performance Plugin

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é!


Hướng dẫn cài đặt amp cho wordpress tăng tốc độ load mobile
AMP là mã nguồn mở giúp tăng tốc độ tải trang, từ đó tăng tương tác cho website trên thiết bị di động

 

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.

Trang AMP có biểu tượng là tia sét và dòng chữ AMP bên cạnh
Trang AMP có biểu tượng là tia sét và dòng chữ AMP bên cạnh

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.

Bạn có thể kiểm tra AMP trong Google Search Console
Bạn có thể kiểm tra AMP trong Google Search Console

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.

AMP loại bỏ HTML làm chậm trang để giúp Website Load nhanh hơn
AMP loại bỏ HTML làm chậm trang để giúp Website Load nhanh hơn

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.

Nếu trang của bạn đáp ứng các tiêu chí AMP, bạn sẽ nhận được thông báo này
Nếu trang của bạn đáp ứng các tiêu chí AMP, bạn sẽ nhận được thông báo nà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…
Google PageSpeed Insights là công cụ đánh giá cao khi bạn cài đặt amp cho wordpress
Google PageSpeed Insights là công cụ giúp kiểm tra tốc độ tải trang

Ư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,…
Hướng dẫn cài đặt amp cho wordpress
“AMP for WordPress” là plugin miễn phí rất thông dụng hiện nay

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!

Có liên quan Bài đăng

[Plugins] WPForms Pro 1.7.5 Drag & Drop WordPress Forms Plugin

30/06/2022

WPForms Pro là Plugin biểu mẫu kéo và thả WordPress tốt nhất. Dưới đây là các tính năng khiến WPForms Pro Download trở thành trình tạo biểu mẫu WordPress thân thiện và mạnh mẽ nhất trên thị trường. DEMO WPFORMS PRO WORDPRESS PLUGIN Các tính năng của plugin WPForms Pro WordPress Addon của...

[Plugins] Ad Inserter Pro 2.7.16 Chèn quảng cáo Adsense vào WordPress

30/06/2022

Ad Inserter Pro là một plugin quản lý quảng cáo All-in-One WordPress đơn giản nhưng mạnh mẽ, plugin AdSense, plugin Ad Manager, trình chèn mã đầu trang và chân trang tùy chỉnh, v.v. Nó có thể chèn bất kỳ mã nào ở bất kỳ vị trí nào được hỗ trợ. Thích hợp...

[Plugins] Perfmatters 1.9.1 – WordPress Performance Plugin

26/05/2022

Perfmatters Plugin các trang web WordPress chậm bị mất hiệu lực có tỷ lệ thoát cao hơn và ít chuyển đổi hơn. Plugin perfmatters được tạo bởi các chuyên gia về hiệu suất web để tăng tốc trang web của bạn. DEMO PERFMATTERS WORDPRESS PLUGIN Tính năng Plugin WordPress Perfmatters Tắt API Google...

[Plugins] Chia sẻ Mailpoet Premium 3.89.0 + Mailpoet Free 3.89.3 miễn phí

25/05/2022

Mailpoet Premium Email tốt hơn cho các trang web được hỗ trợ bởi WordPress. Gửi email đẹp đến hộp thư đến mọi lúc và tạo người đăng ký trung thành. DEMO MAILPOET WORDPRESS PLUGIN Các tính năng của Plugin WordPress Mailpoet Cập nhật blog về Autopilot Nói xin chào - Tự động...

Chia sẻ plugin Gravity Forms 2.6.3.2 – WordPress Form Plugin

22/05/2022

Gravity Forms là plugin biểu mẫu hàng đầu cho WordPress Form Builder. Gravity Forms Plugin là một plugin biểu mẫu liên hệ tốt nhất cho các trang web hỗ trợ WordPress. DEMO GRAVITY FORMS WORDPRESS PLUGIN Các tính năng của Plugin WordPress Gravity Forms Dễ sử dụng, hình thức mạnh mẽ Hơn 30...

Chia sẻ Plugin Hummingbird Pro 3.3.3 miễn phí bản mới nhất

19/05/2022

Hummingbird Pro là nữ hoàng của tối ưu hóa WordPress và cô ấy ở đây để lướt qua trang web của bạn và tìm tất cả các cách mới để làm cho nó tải với tốc độ kỷ lục. Tự động hóa tối ưu hóa với đai tiện ích Hummingbird Pro Plugin được tích...

Tải thêm
Đăng ký
Thông báo về
guest
guest
0 Bình luận
Phản hồi nội tuyến
Xem tất cả các bình luận

Được đề xuất cho bạn

  • Key bản quyền IObit Uninstaller Miễn phí 2021

    0 chia sẻ
    Chia sẻ 0 Tweet 0
  • Cách thay đổi tên trong tài khoản Paypal thành công 100%

    0 chia sẻ
    Chia sẻ 0 Tweet 0
  • Chia sẻ Elementor Pro 3.7.1 và Elementor Free 3.6.5 (Full Template Kits)

    0 chia sẻ
    Chia sẻ 0 Tweet 0
  • 3 cách chèn code vào website WordPress dễ nhất cho người mới bắt đầu

    0 chia sẻ
    Chia sẻ 0 Tweet 0
  • Chia sẻ theme JNews 10.6.4 bản quyền miễn phí bản mới nhất

    0 chia sẻ
    Chia sẻ 0 Tweet 0
  • Share theme Brisk – Giao diện phù hợp với nhiều chủ đề

    0 chia sẻ
    Chia sẻ 0 Tweet 0

Xin chào !

Đăng ký để nhận bài viết qua email

Hãy đăng ký ngay để là người đầu tiên nhận được thông báo qua email mỗi khi chúng tôi có bài viết mới!

Cảm ơn bạn đã dành thời gian ghé thăm Võ Minh Tuấn Blog. Mình rất vui vì bạn đã ủng hộ bằng cách đăng ký theo dõi. Những email cập nhật mới mất sẽ sớm gửi đến bạn. Thank you !

  • Trang chủ
  • Giới thiệu
  • Liên hệ
  • Bản quyền
  • Quảng cáo
  • Chính sách bảo mật
  • Dmca Protected
DMCA.com Protection Status

© 2020-2022 Võ Minh Tuấn Blog - All Right Reserved.

Không kết quả
Xem tất cả kết quả
  • Wp Plugin
  • Wp Theme
  • PHP Scripts
  • Quét VirusTotal

© 2020-2022 Võ Minh Tuấn Blog - All Right Reserved.

Go to mobile version