Well, in today’s mobile-centric and technologically advanced world, it has become essential for the users to get web pages loaded quickly. Along with that, the effects of slow page speed have been seen as one of the major reasons behind the decrease in overall revenue of the websites and causes as a massive increase in page abandonment.
Today, when nobody even has the time to take a peaceful breath, everybody wants to have his/her work and purpose completed within seconds, users expect mobile sites to load as quickly as the desktop counterparts.
Hence, in today’s world, Accelerated Mobile Pages (AMPs) have become a significant standard for how a fast-loading page must be created. Using a pre-render, the AMPs have gained the ability to load 15-80 percent faster as compared to the standard mobile pages without having to compromise functionality. Hence, it has been observed that WordPress can become a good testing platform so as to preview what your AMP page might appear like.
There are some quick and simple steps to be followed for setting up and testing AMP for WordPress. Have a look:
STEP 1: You need to install and activate AMP plugin(s)
- You require AMP plugin by Automattic to begin its implementation as it is the base plugin.
- Your AMP plugin would be automatically generating AMP-compatible versions of all your WordPress posts, which can be viewed by appending /amp/ at the end of your post URLs.
- This would make only your posts, and not your pages, AMP-compatible. So as to make your pages AMP=compatible, you would be required to install additional plugins.
- Once the AMP plugins have been installed, layering on additional plugins can let you gain greater functionality. There are a number of free options available from where you can choose.
STEP 2: You are required to set up Google Analytics
- After installing AMP plugins, the next step that you should follow is to set the pages up for Google Analytics tracking for which you are required to search for your tracking ID.
- You need to login to Google Analytics and click on the gear icon which can be found at the bottom left so to bring up the Admin panel.
- Once the ACCOUNT and PROPERTY have been selected from their respective drop-down menus, you need to click on the “Tracking Info” within the PROPERTY column.
- Then you are required to click on “Tracking Code” so as to see your tracking ID and the tracking ID should begin with UA.
- You are then required to copy your tracking ID and log in to WordPress.
- You are needed to go to AMP> Analytics in the left-hand navigation and paste the tracking ID in “Google Analytics.”
- Then, click on Save Changes.
STEP 3: You need to configure plugin settings
- Configuring the plugin settings will allow you to customize the looks of the accelerated mobile pages and enable the AMP support for multiple content types.
- You are required to go to Yoast SEO > AMP > Post Types. Then, you need to select which post types should be AMP-compliant.
- On the “Design” tab, you can easily customize the look of the AMP-enabled pages. You can even apply CSS styling, customize the content and link colors or even upload a custom AMP icon as well as set a default image for the pages.
STEP 4: You need to test or validate your AMP setup
After creating AMP URLs, it becomes important to ensure that they’re functioning properly. If they have not been configured rightly, Google will not be able to display them in search results. There are many options to validate your AMP setup:
- Conduct the AMP Test
- First, go to https://search.google.com/test/amp
- Paste your URL and click on “Run Test”
- Not whether the outcome was valid or invalid
- Option 2: Developer Console
- The other option is meant specifically for those who generally use the Google Chrome browser.
- You need to open the AMP page in the browser
- You need to append #development=1 to the end of the URL
- You are required to open Chrome Dev Tools Console and check for the validation errors.
- Option 3: AMP Validator
- You need to go to https://validator.ampproject.org/
- You are required to paste the AMP URL in the “URL” field and then click on “Validate.”
- This tool can help you get your errors highlighted and flagged in the HTML
STEP 5: You are required to submit the most important AMP URLs for indexation
After using the AMP Test through Google Search Console, all you need to do is to click the “submit to Google” button after running the test and validating the page:
STEP 6: You can view in Google Search Console so as to troubleshoot for errors
Google Search Console provides you with an easy and convenient way to manage and organize all the AMP pages in one concise location. All you need to do is:
- Directly log in to Google Search Console.
- In Search Appearance, click on Accelerated Mobile Pages.
Through this, you would be able to see how many of your Accelerated Mobile Pages have been indexed and which ones have critical issues. Your pages have been identified with issues, you can easily troubleshoot shoot them using the tools.
STEP 7: Now you need to test page speed
You are now required to run your AMP along with standard mobile pages through a page speed tool and compare the results:
By following the given steps, you can quickly and conveniently enable AMP pages for your WordPress site. So, what are you waiting for? Get started!