Ít có điều gì khó chịu hơn việc truy cập một trang web chỉ để thấy rằng trang chủ của nó mất nhiều thời gian để tải^{(homepage takes ages to load)} . Tệ hơn nữa, là khi hình ảnh có chất lượng kém và bố cục không được tối ưu hóa tốt.

Trên thực tế, một nghiên cứu của Google cho^{(Google study)} thấy 53% người rời khỏi các trang web không tải trong vòng 3 giây hoặc ít hơn, dẫn đến tỷ lệ thoát cao và giảm doanh thu.

Để giải quyết những vấn đề này, Google đã tạo ra các Trang trên thiết bị di động được tăng tốc^{(Accelerated Mobile Pages)} ( AMP ). AMP không chỉ tăng tốc thời gian tải trang web của bạn mà còn giúp bạn thiết kế một trang web hấp dẫn^{(design a compelling site)} , trải nghiệm di động thú vị và tăng tỷ lệ nhấp ( CTR ) trung bình.

Trong hướng dẫn này, chúng tôi sẽ giải thích lý do tại sao Google AMP là định dạng ưa thích của Google cho các trang di động và cách bạn có thể triển khai AMP cho WordPress .

Google AMP là gì?^{(What Is Google AMP?)}

Google AMP là một khung thành phần web được ra mắt vào tháng 10 năm 2015^{(October 2015)} để giúp tạo và xây dựng các trang web nhẹ, ưu tiên người dùng. Sáng kiến ​​dành cho thiết bị di động được thiết kế để tăng tốc độ web bằng cách cung cấp phiên bản rút gọn của trang web của bạn.

Nhiều công ty lớn bao gồm WordPress , Pinterest , Washington Post và Reddit đã áp dụng AMP và có sự gia tăng về lượng khách truy cập hàng tháng^{(increase in monthly unique visitors)} .

Khi trang web của bạn được phân phát cho người dùng di động thông qua AMP trong Google , trang web sẽ trông cơ bản và đơn giản, do đó đạt được mục tiêu của AMP là nhanh như chớp, trải nghiệm động và khả năng sử dụng tốt hơn.

Bạn có cần AMP trên trang web WordPress của mình không?^{(Do You Need AMP on Your WordPress Site?)}

AMP nhanh, nhưng nó không phải là cách duy nhất để làm cho các trang web tải nhanh hơn hoặc tăng tốc độ trang web của bạn^{(increase your site speed)} .

Có nhiều nghiên cứu điển hình chứng minh tác động tích cực của AMP đối với nhà xuất bản, doanh nghiệp và các ngành khác, nhưng cũng có nhiều nghiên cứu điển hình không thành công. Điều này có nghĩa là không có quyết định rõ ràng nào về việc liệu AMP có dành cho tất cả các trang web hay không.

Tuy nhiên, điều đúng là sự thành công của AMP phụ thuộc vào một số yếu tố quyết định. Ví dụ: nếu người dùng của bạn chủ yếu đến từ máy tính để bàn, thì AMP không dành cho bạn vì các trang AMP không hiển thị với các tính năng phong phú trên máy tính để bàn và chúng không được phân phát từ Bộ nhớ đệm AMP^{(AMP Cache)} nên người dùng có thể không được hưởng những lợi ích này.

Quy tắc vàng là AMP được đề xuất chủ yếu cho các nhà xuất bản chạy các trang web tin tức và blog. Bất kỳ thứ gì khác như trang danh mục đầu tư hoặc các trang đích không nhất thiết phải cần đến AMP .

Ngoài ra, nếu các trang không phải AMP của bạn có thể tải trong hoặc dưới tiêu chuẩn 2,5 giây, bạn có thể không cần cài đặt hoặc duy trì AMP .

Cách triển khai AMP trên một trang web WordPress^{(How to Implement AMP on a WordPress Site)}

Tạo phiên bản AMP cho trang web của bạn trên WordPress có thể trông giống như một nhiệm vụ chỉ các nhà phát triển mới có thể xử lý, nhưng với một chút kiến ​​thức và một số hướng dẫn, bạn có thể tự mình thực hiện.

