Accelerated Mobile Pages (AMP), a simple and elegant solution that can streamline the information much faster without all the extra baggage that a typical website has. It loads instantly and dramatically improves the performance of the mobile sites. AMP is an open source initiative build in collaboration with many different partners. AMP is just like a normal HTML website with a couple of restrictions on the extra baggage. So let’s implement AMP on WordPress.
Walk through the below steps to enable AMP for your website
There are three methods to Activate AMP for your website (use any one of the method)
METHOD 1:
- Login to WordPress Admin option panel –> Plugins –> Add New –> Search for “Accelerated Mobile Pages” (By Ahmed Kaludi, Mohammed Kaludi) –> Click Install –> Click Activate.
Accelerated Mobile Pages is successfully activated.
Method 2:
- Click Here to download Accelerated Mobile Pages Plugin by Kaludi Brothers.
- Login to WordPress Admin option panel –> Plugins –> Add New –> Upload Plugin –> Choose file (Navigate to your Downloads folder then Select Downloaded zip file) –> Install Now –> Activate.
METHOD 3:
Extract the downloaded Zip files
Login to your FTP client (Here we are using Filezilla) –> Navigate to Root Directory –> WpContent –> Plugins –> Upload the extracted folders
Login to WordPress Admin panel –> Plugins –> Now Activate the uploaded plugins.
Conclusion
Google AMP pages look kind of interesting because the AMP enabled pages to load 4x faster than standard pages. Integrating AMP on WordPress website is easy and it enables you to stay on top in all Search Engines, glean the rewards without any hard work.
That’s it for this tutorial!
We hope it helped you. If you have any feedback or questions, then please share them in the comments section below.
Well explained in detail
And how to add ads in between post content,
Is there any way show ads of other than AdSense
Hi Srinivas,
I’m glad that you found the blog post useful, regarding your question on how to add ads in between post content? We have got a lot of request from the AMP community for this feature and we have released an Extension called “Advanced AMP Ads”, with this you can add in-content ads as well as Sticky ads. Link to the extension is https://ampforwp.com/advanced-amp-ads/
And regarding your second question, we will add support for other ad providers as well in future updates.
If you have any question, please feel free to ask.
Mohammed Kaludi
Pingback: Step-By-Step Guide for How to Insert ADS between post content in AMP - AMP for WordPress
Thank you for sharing such an awesome information about AMP. There is very rare and true information about AMP on the internet. This will help me lot.
Thanks a lot for this well explained post … Recently Updated my WordPress blog and it working excellent.
Thanks for the guide and the plugin
i will test it on my blogs 🙂
For me is not working. I follow tutorial, but my blog http://www.espressocafe.ro/blog/?amp is blank page, nothing is showing.
Hey Catalin,
That is strange, can you please tell me which other plugins you are using with this one?
I would be more than happy to help you and make your site AMP compatible.
Mohammed Kaludi
Hello,
Sorry for not replying in this time. Amp is working fine on my WordPresso blog. Great plug in. Thanks
Thanks alot for this wonderful plugin. but please i noticed that at times the mobile redirect doesn’t work it still takes me to the desktop version.
And then i will like to increase the number of post on the front page from 10 to about 15.
I also noticed my google adsense does not display on operamini browser
Lastly it will be much better if the comment box is on the amp version instead of redirecting to the normal version.
I will be very grateful if you can answer this questions .
Thanks
Should my mobile version of my website automatically point to website.com/amp ? We want our mobile to look the same and only if you choose to go to amp do you get those pages
THanks but i have a problem and i can solved it quickly
How about a tutorial on the Design section? or “Launch Page Builder”?
all I see is raw css or html code, what am I to make of that?
are we to hand write our html to build an amp version from scratch?
Yes, David, that’s a good idea.
Can you please let us know what are you trying to achieve? so that I can understand, it will help me improve the plugin and the user expectation.
Regards,
Ahmed