Startups

Technology

Reviews

Apps

AMP for WordPress: Top to Toe Explained

www.techsunk.com

Startups

Technology

Reviews

Apps

AMP for WordPress

AMP stands for Accelerated Mobile Pages and is an open-source catalogue of mobile-friendly website pages. The purpose of AMP for WordPress is to quickly and easily load these mobile sites. Many companies such as WordPress and Reddit have adopted AMP and experienced an increase in monthly unique visitors.

When a web page is served to mobile users via AMP, it will look basic and simplistic, thereby giving lightning-fast, dynamic experiences and better usability. It removes a lot of elements from a site that make it load slower, in turn, making it faster. AMP was released by Google in 2015 with its main focus being the speed factor. Thorough research stated that out of 73% of mobile users, 53% of people leave a website if it takes longer than three seconds to load. 

You may also check: Easy Ways To Change Screen Resolution In Windows 10

Using  AMP On A WordPress Site

Creating an AMP version of your web page on WordPress just requires a little knowledge and some guidance, then you are all set to go. Google provides a proper workflow process that guides you to build an AMP page, integrate and optimize it, set up analytics tracking, and then design it according to your site’s needs.

To get started, Google is going to provide you with a template code, which you can copy and save to a .html extension. After this, you can add the required mark-up. This will turn the page into a workable AMP HTML document, publishing which, you can include images, modify the layout, optimize the page for SEO, preview, and finalize the pages.

Please Note: If you want, you can try AMP on the ‘amp.dev homepage’ before trying it out on your WordPress site.

Also check: What Does “Run As Administrator” Mean in Windows 10?

How To Install AMP For WordPress

Installing AMP on your WordPress site, manually, is complicated. However, you can use plugins like the official AMP plugin for WordPress, or AMP for WP to make your process simpler. 

Below, we are going to discuss how to install AMP and set it up on a WordPress site.

  • Step 1: To get started, you first need to install and activate the WordPress AMP plugin on your WordPress site.
  • Step 2: Next you need to go to the ‘WordPress dashboard’ and select the option of ‘Plugins’
  • Step 3: From Plugins, you need to choose the ‘Add New’ option.
  • Step 4: You then need to type ‘AMP plugin’ in the search box, and then select the ‘Install Now’ option to install the plugin.
  • Please Note: If you are using WordPress.com, you have to upgrade to the Business plan to install any of such plugins.
  • Step 5: Next, from the ‘Plugins menu’, you need to head towards the ‘installed Plugins’ and find ‘AMP’.
  • Step 6: Then you need to select the ‘Activate link’ to activate the ‘AMP plugin’ and make it work on your website.
  • Step 7: Once you activate the plugin, you will then need to adjust the settings to customize the AMP pages and to configure the plugin, you will first need to go to ‘AMP’ then to ‘Settings’ and finally use the ‘wizard’ to configure your AMP page settings.
  • Step 8: After adjusting the settings, you need to select the ‘Publish option’.

Points to be noted: Your site won’t be visible to your visitors or Google, but you can choose whether you want the pages or the posts, to be shown on your AMP site. 

To do this, follow the steps given below:

  • First, you need to go to ‘AMP’.
  • Next, you need to move to the ‘Settings’ menu.
  • From there, you need to go to the ‘Advanced Settings’, and then deselect the

‘Supported Templates’ checkbox to get a hold of available options.

  • Finally, you need to select the options you want and then select the ‘Save Changes’ option.

You might also like: How To Recover A Deleted File From Microsoft Teams?

Validating WordPress AMP

After you install AMP on your WordPress site, next, you will have to test whether it works correctly or not. Apart from that, validation also ensures that supported platforms can access and link to your website, and you can find AMP errors for troubleshooting easily.

Please Note: You can validate WordPress AMP manually or use Google’s ‘AMP Testing tool’.

In case you go for validating AMP manually, you can follow the steps mentioned below: 

  • Step 1: To do this, you first need to open an ‘AMP page’, then add ‘#development=1’ to the end of the URL for the web page that you are validating.
  • Step 2: Next, you need to open your browser and go to the ‘developer tools’ menu. In the developer tools, you will notice that if there are any errors on the ‘AMP page’, they will be highlighted in red.

Also available on TechSunk: How To Fix Automatic Repair Loop Issue In Windows 10.

Validating WordPress AMP With Google’s AMP testing tool

  • Step 1: First, you need to open the ‘Google AMP Testing tool page’.
  • Step 2: Then you need to enter the ‘URL’ of your post, website, or page, and select the option of ‘Test URL’.

Please Note: You can even paste your website’s code and select the option of ‘Test URL’.

After this, you will see that the Googlebot has analyzed your site and if valid, you can see a preview of how your AMP pages would appear on ‘Google SERPs’. With the help of ‘Google AMP Testing tool’, you can identify the ‘AMP errors’ and see the code that has caused the problem on your website. Plus, you can even select the ‘Share’ option to share the analysis with whoever is required.

You should also check: What Is System32 Directory And Why Is It So Important?

You can even use the ‘Google AMP Validator tool’ to make sure that your code gets validated, or use the ‘Chrome AMP extension’, which also validates the pages, and displays any warnings or errors that need action.

Conclusion

Dear readers, we hope that you have now understood what is AMP for WordPress and how to install it. We hope this article helped you. Stay tuned to TechSunk for more such topics. 

Latest Articles

Loading...