Google có quy trình dòng công việc hướng dẫn bạn khi bạn tạo trang AMP , tích hợp và tối ưu hóa trang, thiết lập theo dõi phân tích^{(set up analytics tracking)} , sau đó thiết kế trang cho nhu cầu của trang web của bạn.

Để bắt đầu, Google sẽ cung cấp cho bạn một mã mẫu, mã này bạn có thể sao chép và lưu vào một phần mở rộng .html, sau đó thêm đánh dấu bắt buộc. Điều này sẽ biến trang thành một tài liệu HTML AMP^{(AMP HTML)} khả thi .

Trước khi xuất bản, bạn có thể bao gồm hình ảnh, sửa đổi bố cục, tối ưu hóa trang cho SEO^{(optimize the page for SEO)} , xem trước và hoàn thiện các trang bằng cách sử dụng các hướng dẫn được cung cấp trên thanh bên.

Nếu muốn, bạn có thể thử nghiệm với AMP trên trang chủ amp.dev trước khi dùng thử trên trang WordPress của riêng bạn .

Cách cài đặt Google AMP trên WordPress^{(How to Install Google AMP on WordPress)}

Việc thiết lập và cài đặt Google AMP theo cách thủ công trên trang web WordPress của bạn rất phức tạp. Tuy nhiên, bạn có thể sử dụng các plugin như plugin AMP chính thức cho WordPress^{(official AMP plugin for WordPress)} , AMP cho WP^{(AMP for WP)} hoặc AMP WP để làm cho quá trình đơn giản hơn.

Đối với hướng dẫn này, chúng tôi sẽ chỉ cho bạn cách thiết lập và cài đặt AMP trên trang WordPress bằng cách sử dụng plugin WordPress AMP chính thức .

Cách sử dụng Plugin WordPress AMP để cài đặt AMP^{(How to Use the WordPress AMP Plugin to Install AMP)}

1. Để bắt đầu, hãy cài đặt và kích hoạt plugin WordPress AMP trên trang ^{(WordPress AMP)}WordPress của bạn . Đi tới bảng điều khiển WordPress , chọn Plugins > Add New .

1. Nhập plugin AMP vào hộp tìm kiếm và chọn Cài đặt ngay^{(Install Now)} để cài đặt plugin.

Lưu ý^(Note) : Nếu đang sử dụng WordPress.com , bạn phải nâng cấp lên gói Doanh nghiệp^(Business) để cài đặt bất kỳ plugin nào^{(install any plugins)} .

1. Đi tới Plugins > Installed Plugins , tìm AMP và chọn liên kết Kích hoạt^{(Activate )} để kích hoạt plugin AMP và làm cho nó hoạt động trên trang web của bạn.^(AMP)

1. Sau khi bạn kích hoạt plugin, hãy điều chỉnh cài đặt để tùy chỉnh các trang AMP . Để định cấu hình plugin, hãy chuyển đến AMP > Settings và sử dụng trình hướng dẫn để định cấu hình cài đặt trang AMP của bạn .

1. Chọn nút Xuất bản^{(Publish )} sau khi bạn điều chỉnh xong cài đặt. Trang web của bạn sẽ không hiển thị cho khách truy cập hoặc Google có thể khám phá , nhưng bạn có thể chọn xem bạn muốn các trang, bài đăng hoặc cả hai được hiển thị trên trang AMP của mình . Để thực hiện việc này, hãy chuyển đến AMP > Settings > Advanced Settings, và bỏ chọn hộp kiểm Mẫu được hỗ trợ^{(Supported Templates)} để có thêm tùy chọn.

1. Chọn các tùy chọn^(options) bạn muốn, sau đó chọn Lưu thay đổi^{(Save Changes)} .

