Clicky

  1. Home
  2. Getting Started
  3. 2. Settings & Options
  4. Step-By-Step Guide for Implementing AMP on WordPress

Step-By-Step Guide for Implementing AMP on WordPress

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.

Ask your Questions Directly!
If you can't find the solutions in this article, then just ask us in the comments and we will answer it for you!
Updated on January 30, 2020

    Are you still looking for a solution?

    Then fill out the below form and we will reach out to you within a few hours.

    Was this article helpful?

    Related Articles

    Comments

    1. Well explained in detail
      And how to add ads in between post content,
      Is there any way show ads of other than AdSense

      1. 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

    2. Pingback: Step-By-Step Guide for How to Insert ADS between post content in AMP - AMP for WordPress

    3. 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.

      1. 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

        1. Hello,
          Sorry for not replying in this time. Amp is working fine on my WordPresso blog. Great plug in. Thanks

    4. 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

    5. 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

    6. 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?

      1. 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

    Leave a Comment