{"id":84299,"date":"2018-03-07T04:18:54","date_gmt":"2018-03-07T09:18:54","guid":{"rendered":"https:\/\/www.templatemonster.com\/help\/?p=84299"},"modified":"2018-03-07T04:18:54","modified_gmt":"2018-03-07T09:18:54","slug":"how-to-setup-google-amp-on-your-wordpress-website","status":"publish","type":"post","link":"https:\/\/www.templatemonster.com\/help\/how-to-setup-google-amp-on-your-wordpress-website.html","title":{"rendered":"How to setup Google AMP on your WordPress Website"},"content":{"rendered":"

AMP stands for Accelerated Mobile Pages and helps to increase site loading speed on mobile devices. Nowadays, in the era of mobile technology expansion, it’s really important for every website to offer as much as possible in the shortest term. Therefore, today, we’re going to show you how to setup Google AMP on WordPress.<\/p>\r\n\r\n

    \r\n\t
  1. \r\n\t\t

    First, you’ll need to choose the plugin created for this purpose. In this tutorial, we are going to show you the example based on a use of the AMP for WordPress<\/a> plugin created by Automattic.<\/p>\r\n\t<\/li>\r\n\t

  2. \r\n\t\t

    So, open the plugin’s page<\/strong> and click the Download<\/strong> button to save the plugin to your computer.<\/p>\r\n\r\n\"\"<\/a>\t\r\n\t<\/li>\r\n\t

  3. \r\n\t\t

    Upload it to your WordPress Dashboard at the Plugins -> Add New -> Upload<\/strong> menu and activate the plugin after installing it. Now you’re fully prepared to start doing the real magic.<\/p>\r\n\t<\/li>\r\n\t

  4. \r\n\t\t

    Right after activating the plugin adds a new AMP menu under the Appearance section in the dashboard – feel free to navigate there to preview the new site mobile design and adjust it to your needs.<\/p>\t\r\n\t<\/li>\r\n\t

  5. \r\n\t\t

    To do so, simply open the Appearance -> AMP<\/strong>, and click on the mobile icon below to switch your website to the mobile layout. You will see some customization options such as ‘Header Text Color’<\/strong> or ‘Header Background & Link Color’<\/strong>, depending on a theme you’re using. You can also select the desired color scheme for mobile, i.e., Light, Dark<\/em>.<\/p>\r\n\t\t\r\n\"\"<\/a>\t\t\r\n\t<\/li>\r\n\t

  6. \r\n\t\t

    If you want to add more options to this section, you may install and activate some additional plugins. One of them is the\r\nGlue for Yoast SEO & AMP<\/a>, that provides some additional design options, such as images upload and Google Analytics implementation. <\/p>\t\t\r\n\t<\/li>\r\n\t

  7. \r\n\t\t

    Finally, sign into your account at Google Webmasters<\/a>, enter the URL of your website and click on the ‘ADD A PROPERTY’<\/strong> button. Note: you’ll need to verify your ownership of the website by following the instructions on a screen. When it’s done, you will get an access to the Google Search Console Dashboard, where you can go to Search Appearance -> Accelerated Mobile Pages<\/strong> to see some stats. Please, keep in mind it might take some time to index your site data so if it asks you to check back later, don’t panic, but just do so! <\/p>\r\n\t\t\r\n\"\"<\/a>\t\r\n\t<\/li>\r\n<\/ol>\t\r\n

    We hope this step-by-step guidance was useful for you. Feel free to check our blog<\/a> to learn more tweaks on how to manage your WordPress website as a guru of the web design!<\/p>\r\n

    Also, make sure to look through the collection of other WordPress themes<\/a>.<\/p>","protected":false},"excerpt":{"rendered":"

    Today, we’re going to show you how to setup Google AMP on WordPress.<\/p>\n","protected":false},"author":59,"featured_media":84305,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":[],"categories":[2017,728],"tags":[2624,2623,2625],"_links":{"self":[{"href":"https:\/\/www.templatemonster.com\/help\/wp-json\/wp\/v2\/posts\/84299"}],"collection":[{"href":"https:\/\/www.templatemonster.com\/help\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.templatemonster.com\/help\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.templatemonster.com\/help\/wp-json\/wp\/v2\/users\/59"}],"replies":[{"embeddable":true,"href":"https:\/\/www.templatemonster.com\/help\/wp-json\/wp\/v2\/comments?post=84299"}],"version-history":[{"count":4,"href":"https:\/\/www.templatemonster.com\/help\/wp-json\/wp\/v2\/posts\/84299\/revisions"}],"predecessor-version":[{"id":84307,"href":"https:\/\/www.templatemonster.com\/help\/wp-json\/wp\/v2\/posts\/84299\/revisions\/84307"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.templatemonster.com\/help\/wp-json\/wp\/v2\/media\/84305"}],"wp:attachment":[{"href":"https:\/\/www.templatemonster.com\/help\/wp-json\/wp\/v2\/media?parent=84299"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.templatemonster.com\/help\/wp-json\/wp\/v2\/categories?post=84299"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.templatemonster.com\/help\/wp-json\/wp\/v2\/tags?post=84299"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}