1. Bạn cũng có thể tích hợp Yoast SEO vào thiết lập AMP của mình bằng cách đi tới Plugins > Add New , sau đó tìm kiếm Yoast SEO & AMP . 
2. Chọn Cài đặt ngay^{(Install Now)} và Kích hoạt^(Activate) plugin. Sau khi được kích hoạt, hãy chuyển đến SEO và chọn AMP để có thêm các tùy chọn tùy chỉnh cho trang của bạn, sau đó chọn Lưu thay đổi^{(Save Changes)} . 
3. Trước khi xuất bản, hãy xem trước trang AMP của bạn bằng cách thêm amp vào cuối bất kỳ bài đăng hoặc URL trang nào bạn muốn. Ví dụ: bạn có thể truy cập https://yourwebsite.com/blog-post-title/amp/

Cách xác thực AMP WordPress^{(How to Validate WordPress AMP)}

Với AMP được cài đặt trên trang WordPress của bạn , bước tiếp theo là kiểm tra xem nó có hoạt động chính xác hay không. Không chỉ vậy, xác thực còn đảm bảo rằng các nền tảng được hỗ trợ có thể truy cập và liên kết đến trang web của bạn, đồng thời bạn có thể tìm thấy lỗi ^{(errors for troubleshooting)}AMP để khắc phục sự cố .

Bạn có thể xác thực WordPress AMP theo cách thủ công hoặc sử dụng công cụ Kiểm tra AMP của Google^{(Google’s AMP Testing tool)} .

Cách xác thực WordPress AMP theo cách thủ công^{(How to Validate WordPress AMP Manually)}

1. Để thực hiện việc này, hãy mở một trang AMP , sau đó thêm #development=1 vào cuối URL của trang web mà bạn đang xác thực.

1. Truy cập trình duyệt của bạn và mở bảng điều khiển công cụ dành^{(developer tools console)} cho nhà phát triển . Nếu bạn đang sử dụng Firefox , hãy chọn menu > Web Developer > Web Console . Nếu có bất kỳ lỗi nào trên trang AMP , chúng sẽ được đánh dấu bằng màu đỏ.

Lỗi xác thực có thể do mã không chính xác, tiền tố không hợp lệ hoặc thẻ không được phép, nhưng bạn sẽ thấy giải thích về nguyên nhân bên cạnh lỗi.

Cách xác thực AMP trong WordPress bằng Công cụ kiểm tra AMP của Google^{(How to Validate WordPress AMP Using Google’s AMP Testing Tool)}

1. Mở trang công cụ Kiểm tra AMP của Google^{(Google AMP Testing tool)} , nhập URL của trang web, bài đăng hoặc trang của bạn, sau đó chọn URL kiểm tra^{(Test URL)} . Bạn cũng có thể dán mã của trang web và chọn URL kiểm tra^{(Test URL)} .

1. Googlebot sẽ phân tích trang web của bạn và nếu hợp lệ, bạn sẽ thấy bản xem trước về cách các trang AMP của bạn có thể xuất hiện trên Google SERPs .

Với công cụ Kiểm tra AMP của Google^{(Google AMP Testing)} , bạn có thể xác định lỗi AMP và xem mã gây ra sự cố trên trang web của mình. Bạn cũng có thể chọn nút Chia sẻ^(Share) để chia sẻ phân tích với đồng nghiệp của mình.

Bạn cũng có thể sử dụng công cụ Trình xác thực AMP của Google^{(Google AMP Validator)} để đảm bảo rằng mã của bạn xác thực hoặc sử dụng tiện ích mở rộng AMP của Chrome^{(Chrome AMP extension)} , tiện ích này cũng xác thực các trang và hiển thị bất kỳ cảnh báo hoặc lỗi nào.

Tăng cường trang web WordPress của bạn^{(AMP up Your WordPress Site)}

Google AMP là một thay đổi lớn đối với bất kỳ trang web nào, đặc biệt nếu bạn đã có nhiều lưu lượng truy cập trên thiết bị di động. Nếu bạn chạy một trang web có nội dung tin tức, bạn có thể cài đặt AMP ngay lập tức, nhưng đối với các doanh nghiệp khác, bạn có thể làm ảnh hưởng đến chuyển đổi của mình nếu bạn cài đặt sai.

Chúng tôi khuyên bạn nên thử nghiệm AMP trên một số trang có lưu lượng truy cập cao để xem liệu bạn nhận được kết quả tích cực hay tiêu cực trước khi đưa ra quyết định sử dụng nó trên toàn bộ trang web của mình.

