Boost the Organic Mobile Traffic with AMP in WordPress
By Adarsh Sojitra on September 13th, 2021
Google Accelerated Mobile Pages (AMP) is an open-source library. It helps you create fast, smooth-scrolling, and stripped-down versions of your web pages that look great on mobile devices. AMP is extremely user-friendly, building on existing platforms and frameworks. Additionally, it’s fully compatible with WordPress and themes. Google AMP Project works by allowing you to create a duplicate of your site using AMP HTML.
Google AMP provides many benefits. However, it also has potential benefits. Let’s discuss the benefits of the AMP version.
- It gives a boost to Search Engine Optimization (SEO). Google AMP provides boosting speed. Since page speed is an essential factor in your page’s rankings in search engine results pages, this can help make your site more highlighted. Google AMP will also ensure that your site’s pages show up in the Google News carousel.
- It provides an enhanced user experience. The estimation says that a staggering 33% of all potential sales fail when a website is not optimized for mobile devices. An even concerning study found that 57% of internet users stated they wouldn’t recommend a business with a poorly-designed mobile website. It makes it easy to create user-friendly mobile web pages to help you avoid any down.
- It increases server performance. Google AMP benefits from some of Google’s key optimization features. It reduces the bandwidth usage for images by 50% (without affecting image quality) and increases server-side rendering. By reducing the load on your server, AMP helps to improve your site’s performance.
AMP (Accelerated Mobile Page) is a powerful WordPress plugin for page experience. It seamlessly integrates with normal publishing flow and allows the use of existing themes and plugins. Thus, you can enhance your site’s page experience using multiple configurations.
You will have an AMP configuration wizard that will help you choose the options that perfectly suit your site. Also, you will have three template modes – Standard, Transitional, and Reader. In standard mode, your site will be completely AMP (except in cases where you opt-out of AMP for specific parts of your site), and it will only use a single theme. In the transitional mode, your site will have a non-AMP and an AMP version, and both will use the same theme. If the automatic mobile redirection is enabled, the AMP version of the content will be served on mobile devices. If AMP-to-AMP linking is enabled, users will continue navigating your AMP content once they are on an AMP page. In the reader mode, your site will have a non-AMP and an AMP version, and each version will use its own theme.
Moreover, you will have over ten options for theme selection. You can choose this theme for the AMP version. You can also enable the redirect mobile visitors to the AMP option. Additionally, you can also customize many options such as the site’s identity, headings, background images, and custom CSS. You will have supported templates for content-type options. You can enable or disable the templates for pages, posts, and media in the AMP version. Also, you can enable or disable the “serve all templates as AMP” option. So, let’s briefly discuss the basic features of this plugin.
- It will automate the process of generating AMP-valid markup as much as possible, letting users follow the standard workflows.
- The plugin provides development support to make it easier for WordPress developers to build AMP-compatible ecosystem components and build websites and solutions with built-in AMP compatibility.
- AMP plugin also supports the serving of AMP pages to make it easier for site owners to take advantage of mobile redirection, AMP-to-AMP linking, and generation of optimized AMP by default.
- Moreover, it provides an effective validation tools to help users deal with AMP incompatibilities.
- You will have over 10 theme options for the AMP version, also you can choose the template mode from standard, transitional, and reader.
- Additionally, you will have many configuration settings for themes, such as background images and the site’s identity.
AMP plugin offers two paid plans – Team and Enterprise plan. The team plan costs $4 per month, includes features like web-based support and 2GB of package storage. At the same time, the enterprise plan retails for $21 per month along with premium features and add-ons.
How To Install And Activate AMP Plugin
The installation process is very easy. You can just follow the simple steps mentioned below to install and activate the plugin.
Step 1: First, you need to log in to the WordPress admin dashboard.
Step 2: Now, go to the “Plugins” option on the left-hand side panel of the WordPress dashboard, then select “Add New.”
Step 3: You will see a search bar on the top right-hand side corner of the dashboard. Search “AMP Plugin”
Step 4: Click on “Install Now.”
Step 5: After installation, you need to activate the AMP Plugin in order to use it on your site. Now, click on “Activate.”
Now you have successfully installed and activated the plugin. You can start configuring your site for the AMP version to gain a good page experience.
How To Configure The Settings Of AMP Plugin
After activating the plugin on your site, you can start using this plugin on your site. You just have to customize a few settings for the AMP version. We have explained step by step guide below on how to use this plugin,
Step 1: First, go to the “AMP” option on the left-hand side panel of the dashboard. Then select “Settings.”
Step 2: You will have to configure the AMP settings. Now, click on “Open Wizard” under the configure AMP” section.
Step 3: You will be directed to configure the settings page. On the welcome page, you will see the guidelines for the plugin setup. Click on “Next” to move further.
Step 4: After that, it will ask if you have a technical background or not. If you are a developer, then click on “Developer Savvy”, and if you are a non-developer, then click on “Non-Technical Savvy” and want a simple setup. Click on “Next”
Step 5: After that, you will have a template mode page. You will have three template modes – Standard, Transitional, and Reader.
Your site will be completely AMP (except in cases where you opt-out of AMP for specific parts of your site), and it will use a single theme, in the Standard mode.
In Transitional mode, your site will have a non-AMP and an AMP version, and both will use the same theme.
In Reader mode, your site will have a non-AMP and an AMP version, and each version will use its own theme. Select any one mode as per requirement.
Step 6: Now, you will be directed to Theme selection. You will have 11 options for theme selection. Also, you can choose any theme for the AMP version. The selected theme will be applied in the AMP version. Click on “Next” to move forward.
Step 7: Now, You will have a “Review” page. This page basically shows you the template and themes you have selected for the desktop and mobile versions. Now, you can enable the “Redirect Mobile Visitors to AMP”. That means your mobile visitors will see the AMP version of your site’s content. Once you enable and check the options, click on “Next.”
Step 8: This plugin will now save the settings. The theme will automatically be installed once you will see the congratulations page. Now, your site is ready to serve the AMP pages to your mobile visitors. If you have selected “Reader mode”, then the AMP version of your site will be served using the reader theme. While pages for the non-AMP version of your site will be served using your primary theme.
Step 9: Now, you can customize other settings for the AMP version by clicking on “customize”. You will be directed to the customization setting page. You will have various customization options on this page like site identity, color, background image, menus, and custom CSS. Click on “Publish” once you are done with the settings.
Step 10: After that, go to the “Settings” page available on the dashboard. Scroll down to “Advanced settings” and enable the content types for AMP. Also, you can enable pages and posts for the AMP version. You can also check the media option for the AMP version. Moreover, it will let you enable the “Serve All Templates as AMP” or choose the templates you want in the AMP version. Click on “Save”
Now, you can check the mobile version of your site. The settings are saved and updates for your mobile visitors. Now, it allows browsers and apps to load your site’s content quickly on mobile devices.
AMP is one of the popular WordPress plugins for a great and efficient page experience. You can easily optimize your page for the AMP version. Also, you will have three template modes and over ten theme selection options. You can also configure the themes. The installation and setup process is very easy and quick. You can just follow the step-by-step guide on how to install and activate the AMP plugin. Also, you can go through the guide on how to configure the settings of this plugin. We hope this article will help you to create an effective AMP version of your site.