Hello Friends, Today we are going to talk about how to setUp Google AMP in a WordPress blog? While some time ago we told you what are the benefits of using AMP in a blog? In this post, we are going to tell the full guide about the setup of AMP in the blog. If your blog is on WordPress then definitely read this post till last.
How to setUp AMP For Wordpress Full information?
Google is currently focusing mostly on mobile optimization. Especially in India, Google is paying maximum attention to mobile optimization. If you have attended Google Search Conference this year, then you must have told that 99% of people in India use Google from Smart Phone.
99% of people in India browse Google from mobile. That's why Google is working to make itself better for the smartphone. By the way, Google is still completely mobile friendly but still working for better features. This was openly discussed in the GSC.
Last year Google made mobile friendly a ranking factor. After this year, Google Site is going to make loading speed a ranking factor. Its announcement was also made at GSC.
If you want to optimize your site for mobile as well as fast loading your site, then Google and twitter together have prepared a very easy way for you.
Which is named Accelerated Mobile Pages (AMP)? However, Google has made it long ago but still, many bloggers do not know its benefits and do not use it in their blogs.
There are many advantages to using it, which we will tell you point by point below. If your site is not well responsive to mobile and is slow loading, then I would highly recommend that you also use it in your blog.
In my case, I have also been using it in my blog for some time. You can see my amp pages by adding / amp / to the last of my blog URL. That is, you have to visit by entering https://www.blogginghindi.com/amp/ in the browser. I got a very good result from this. That is why I am probably writing this post for all of you.
What is Google AMP?
Google AMP i.e. Accelerated Mobile Pages is an open-source mobile initiative project, created by Google and Twitter together. Its main objective is to provide content for mobile users in minimum time. This is only for mobile users. So that your site loads fastly on mobile.
When you enable AMP in your site, then the data cache of your site will be stored in Google cache. When someone searches related content from your site in mobile, then there will be an AMP version show off your site and clicking on it will load the content from direct google cache. In this way, Google will be able to provide content to its mobile users in minimum time.
Apart from this, the use of javascript in AMP has been made negligible. Because of javascript loads very slowly, which has a great impact on site loading. Apart from this, the tag has not been used in its CSS.
You will be surprised to know that the HTML tags used in the AMP site are not like normal HTML tags. AMP developers have used it by creating HTML tags from themselves. Google says that it can make the loading speed of your site up to 90% faster. Your site will be loaded between 1 to 2 seconds in mobile devices too. With this, your site will also be 100% mobile-friendly.
Pages with AMP have been given a different look in Google SERPs. There is a small amp icon show below the site with its amp so that people can easily identify the amp pages. You can see an example of this below screenshot.
What are the benefits of using AMP (Accelerated Mobile Page)?
The way we told you about the amp, hopefully, you have understood about it well. Now the question may also come in your mind, what are the benefits of using it? Its biggest benefit is that it can make your site up to 90% faster. Let us know about it by point.
It is free and open-source.
This will make your site 100% mobile responsive. And mobile-friendly is a google ranking factor.
This helps in improving your site loading. You know that loading speed is also a ranking factor of Google.
This will lead to better placement in Google SERPs for better CTR of your site.
If your site hosting server is not much better then it is highly recommended for you.
It also makes many improvements to the hosting server of your site.
This will not have much effect on your hosting server.
Your site image will be automatically optimized.
How to SetUp AMP in WordPress?
AMP setup in WordPress is easy. If we talk about the self-build website then it is very difficult. In WordPress, you can easily enable amp with the help of the plugin. For this, both the AMP plugin and AMP for WP are the best. We are going to tell you how to set up AMP for WP below. Because it has given many features for customization. In the AMP plugin, you will not get the option for customization.
Install AMP for WP plugin:
First of all, you have to install this plugin in your blog. As I also told you above that there are many plugins for AMP but I would recommend you use AMP for WP plugin. Because it has many functions, you can easily do customization. You will not need to install any extra plugin.
Please login to your blog. After that go to Plugins Add New and do AMP for WP search. After that this plugin will show, install & activate it.
SetUp Sittings General
Now you have to add a logo to your amp pages or enable the amp, then for this, you go to AMP Settings General.
After that upload the logo in Branding here. In AMP support, you can do whatever you want to enable the amp. We are only about to enable amp in posts and pages.
SetUp Adsense Ads:
If you use Adsense ads in your blog, then you can insert ads in amp pages as well. For this, first, you create an ads unit from Adsense account and copy its Ad client id and Ad slot id.
Now, after login into the blog, you have to go to AMP Settings Advertising. There will be an ad insert option for a different place. For example, enable AD 1 and save it by adding client id and slot id to it. Enabling this other AD option is to add client and slot id.
SEO Setup:
When you enable the amp, the code that was added to the header of your theme will not show on the amp page. There will be no part of your theme in it. Search engine verification code like google, bing, Yandex will be added to the head of your blog. Similarly, you will have to add google, bing, Yandex verification code to the head of the amp pages. When the search engine will be able to index your site. We are now talking about this only.
For this, after login to the blog, go to AMP Settings SEO. Now you add the verification code of google, bing, Yandex, etc. in the box in front of the Head Section. Select the SEO plugin you use in the Select SEO plugin. As I use Yoast SEO, it is selected.
Enable Minify:
If you can make it much faster by minifying CSS, HTML, js in your amp pages. For this, you will not need to install any extra plugin. After you go to the Dashboard, go to AMP Settings Performance. After that enable Minify.
Setup Google Analytics:
Almost all bloggers use Analytics in their blogs. With this, the performance report of the blog is known. You can also add the tracking code of google analytics to your amp pages. For this, it has already been given the option.
For this, after logging into the blog, go to AMP Settings Analytics. Then add the tracking id and save it.
Enable Comment:
When you enable amp in your blog, by default, a comment will be disabled. To enable this, go to AMP "Sittings" Comments. If you want to enable comments in Post or Pages in the option of Display, then enable it. After that enable WordPress comments too.
Setup Theme:
You can also choose different design themes for your amp pages. In it, you will get 4 free themes. If you want, you can also buy a premium theme. By the way, its free theme is also well designed.
If you want to change the amp theme, after logging into the blog, go to AMP Design Theme. After that, you can select the theme here.
Setup Menu:
You can also put a menu in the header of your AMP pages. For this, you need to enable the navigation menu and create a menu. Let us tell you about it in detail.
First, go to AMP Design Header and enable Navigation Menu.
Now you have to create a menu or have already created, then it will have to be enabled for the amp. For this go to Appearance Menu. Now after creating the menu here, tick the AMP Menu below.
Finally,
If you want to do more customization, you can go to "Appearance" "AMP" and customize it with live preview. If the loading speed of your blog is slow, then I will also advise you to use the amp. This will also help in increasing the mobile ranking of your blog.
I hope you liked this post. Comment to ask any question related to this. If you like the post, then share it on social media.
How to setUp AMP For Wordpress Full information?
Google is currently focusing mostly on mobile optimization. Especially in India, Google is paying maximum attention to mobile optimization. If you have attended Google Search Conference this year, then you must have told that 99% of people in India use Google from Smart Phone.
99% of people in India browse Google from mobile. That's why Google is working to make itself better for the smartphone. By the way, Google is still completely mobile friendly but still working for better features. This was openly discussed in the GSC.
Last year Google made mobile friendly a ranking factor. After this year, Google Site is going to make loading speed a ranking factor. Its announcement was also made at GSC.
If you want to optimize your site for mobile as well as fast loading your site, then Google and twitter together have prepared a very easy way for you.
Which is named Accelerated Mobile Pages (AMP)? However, Google has made it long ago but still, many bloggers do not know its benefits and do not use it in their blogs.
There are many advantages to using it, which we will tell you point by point below. If your site is not well responsive to mobile and is slow loading, then I would highly recommend that you also use it in your blog.
In my case, I have also been using it in my blog for some time. You can see my amp pages by adding / amp / to the last of my blog URL. That is, you have to visit by entering https://www.blogginghindi.com/amp/ in the browser. I got a very good result from this. That is why I am probably writing this post for all of you.
What is Google AMP?
Google AMP i.e. Accelerated Mobile Pages is an open-source mobile initiative project, created by Google and Twitter together. Its main objective is to provide content for mobile users in minimum time. This is only for mobile users. So that your site loads fastly on mobile.
When you enable AMP in your site, then the data cache of your site will be stored in Google cache. When someone searches related content from your site in mobile, then there will be an AMP version show off your site and clicking on it will load the content from direct google cache. In this way, Google will be able to provide content to its mobile users in minimum time.
Apart from this, the use of javascript in AMP has been made negligible. Because of javascript loads very slowly, which has a great impact on site loading. Apart from this, the tag has not been used in its CSS.
You will be surprised to know that the HTML tags used in the AMP site are not like normal HTML tags. AMP developers have used it by creating HTML tags from themselves. Google says that it can make the loading speed of your site up to 90% faster. Your site will be loaded between 1 to 2 seconds in mobile devices too. With this, your site will also be 100% mobile-friendly.
Pages with AMP have been given a different look in Google SERPs. There is a small amp icon show below the site with its amp so that people can easily identify the amp pages. You can see an example of this below screenshot.
What are the benefits of using AMP (Accelerated Mobile Page)?
The way we told you about the amp, hopefully, you have understood about it well. Now the question may also come in your mind, what are the benefits of using it? Its biggest benefit is that it can make your site up to 90% faster. Let us know about it by point.
It is free and open-source.
This will make your site 100% mobile responsive. And mobile-friendly is a google ranking factor.
This helps in improving your site loading. You know that loading speed is also a ranking factor of Google.
This will lead to better placement in Google SERPs for better CTR of your site.
If your site hosting server is not much better then it is highly recommended for you.
It also makes many improvements to the hosting server of your site.
This will not have much effect on your hosting server.
Your site image will be automatically optimized.
How to SetUp AMP in WordPress?
AMP setup in WordPress is easy. If we talk about the self-build website then it is very difficult. In WordPress, you can easily enable amp with the help of the plugin. For this, both the AMP plugin and AMP for WP are the best. We are going to tell you how to set up AMP for WP below. Because it has given many features for customization. In the AMP plugin, you will not get the option for customization.
Install AMP for WP plugin:
First of all, you have to install this plugin in your blog. As I also told you above that there are many plugins for AMP but I would recommend you use AMP for WP plugin. Because it has many functions, you can easily do customization. You will not need to install any extra plugin.
Please login to your blog. After that go to Plugins Add New and do AMP for WP search. After that this plugin will show, install & activate it.
SetUp Sittings General
Now you have to add a logo to your amp pages or enable the amp, then for this, you go to AMP Settings General.
After that upload the logo in Branding here. In AMP support, you can do whatever you want to enable the amp. We are only about to enable amp in posts and pages.
SetUp Adsense Ads:
If you use Adsense ads in your blog, then you can insert ads in amp pages as well. For this, first, you create an ads unit from Adsense account and copy its Ad client id and Ad slot id.
Now, after login into the blog, you have to go to AMP Settings Advertising. There will be an ad insert option for a different place. For example, enable AD 1 and save it by adding client id and slot id to it. Enabling this other AD option is to add client and slot id.
SEO Setup:
When you enable the amp, the code that was added to the header of your theme will not show on the amp page. There will be no part of your theme in it. Search engine verification code like google, bing, Yandex will be added to the head of your blog. Similarly, you will have to add google, bing, Yandex verification code to the head of the amp pages. When the search engine will be able to index your site. We are now talking about this only.
For this, after login to the blog, go to AMP Settings SEO. Now you add the verification code of google, bing, Yandex, etc. in the box in front of the Head Section. Select the SEO plugin you use in the Select SEO plugin. As I use Yoast SEO, it is selected.
Enable Minify:
If you can make it much faster by minifying CSS, HTML, js in your amp pages. For this, you will not need to install any extra plugin. After you go to the Dashboard, go to AMP Settings Performance. After that enable Minify.
Setup Google Analytics:
Almost all bloggers use Analytics in their blogs. With this, the performance report of the blog is known. You can also add the tracking code of google analytics to your amp pages. For this, it has already been given the option.
For this, after logging into the blog, go to AMP Settings Analytics. Then add the tracking id and save it.
Enable Comment:
When you enable amp in your blog, by default, a comment will be disabled. To enable this, go to AMP "Sittings" Comments. If you want to enable comments in Post or Pages in the option of Display, then enable it. After that enable WordPress comments too.
Setup Theme:
You can also choose different design themes for your amp pages. In it, you will get 4 free themes. If you want, you can also buy a premium theme. By the way, its free theme is also well designed.
If you want to change the amp theme, after logging into the blog, go to AMP Design Theme. After that, you can select the theme here.
Setup Menu:
You can also put a menu in the header of your AMP pages. For this, you need to enable the navigation menu and create a menu. Let us tell you about it in detail.
First, go to AMP Design Header and enable Navigation Menu.
Now you have to create a menu or have already created, then it will have to be enabled for the amp. For this go to Appearance Menu. Now after creating the menu here, tick the AMP Menu below.
Finally,
If you want to do more customization, you can go to "Appearance" "AMP" and customize it with live preview. If the loading speed of your blog is slow, then I will also advise you to use the amp. This will also help in increasing the mobile ranking of your blog.
I hope you liked this post. Comment to ask any question related to this. If you like the post, then share it on social media.