Blog

WEBFI-WordPress-How to Properly Setup Google AMP on Your WordPress Site



Are you wanting to set up Google AMP for your WordPress website? AMP will make your website load faster on mobile devices. In this video, we will show you how to set up Google AMP in WordPress.

Text version of this tutorial:
http://www.wpbeginner.com/wp-tutorials/how-to-properly-setup-google-amp-on-your-wordpress-site/

If you liked this video, then please Like and consider subscribing to our channel for more WordPress videos.

Check us out on Facebook:
https://www.facebook.com/wpbeginner

Follow us on Twitter:
http://twitter.com/wpbeginner

Join our circle on Google+:
https://plus.google.com/+wpbeginner/

Checkout our website for more WordPress Tutorials
http://www.wpbeginner.com/

Summary of this tutorial:

Google AMP is designed for improving the mobile experience for your site by showing a stripped down version of your site. There are pros and cons for setting this up for your site but it would depend on personal preference for if you should add it.

For installing the AMP plugin go under Plugins, Add New and find the AMP plugin.

Under Appearance, AMP you will be able to customize the look of your site for when users view it on mobile.

There are multiple customization options including colors and logos for the new reduced page of your site for mobile.

Once you have it designed how you would like, ensure you save your changes.

Should you want to preview the AMP page from your computer you would go to the post and add /amp to the end of the url.

Using the Yoast SEO plugin you are able to customize the design, colors, and other options for your AMP pages.

source

38 Comments

  • Janis Freimann on October 2, 2017

    I was looking for a way to implement AMP and didn't even know that Yoast has this feature. Thank you!!

  • Dean Robinson on October 2, 2017

    Interesting, thanks!

  • Folks who have implemented AMP on their WP site, in general, has it made a diff in terms of traffic or on-page times increasing? Curious to know.

  • Azman Nabi on October 2, 2017

    Yoast saves us from another AMP plugin.

  • Vijayabalan G on October 5, 2017

    Thanks for the tutorial, it is awesome!

  • Van Bawi Lian on October 5, 2017

    I can't setup AMP. It asks me to fill New Entry?

  • Thomas Michaud on October 9, 2017

    Thanks for this tutorial. I'm going to work through this on my clients' sites this week and share with my students too!

  • humbertqz on October 15, 2017

    Thanks for the video.

  • Gyull on October 17, 2017

    Wow great information

  • Suresh Khanal on October 27, 2017

    My content is developed on WordPress Pages and I use Posts only for the blog for icttrends.com site. I wonder if there is any plugin to convert my WordPress pages into AMP pages?

  • Rahul Mishra on October 28, 2017

    Bro, it's old tactic. If you have something new like "How to implement AMP on pages", plz let us know.

  • Vivek Dobriyal on November 4, 2017

    Amp setup in blogger

  • Big G on November 8, 2017

    Please can someone explain what constitutes a mobile device? Meaning: What version of a website will load on an iPad Mini compared to a large screen mobile phone? And if it's AMP on the iPad Mini, does that mean AMP takes precedence on any sized iPad? And will the user have a choice at this stage? Thanks

  • Real Jamz on December 23, 2017

    What about Blogger?

  • Memes Of Mirzapur on December 23, 2017

    Can this is possible when someone visit my website to using mobile devices than he will automatically redirect amp page format.

  • Jason Stallworth on December 31, 2017

    Thank you for this…I'm installing AMP and the Yoast Glue on all my sites as we speak!

  • peakminute on January 12, 2018

    If the AMP plugin does not work with pages (landing pages should not be affected it should load as before from server with responsive design), just posts should load faster and between content existing adsense ads or optin boxes may dissapear from the site, then why on earth I would like to install it? My website is responsive for mobile devices already, it may load slightly slower, but will show all content on the web, which is important for me! Could anyone using AMP comment about this situation?

  • Brand Design on January 14, 2018

    Excellent Guide

  • Meinungsmacher on January 24, 2018

    Does anyone think that amp makes any sense for a normal website?
    No analytics… restrictions everywhere… inline css like in 2002….

  • Jason Stallworth on February 7, 2018

    What sucks about AMP is now the landing pages I created with Thrive doesn’t display the page one mobile. So I’m losing traffic to that page on mobile. Does anyone have a solution for this?

  • Stevenn on October 11, 2018

    i cant believe i am just seeing this video… its really helpful please create more content like this. keep up the good work

  • What Is Weight Loss About on November 15, 2018

    Thanks, it was reasonably helpful, though now, I have doubts with the comment below being read, is this correct?

  • TrackMyPhones on November 30, 2018

    Nice video. Would have liked to see how the APM page looks like when you visit from google search as well. But why you say AMP will reduce mobile traffic?

  • vivek saxena on February 9, 2019

    only homepage open as non amp page sometime what to do?

  • WordPress Repair Service on May 13, 2019

    I can't find amp plugin by automatic. can anyone give me the link?

  • MrVituspolikarpus on June 20, 2019

    Cukup membantu, akan dicoba praktekkan

  • Chizelunwa Ikechukwu on December 6, 2019

    Haven't come across an amazing video like this in such a long while.Thank you

  • R. A. Ross on March 10, 2020

    This really needs to be updated since the recommended plugin is no longer available

  • 5hu on March 12, 2020

    Is it possible to opt out of amp without giving up on the search engine ? I'll probably switch to duckduckgo on my phone if it isn't possible

  • A on March 14, 2020

    Hi, Am unable to change to dark mode, there is an error "AMP IS NOT AVAILABLE FOR THE PAGE CURRENTLY PREVIEWED. NAVIGATE TO AN AMP COMPATIBLE PAGE". So my mobile background cannot be changed to dark. Please help.

  • Andrea De Luca on March 19, 2020

    In 2020, in a wp website made with elementor, does it still make sense?

  • Nikolaos Ziakas on April 15, 2020

    Are AMP useful for a travel blog?

  • tanaman kebun on June 5, 2020

    Thank you for this tutorial

  • Ideal Guru on August 7, 2020

    how to remove featured image from the post in amp..?

  • Bon Vivant Chef Tori on September 16, 2020

    How does this integrate with stripe inline forms? I would like to install AMP pages but I need people to be able to purchase easily on these pages. Also on the cons I'm confused about how it might reduce mobile traffic. Can you explain?

  • Blest Living on October 1, 2020

    Hi, having issue with AMP, says de bugging is required. Can you please help to resolve ?

  • Amal Kishor on December 21, 2020

    Amp disadvantage -if you delete any post amp version of that post doesn't delete.

  • Gabriel Nwatarali on June 8, 2021

    Thanks. I get a 404 error whenever I try to customize the AMP theme. Do you happen to have a solution for this issue?

WhatsApp us
Live Chat

Office hours operation Mon-Sun 8:00 am ET – 4:00 pm ET

To start your Premium WP or Cpanel service, use our domain search engine, if the domain you want is available, contact us by Whats app to activate your project.

The easiest, fastest, and most secure way to communicate with us.
loading
Please enter your domain.
Please verify that you are not a robot.

Terms Privacy

 

 

error: WEBFINET SECURITY IS ON