Bạn đã thử AMP trên trang WordPress của mình chưa? Bạn có bất kỳ mẹo nào khác để chia sẻ về việc sử dụng AMP cho WordPress không? Chia sẻ với chúng tôi trong các ý kiến.

What Is AMP for WordPress and How To Install It

Few thіngs are more frustrating than visіting a website only to find that its homepage takes ages to load. Worse still, is when the images are of poor quality and layouts aren’t well optimized.

In fact, a Google study found that 53 percent of people leave sites that fail to load in three seconds or less, which leads to high bounce rates and decreased revenues.

To deal with these issues, Google created the Accelerated Mobile Pages (AMP). Not only does AMP accelerate your site’s loading time, but it also helps you design a compelling site, thrilling mobile experience, and increase in average click-through rate (CTR).

In this guide, we’ll explain why Google AMP is Google’s preferred format for mobile pages, and how you can implement AMP for WordPress.

What Is Google AMP?

Google AMP is a web component framework launched in October 2015 to help create and build lightweight, user-first websites. The mobile initiative is designed to speed up the web by serving up a stripped down version of your webpage.

Many large companies including WordPress, Pinterest, Washington Post, and Reddit have adopted AMP and experienced an increase in monthly unique visitors.

When your webpage is served to mobile users via AMP in Google, it’ll look basic and simplistic, thus achieving AMP’s goal of lightning fast, dynamic experiences and better usability.

Do You Need AMP on Your WordPress Site?

AMP is fast, but it’s not the only way to make web pages load faster or increase your site speed.

There are many case studies that demonstrate AMP’s positive impact on publishers, businesses, and other industries, but there are also many case study failures.  This means there’s no clear-cut decision as to whether AMP is for all sites or not.

What rings true though is that the success of AMP depends on some decision factors. For example, if your users are primarily from desktop, AMP isn’t for you because AMP pages don’t display with rich features on desktop, and they’re not served from the AMP Cache so users may not enjoy these benefits.

The golden rule is that AMP is recommended primarily for publishers running news sites and blogs. Anything else like a portfolio site or landing pages doesn’t necessarily need AMP.

Plus, if your non-AMP pages can load within or below the 2.5-second standard, you probably don’t need to install or maintain AMP.

How to Implement AMP on a WordPress Site

Creating an AMP version of your web page on WordPress may look like a task only developers can handle, but with a little knowledge and some guidance, you can do it on your own.

Google has a workflow process that guides you as you build an AMP page, integrate and optimize the page, set up analytics tracking, and then design the page for your site’s needs.

To get started, Google will provide you with a template code, which you can copy and save to a .html extension, and then add the required mark-up. This will turn the page into a workable AMP HTML document.

Before you publish, you can include images, modify the layout, optimize the page for SEO, preview, and finalize the pages using instructions provided on the sidebar.

If you want, you can experiment with AMP on the amp.dev homepage before trying it out on your own WordPress site.

How to Install Google AMP on WordPress

Manually setting up and installing Google AMP on your WordPress site is complicated. However, you can use plugins like the official AMP plugin for WordPress, AMP for WP, or AMP WP to make the process simpler.

For this guide, we’ll show you how to set up and install AMP on a WordPress site using the official WordPress AMP plugin.

How to Use the WordPress AMP Plugin to Install AMP

1. To get started, install and activate the WordPress AMP plugin on your WordPress site. Go to the WordPress dashboard, select Plugins > Add New.

1. Type AMP plugin in the search box, and select Install Now to install the plugin.

Note: If you’re using WordPress.com, you have to upgrade to the Business plan to install any plugins.

1. Go to Plugins > Installed Plugins, find AMP and select the Activate link to activate the AMP plugin and make it work on your site.

1. Once you activate the plugin, adjust the settings to customize the AMP pages. To configure the plugin, go to AMP > Settings and use the wizard to configure your AMP page settings.

1. Select the Publish button once you’re done adjusting the settings. Your site won’t be visible to your visitors or discoverable by Google, but you can choose whether you want the pages, posts, or both to be shown on your AMP site. To do this, go to AMP > Settings > Advanced Settings, and deselect the Supported Templates checkbox to get more options.

