Setup Properly Google AMP on Your WordPress Site

0

Are you interested in Google AMP? If yes so AMP is a way of making your websites that could be load faster on mobile devices. There are a lot of benefits of fast loading websites and also offers better user experience and improve your traffic. Well, in our new article we will show about the setting of Google AMP in your WordPress -Setup Properly Google AMP on Your WordPress Site

First we want to tell you about Google  AMP.

What is Google AMP?

According to social media, everyone wants to load the page with a high page so AMP is the open source which is supported by the famous technology companies such as Twitter and Google. The aim of this project is to make the web content and pages to load faster and easily for mobile or device users.

What is Google AMP?

AMP is stand for Accelerated Mobile Page which helps in reading. You can use HTML and JavaScript. AMP allows the content to be hosted on Google AMP Cache and Google can serve this cached version to users when they click on your link in the search results.

Benefits of Google AMP

According to SEO expert the Accelerated Mobile Pages will help you in ranking higher in Google, and it improves the user experience for mobile users on slow internet connections. AMP uses limited set of HTML, JavaScript, and CSS. So it means you cannot add any other data and certain widgets and features to your mobile AMP website. It provides the limit to add smart emails forms like facebook boxes and other dynamic scripts.

Google AMP support many analytics platforms but Google Analytics, AMP is having a lot of benefits but also it has some disadvantages such as many bloggers complain about Google AMP.

How to set up AMP in WordPress

The easy ways of setting up AMP in your WordPress are mentioned step by step, the first thing that you need to install and activate the AMP plugin.

Upon activation you can head over to Appearance >>AMP page to see how your site is looking on your mobile devices using AMP. If you want to change the header background and text color on this page so you can, and the header background color you choose will also be used for links.

How to set up AMP in WordPress

But here you have to careful about the change and don’t forget to click on the save button for storing your changes. Now you can visit any single post on your website and add /amp/ at the end of URL, mention in example below,

http://example.com/2016/10/my-blog-post/amp/

How to set up AMP in WordPress

Now if a source code of a orginal post is required to you so you can get it very easily in HTML:

<link rel=”amphtml” href=”http://example.com/2016/10/my-blog-post/amp/” />

Troubleshooting:

If you see or find a 404 error whenever trying on to view the AMP version then you need to visit Setting>>Permalinks page in your WordPress admin and simple click on the ‘Save Changes’ button. But don’t change anything here except save button and this will also refresh your website’s permalink structure.

View AMP in Google Search Console

You can check Google Console if you want to know how AMP are doing Google Search. So simple you have to login to your Google Search Console dashboard and click on Search Appearance>>Accelerated Mobile Page

Here no need of getting worry if you don’t see your AMP results right away. It may take a while for Google to index your AMP and then show data in Search Console.

Extending and Customizing Your Accelerated

 Mobile Pages

The AMP plug-in for WordPress comes with very limited customization options, but you can use some other WordPress plug-in to add few more customizations.

If Yoast SEO is using by you, then you need to install and activate the Glue for Yoast SEO and AMP

It is an add-on plugin for Yoast SEO and AMP plug-in. Upon activation, you need to visit SEO » AMP page to configure plug-in settings.

Yoast SEO setting

On the design tab, you can choose colors and design options. You can also upload a logo and a default header image which will be used when a post does not have its own featured image.

Now here click on save on changes button, there are more plug-in that will allow you to add related posts, footer widgets, and even social media icons to your AMP pages.

 

That’s all we hope that from this article you can how to Setup AMP to your WordPress.

 

Share.

About Author

Leave A Reply