1. Select the options you want and then select Save Changes.

1. You can also integrate Yoast SEO into your AMP setup by going to Plugins > Add New and then search for Yoast SEO & AMP. 
2. Select Install Now, and Activate the plugin. Once activated, go to SEO and select AMP to get further customization options for your page, and then select Save Changes. 
3. Before publishing, preview your AMP site by adding amp to the end of any post or page URL you want . For example, you can go to https://yourwebsite.com/blog-post-title/amp/

How to Validate WordPress AMP

With AMP installed on your WordPress site, the next step is to test that it works correctly. Not only that, but validation also ensures that supported platforms can access and link to your site, and you can find AMP errors for troubleshooting.

You can validate WordPress AMP manually or using Google’s AMP Testing tool.

How to Validate WordPress AMP Manually

1. To do this, open an AMP page, and then add #development=1 to the end of the URL for the web page you’re validating.

1. Go to your browser and open the developer tools console. If you’re using Firefox, select the menu > Web Developer > Web Console. If there are any errors on the AMP page, they’ll be highlighted in red.

Validation errors can be caused by incorrect code, invalid prefixes, or disallowed tags, but you’ll see an explanation of the causes next to the error.

How to Validate WordPress AMP Using Google’s AMP Testing Tool

1. Open the Google AMP Testing tool page, enter the URL of your site, post, or page, and then select Test URL. You can also paste the site’s code and select Test URL.

1. The Googlebot will analyze your site and if valid, you’ll see a preview of how your AMP pages could appear on Google SERPs.

With the Google AMP Testing tool, you can identify AMP errors and see the problem-causing code on your site. You can also select the Share button to share the analysis with your colleagues.

You can also use Google AMP Validator tool to make sure that your code validates, or use the Chrome AMP extension, which also validates the pages, and shows any warnings or errors.

AMP up Your WordPress Site

Google AMP is a major change for any site, especially if you already have lots of mobile traffic. If you run a site with newsy content, it may make sense to install AMP right away, but for other businesses, you could hurt your conversions if you get it wrong.

We recommend testing AMP on a few high-traffic pages to see if you get positive or negative results before making the decision to use it across your entire site.

Have you tried AMP on your WordPress site? Do you have any other tips to share about using AMP for WordPress? Share with us in the comments.

Related posts

• Cách di chuyển WordPress site từ máy chủ này sang máy chủ khác

• Cách cài đặt & Cài đặt WordPress trên Microsoft Azure

• Cách chạy Blazedly Fast WordPress trên Microsoft Azure

• Làm thế nào để cấu hình Privacy trong WordPress và tại sao điều quan trọng là

• Làm thế nào để cài đặt WordPress trên Google Cloud Platform

• 10 Plugin WordPress cần thiết cho một trang web doanh nghiệp nhỏ

• Cách tăng tốc bất kỳ trang web WordPress nào bằng cách sử dụng .HTACCESS

• 7 mẹo WordPress để có một trang web thân thiện với thiết bị di động

• Must Have WordPress Yoast SEO Settings 2021

• Squarespace Vs WordPress: Nền tảng trang web nào tốt hơn?

• Wix Vs WordPress: Cái nào tốt nhất để tạo trang web của bạn?

• Cách cài đặt trang web thử nghiệm WordPress trên máy tính của bạn

• Cách chuyển từ trình soạn thảo WordPress cổ điển sang Gutenberg

• Cách thêm thanh bên nổi trong Wordpress

• Cách chỉnh sửa chân trang trong WordPress

• Đánh giá sách: Xây dựng trang web của riêng bạn: Hướng dẫn truyện tranh về HTML, CSS và Wordpress

• Cách tìm thông tin đăng nhập quản trị viên WordPress của bạn

• Cách tăng hiệu suất trong WordPress thông qua việc làm sạch cơ sở dữ liệu

• Cách theo dõi Broken Links với Google Webmaster Tool

• người dùng chuyển hướng từ trang 404 trong WordPress