{"id":3452,"date":"2021-03-31T03:52:33","date_gmt":"2021-03-31T03:52:33","guid":{"rendered":"https:\/\/test.zakratheme.com\/blog\/?p=3452"},"modified":"2024-05-30T07:50:53","modified_gmt":"2024-05-30T07:50:53","slug":"how-to-set-up-amp-in-wordpres","status":"publish","type":"post","link":"https:\/\/zakratheme.com\/blog\/how-to-set-up-amp-in-wordpres\/","title":{"rendered":"How to Set Up AMP in WordPress? (Step by Step for Beginners)"},"content":{"rendered":"\n<p>Do you want to know how to set up AMP in WordPress? If yes, then stay tuned!&nbsp;<\/p>\n\n\n\n<p>Stats say <strong>more than 50% of internet users <\/strong>use mobile devices for internet browsing. Thus, it\u2019s high to improve the loading speed of your site on such devices. And if you\u2019re thinking about it, then there\u2019s no better choice than <strong>Accelerated Mobile Pages<\/strong> or AMP.&nbsp;<\/p>\n\n\n\n<p>In this article, we\u2019ll be talking in detail about <strong>how to create AMP pages in WordPress<\/strong>. But before that, let\u2019s understand more about AMP and its functions.&nbsp;<\/p>\n\n\n\n<hr class=\"wp-block-separator\"\/>\n\n\n\n<div id=\"ez-toc-container\" class=\"ez-toc-v2_0_75 counter-hierarchy ez-toc-counter ez-toc-grey ez-toc-container-direction\">\n<div class=\"ez-toc-title-container\">\n<p class=\"ez-toc-title\" style=\"cursor:inherit\">Table of Contents<\/p>\n<span class=\"ez-toc-title-toggle\"><a href=\"#\" class=\"ez-toc-pull-right ez-toc-btn ez-toc-btn-xs ez-toc-btn-default ez-toc-toggle\" aria-label=\"Toggle Table of Content\"><span class=\"ez-toc-js-icon-con\"><span class=\"\"><span class=\"eztoc-hide\" style=\"display:none;\">Toggle<\/span><span class=\"ez-toc-icon-toggle-span\"><svg style=\"fill: #004846;color:#004846\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" class=\"list-377408\" width=\"20px\" height=\"20px\" viewBox=\"0 0 24 24\" fill=\"none\"><path d=\"M6 6H4v2h2V6zm14 0H8v2h12V6zM4 11h2v2H4v-2zm16 0H8v2h12v-2zM4 16h2v2H4v-2zm16 0H8v2h12v-2z\" fill=\"currentColor\"><\/path><\/svg><svg style=\"fill: #004846;color:#004846\" class=\"arrow-unsorted-368013\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"10px\" height=\"10px\" viewBox=\"0 0 24 24\" version=\"1.2\" baseProfile=\"tiny\"><path d=\"M18.2 9.3l-6.2-6.3-6.2 6.3c-.2.2-.3.4-.3.7s.1.5.3.7c.2.2.4.3.7.3h11c.3 0 .5-.1.7-.3.2-.2.3-.5.3-.7s-.1-.5-.3-.7zM5.8 14.7l6.2 6.3 6.2-6.3c.2-.2.3-.5.3-.7s-.1-.5-.3-.7c-.2-.2-.4-.3-.7-.3h-11c-.3 0-.5.1-.7.3-.2.2-.3.5-.3.7s.1.5.3.7z\"\/><\/svg><\/span><\/span><\/span><\/a><\/span><\/div>\n<nav><ul class='ez-toc-list ez-toc-list-level-1 ' ><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-1\" href=\"https:\/\/zakratheme.com\/blog\/how-to-set-up-amp-in-wordpres\/#what-is-amp-and-how-does-it-work\" >What is AMP and How Does it Work?<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-2\" href=\"https:\/\/zakratheme.com\/blog\/how-to-set-up-amp-in-wordpres\/#pros-and-cons-of-google-amp\" >Pros and Cons of Google AMP<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-3\" href=\"https:\/\/zakratheme.com\/blog\/how-to-set-up-amp-in-wordpres\/#how-to-set-up-amp-in-wordpress-step-by-step-for-beginners\" >How to Set Up AMP in WordPress? (Step by Step for Beginners)<\/a><ul class='ez-toc-list-level-3' ><li class='ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-4\" href=\"https:\/\/zakratheme.com\/blog\/how-to-set-up-amp-in-wordpres\/#step-1-install-and-activate-the-amp-plugin-the-official-amp-plugin-for-wordpress\" >Step 1: Install and Activate the AMP Plugin (The Official AMP Plugin for WordPress)&nbsp;<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-5\" href=\"https:\/\/zakratheme.com\/blog\/how-to-set-up-amp-in-wordpres\/#step-2-adjust-the-settings\" >Step 2: Adjust the Settings<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-6\" href=\"https:\/\/zakratheme.com\/blog\/how-to-set-up-amp-in-wordpres\/#step-3-add-advanced-functionality-to-your-amp-content\" >Step 3: Add Advanced Functionality to your AMP Content&nbsp;<\/a><\/li><\/ul><\/li><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-7\" href=\"https:\/\/zakratheme.com\/blog\/how-to-set-up-amp-in-wordpres\/#to-sum-up\" >To Sum Up,&nbsp;<\/a><\/li><\/ul><\/nav><\/div>\n<h2 class=\"wp-block-heading\" id=\"h-what-is-amp-and-how-does-it-work\"><span class=\"ez-toc-section\" id=\"what-is-amp-and-how-does-it-work\"><\/span>What is AMP and How Does it Work?<span class=\"ez-toc-section-end\"><\/span><\/h2>\n\n\n\n<p>Accelerated Mobile Pages or AMP is an open-source project created by <a href=\"https:\/\/about.google\/\" target=\"_blank\" rel=\"noreferrer noopener nofollow\">Google<\/a>. The major goal of this start-up is to optimize mobile web browsing. It was also meant to improve <strong>user experience<\/strong> by making web content <strong>load faster<\/strong> on such devices.&nbsp;<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img fetchpriority=\"high\" decoding=\"async\" width=\"770\" height=\"320\" src=\"https:\/\/zakratheme.com\/blog\/wp-content\/uploads\/2021\/03\/amp-accelerated-mobile-pages.png\" alt=\"AMP - Accelerated Mobile Pages\" class=\"wp-image-3548\" srcset=\"https:\/\/zakratheme.com\/blog\/wp-content\/uploads\/2021\/03\/amp-accelerated-mobile-pages.png 770w, https:\/\/zakratheme.com\/blog\/wp-content\/uploads\/2021\/03\/amp-accelerated-mobile-pages-300x125.png 300w, https:\/\/zakratheme.com\/blog\/wp-content\/uploads\/2021\/03\/amp-accelerated-mobile-pages-768x319.png 768w, https:\/\/zakratheme.com\/blog\/wp-content\/uploads\/2021\/03\/amp-accelerated-mobile-pages-720x300.png 720w\" sizes=\"(max-width: 770px) 100vw, 770px\" \/><\/figure>\n\n\n\n<p>Upon implementing AMP in your WordPress site, it becomes <strong>responsive<\/strong>. It means your site will be totally compatible with all types of screens. This way, there won\u2019t be any disturbances to visitors while browsing your site.&nbsp;<\/p>\n\n\n\n<p>Therefore, AMP pages drive significant traffic to your site along with <strong>reducing the bounce rate<\/strong>. Undoubtedly, this would make your site rank higher in search engines and <a href=\"https:\/\/zakratheme.com\/blog\/best-wordpress-seo-plugins\/\">maintain your SEO<\/a>.&nbsp;<\/p>\n\n\n\n<p>Technically, AMP works with the help of <strong>an HTML framework<\/strong>. This lets the site owners create \u2018lightweight\u2019 web pages. And their optimization is powered by <a href=\"https:\/\/www.javascript.com\/\" target=\"_blank\" rel=\"noreferrer noopener nofollow\">JavaScript<\/a>.<\/p>\n\n\n\n<p>Likewise, the content of your website is hosted on Google AMP cache. Search engines like Google use the same cached version. They use it to show instant results whenever the users go through your site\u2019s link in the <strong>search results<\/strong>.<\/p>\n\n\n\n<hr class=\"wp-block-separator\"\/>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"h-pros-and-cons-of-google-amp\"><span class=\"ez-toc-section\" id=\"pros-and-cons-of-google-amp\"><\/span>Pros and Cons of Google AMP<span class=\"ez-toc-section-end\"><\/span><\/h2>\n\n\n\n<p>Now, after a short introduction of Google AMP, let\u2019s go through its pros &amp; cons. Some major benefits of enabling AMP on your sites are:<\/p>\n\n\n\n<ul class=\"wp-block-list\"><li><strong>Enhance Loading Time of your Website<\/strong>: Google AMP helps to <a href=\"https:\/\/zakratheme.com\/blog\/best-wordpress-speed-optimization-plugins\/\">load your website faster <\/a>so that the visitors could browse without any disturbance.&nbsp;&nbsp;<\/li><li><strong>Reduced Bounce Rates:<\/strong> When your website performs betters, the rate of website engagement increases. Hence, there&#8217;s a significant decrease in bounce rates.&nbsp;<\/li><li><strong>Better Search Results:<\/strong> Mobile-friendly websites built with AMP are more likely to <a href=\"https:\/\/zakratheme.com\/blog\/best-wordpress-seo-plugins\/\">have a better ranking <\/a>than non-AMP pages.&nbsp;<\/li><li><strong>Improves Server Responses: <\/strong>The AMP framework reduces the load from your servers, eventually making its responses quicker.&nbsp;<\/li><li><strong>Increased ROI (Return on Investment):<\/strong> With a stable &amp; fast-loading website, it will drive more page visits, increase conversions, and <a href=\"https:\/\/zakratheme.com\/blog\/best-wordpress-lead-generation-plugins\/\">generate leads<\/a>.&nbsp;<\/li><li><strong>Increase in Ads viewing:<\/strong> Results show that AMP pages deliver better advertising as they are loaded faster and visitors get a quick glimpse.&nbsp;&nbsp;<\/li><\/ul>\n\n\n\n<p>However, there are certain things that you need to consider before setting up AMP in WordPress. They are:&nbsp;<\/p>\n\n\n\n<ul class=\"wp-block-list\"><li><strong>Slow-Loading Video Content:<\/strong> AMP may not be able to render the videos as quickly as other content.&nbsp;<\/li><li><strong>Limited Support &amp; Features: <\/strong>There aren\u2019t many widgets and features that you can add to your mobile AMP page.&nbsp;<\/li><li><strong>Can be Difficult for Non-developers:<\/strong> It can be difficult to learn how to implement AMP in WordPress. But with the correct WordPress AMP plugins, things get easy.<\/li><\/ul>\n\n\n\n<hr class=\"wp-block-separator\"\/>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"h-how-to-set-up-amp-in-wordpress-step-by-step-for-beginners\"><span class=\"ez-toc-section\" id=\"how-to-set-up-amp-in-wordpress-step-by-step-for-beginners\"><\/span>How to Set Up AMP in WordPress? (Step by Step for Beginners)<span class=\"ez-toc-section-end\"><\/span><\/h2>\n\n\n\n<p>Now, after you know well about AMP and its importance, let&#8217;s move to how to set up AMP in WordPress. We will be discussing the whole process in detail via using <a href=\"https:\/\/zakratheme.com\/blog\/best-wordpress-amp-plugins\/\"><strong>WordPress AMP plugins<\/strong><\/a>, So, let&#8217;s begin!<\/p>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"h-step-1-install-and-activate-the-amp-plugin-the-official-amp-plugin-for-wordpress\"><span class=\"ez-toc-section\" id=\"step-1-install-and-activate-the-amp-plugin-the-official-amp-plugin-for-wordpress\"><\/span>Step 1: Install and Activate the AMP Plugin (The Official AMP Plugin for WordPress)&nbsp;<span class=\"ez-toc-section-end\"><\/span><\/h3>\n\n\n\n<p>We start with installing and activating \u2018<strong><a href=\"https:\/\/wordpress.org\/plugins\/amp\/\" rel=\"nofollow noopener\" target=\"_blank\">The Official AMP plugin for WordPress<\/a><\/strong>\u2019. This plugin enables AMP content publishing with WordPress. Also, it seamlessly integrates with the standard mechanism of the platform.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img decoding=\"async\" width=\"770\" height=\"351\" src=\"https:\/\/zakratheme.com\/blog\/wp-content\/uploads\/2021\/03\/the-official-amp-plugin-for-WordPress.png\" alt=\"The Official AMP plugin for WordPress\" class=\"wp-image-3549\" srcset=\"https:\/\/zakratheme.com\/blog\/wp-content\/uploads\/2021\/03\/the-official-amp-plugin-for-WordPress.png 770w, https:\/\/zakratheme.com\/blog\/wp-content\/uploads\/2021\/03\/the-official-amp-plugin-for-WordPress-300x137.png 300w, https:\/\/zakratheme.com\/blog\/wp-content\/uploads\/2021\/03\/the-official-amp-plugin-for-WordPress-768x350.png 768w\" sizes=\"(max-width: 770px) 100vw, 770px\" \/><\/figure>\n\n\n\n<p>For that, navigate through <strong>Plugins &gt;&gt;<\/strong> <strong>Add New<\/strong> on your WordPress sidebar. <\/p>\n\n\n\n<div class=\"wp-block-image\"><figure class=\"aligncenter size-large\"><img decoding=\"async\" width=\"305\" height=\"124\" src=\"https:\/\/zakratheme.com\/blog\/wp-content\/uploads\/2021\/03\/adding-new-plugin-in-WordPress.png\" alt=\"adding-new-plugin-in-WordPress\" class=\"wp-image-3550\" srcset=\"https:\/\/zakratheme.com\/blog\/wp-content\/uploads\/2021\/03\/adding-new-plugin-in-WordPress.png 305w, https:\/\/zakratheme.com\/blog\/wp-content\/uploads\/2021\/03\/adding-new-plugin-in-WordPress-300x122.png 300w\" sizes=\"(max-width: 305px) 100vw, 305px\" \/><\/figure><\/div>\n\n\n\n<p>Search for the plugin, click on the \u2018<strong>Install Now<\/strong>\u2019 button, and <strong>activate<\/strong> it simultaneously.&nbsp;<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"770\" height=\"320\" src=\"https:\/\/zakratheme.com\/blog\/wp-content\/uploads\/2021\/03\/installing-the-offcial-amp-plugin-for-WordPress.png\" alt=\"installing-the-offcial-amp-plugin-for-WordPress\" class=\"wp-image-3551\" srcset=\"https:\/\/zakratheme.com\/blog\/wp-content\/uploads\/2021\/03\/installing-the-offcial-amp-plugin-for-WordPress.png 770w, https:\/\/zakratheme.com\/blog\/wp-content\/uploads\/2021\/03\/installing-the-offcial-amp-plugin-for-WordPress-300x125.png 300w, https:\/\/zakratheme.com\/blog\/wp-content\/uploads\/2021\/03\/installing-the-offcial-amp-plugin-for-WordPress-768x319.png 768w, https:\/\/zakratheme.com\/blog\/wp-content\/uploads\/2021\/03\/installing-the-offcial-amp-plugin-for-WordPress-720x300.png 720w\" sizes=\"(max-width: 770px) 100vw, 770px\" \/><\/figure>\n\n\n\n<p>Right after you install it, its icon will appear on the sidebar. You can check there for its <strong>updates<\/strong>, <strong>settings<\/strong>, and <strong>analytics<\/strong>. We will discuss this in step 2.&nbsp;<\/p>\n\n\n\n<div class=\"wp-block-image\"><figure class=\"aligncenter size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"184\" height=\"156\" src=\"https:\/\/zakratheme.com\/blog\/wp-content\/uploads\/2021\/03\/amp-icons-and-settings-in-WordPress-sidebar.png\" alt=\"amp-icons-and-settings-in-WordPress-sidebar\" class=\"wp-image-3552\"\/><\/figure><\/div>\n\n\n\n<p>On the same page, if you want to know in detail about installing a plugin, go through \u2018<a href=\"https:\/\/themegrill.com\/blog\/how-to-install-a-wordpress-plugin\/\" target=\"_blank\" rel=\"noopener\">How to Install a WordPress Plugin?<\/a>\u2019. You will certainly get more ideas on it!&nbsp;<\/p>\n\n\n\n<hr class=\"wp-block-separator\"\/>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"h-step-2-adjust-the-settings\"><span class=\"ez-toc-section\" id=\"step-2-adjust-the-settings\"><\/span>Step 2: Adjust the Settings<span class=\"ez-toc-section-end\"><\/span><\/h3>\n\n\n\n<p>After you\u2019ve installed <strong>the AMP plugin<\/strong>, it\u2019s necessary to adjust its settings so that it could work properly. For that, go to the \u2018<strong>AMP<\/strong>\u2019 section available on your WordPress sidebar. You can see two options: <strong>Settings <\/strong>and <strong>Analytics <\/strong>there.&nbsp;<\/p>\n\n\n\n<p>Similarly, at the top of your page, you can see the \u2018<strong>Configure AMP<\/strong>\u2019 section. It helps to choose the best configuration settings for your site. Hence, you need to set it up before starting.&nbsp;<\/p>\n\n\n\n<div class=\"wp-block-image\"><figure class=\"aligncenter size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"528\" height=\"212\" src=\"https:\/\/zakratheme.com\/blog\/wp-content\/uploads\/2021\/03\/configure-amp.png\" alt=\"configure-amp plugin the official amp plugin for WordPress\" class=\"wp-image-3553\" srcset=\"https:\/\/zakratheme.com\/blog\/wp-content\/uploads\/2021\/03\/configure-amp.png 528w, https:\/\/zakratheme.com\/blog\/wp-content\/uploads\/2021\/03\/configure-amp-300x120.png 300w\" sizes=\"(max-width: 528px) 100vw, 528px\" \/><\/figure><\/div>\n\n\n\n<p>For that, click on \u2018<strong>Open Wizard<\/strong>\u2019 and you can set the things as per your convenience. <\/p>\n\n\n\n<div class=\"wp-block-image\"><figure class=\"aligncenter size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"601\" height=\"243\" src=\"https:\/\/zakratheme.com\/blog\/wp-content\/uploads\/2021\/03\/open-wizard-for-amp-settings.png\" alt=\"open-wizard-for-amp-settings\" class=\"wp-image-3554\" srcset=\"https:\/\/zakratheme.com\/blog\/wp-content\/uploads\/2021\/03\/open-wizard-for-amp-settings.png 601w, https:\/\/zakratheme.com\/blog\/wp-content\/uploads\/2021\/03\/open-wizard-for-amp-settings-300x121.png 300w\" sizes=\"(max-width: 601px) 100vw, 601px\" \/><\/figure><\/div>\n\n\n\n<p>You only have to set your<strong> technical background<\/strong> &amp; <strong>template mode<\/strong> you want.&nbsp;<\/p>\n\n\n\n<div class=\"wp-block-image\"><figure class=\"aligncenter size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"590\" height=\"325\" src=\"https:\/\/zakratheme.com\/blog\/wp-content\/uploads\/2021\/03\/welcome-to-amp-settings.png\" alt=\"welcome-to-amp-settings\" class=\"wp-image-3555\" srcset=\"https:\/\/zakratheme.com\/blog\/wp-content\/uploads\/2021\/03\/welcome-to-amp-settings.png 590w, https:\/\/zakratheme.com\/blog\/wp-content\/uploads\/2021\/03\/welcome-to-amp-settings-300x165.png 300w\" sizes=\"(max-width: 590px) 100vw, 590px\" \/><\/figure><\/div>\n\n\n\n<p>After you\u2019re done, click on the \u2018<strong>Finish<\/strong>\u2019 options. And it will save your settings &amp; the site is ready to serve AMP pages to your users.&nbsp;<\/p>\n\n\n\n<div class=\"wp-block-image\"><figure class=\"aligncenter size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"564\" height=\"332\" src=\"https:\/\/zakratheme.com\/blog\/wp-content\/uploads\/2021\/03\/finishing-up-the-amp-settings.png\" alt=\"finishing-up-the-amp-settings\" class=\"wp-image-3556\" srcset=\"https:\/\/zakratheme.com\/blog\/wp-content\/uploads\/2021\/03\/finishing-up-the-amp-settings.png 564w, https:\/\/zakratheme.com\/blog\/wp-content\/uploads\/2021\/03\/finishing-up-the-amp-settings-300x177.png 300w\" sizes=\"(max-width: 564px) 100vw, 564px\" \/><\/figure><\/div>\n\n\n\n<p>On the same page, you can see the options for \u2018<strong>Advanced Settings<\/strong>\u2019 too. In the section of \u2018<strong>Supported Templates<\/strong>\u2019, you can enable AMP for the content type you want.&nbsp;<\/p>\n\n\n\n<div class=\"wp-block-image\"><figure class=\"aligncenter size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"556\" height=\"243\" src=\"https:\/\/zakratheme.com\/blog\/wp-content\/uploads\/2021\/03\/verifying-content-type.png\" alt=\"verifying-content-type\" class=\"wp-image-3557\" srcset=\"https:\/\/zakratheme.com\/blog\/wp-content\/uploads\/2021\/03\/verifying-content-type.png 556w, https:\/\/zakratheme.com\/blog\/wp-content\/uploads\/2021\/03\/verifying-content-type-300x131.png 300w\" sizes=\"(max-width: 556px) 100vw, 556px\" \/><\/figure><\/div>\n\n\n\n<p>Likewise, in \u2018<strong>Plugin Suppression<\/strong>\u2019, you can add\/suppress the plugin from running on AMP pages. It shows the active plugins on your site and their status on AMP markup.&nbsp;<\/p>\n\n\n\n<div class=\"wp-block-image\"><figure class=\"aligncenter size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"520\" height=\"253\" src=\"https:\/\/zakratheme.com\/blog\/wp-content\/uploads\/2021\/03\/amp-plugin-suppression.png\" alt=\"verifying-content-type to set up AMP in WordPress\" class=\"wp-image-3558\" srcset=\"https:\/\/zakratheme.com\/blog\/wp-content\/uploads\/2021\/03\/amp-plugin-suppression.png 520w, https:\/\/zakratheme.com\/blog\/wp-content\/uploads\/2021\/03\/amp-plugin-suppression-300x146.png 300w\" sizes=\"(max-width: 520px) 100vw, 520px\" \/><\/figure><\/div>\n\n\n\n<p>You can simply change the status for any activated plugin by clicking on its dropdown menu. You can click on \u2018<strong>Active<\/strong>\u2019 to activate or \u2018<strong>Suppressed<\/strong>\u2019 to inactivate the plugin on AMP pages.&nbsp;<\/p>\n\n\n\n<p>Finally, there is a section on \u2018<strong>Analytics<\/strong>\u2019 too. But it\u2019s recommendable to go through it only if you\u2019re a tech-savvy person.&nbsp; After you <strong>set up the settings<\/strong>, just don&#8217;t forget to click on &#8216;<strong>Save Changes<\/strong>&#8216;<\/p>\n\n\n\n<div class=\"wp-block-image\"><figure class=\"aligncenter size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"596\" height=\"264\" src=\"https:\/\/zakratheme.com\/blog\/wp-content\/uploads\/2021\/03\/save-changes.png\" alt=\"setting analytics for setting amp in WordPress\" class=\"wp-image-3559\" srcset=\"https:\/\/zakratheme.com\/blog\/wp-content\/uploads\/2021\/03\/save-changes.png 596w, https:\/\/zakratheme.com\/blog\/wp-content\/uploads\/2021\/03\/save-changes-300x133.png 300w\" sizes=\"(max-width: 596px) 100vw, 596px\" \/><\/figure><\/div>\n\n\n\n<hr class=\"wp-block-separator\"\/>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"h-step-3-add-advanced-functionality-to-your-amp-content\"><span class=\"ez-toc-section\" id=\"step-3-add-advanced-functionality-to-your-amp-content\"><\/span>Step 3: Add Advanced Functionality to your AMP Content&nbsp;<span class=\"ez-toc-section-end\"><\/span><\/h3>\n\n\n\n<p>The basic AMP plugin has some limitations. One of them is the configuration of your AMP content. Also, there is a lot of other customization that you aren\u2019t available in the basic AMP plugin.&nbsp;<\/p>\n\n\n\n<p>So, we add the \u2018<strong><a href=\"https:\/\/wordpress.org\/plugins\/accelerated-mobile-pages\/\" target=\"_blank\" rel=\"noreferrer noopener nofollow\">AMP for WP<\/a><\/strong>\u2019 plugin for this. It automatically provides the AMP functionality on your website, making it faster to load. And also, it comes with tons of useful extensions.&nbsp;<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"770\" height=\"351\" src=\"https:\/\/zakratheme.com\/blog\/wp-content\/uploads\/2021\/03\/amp-for-WP-accelerated-mobile-pages.png\" alt=\"amp-for-WP-accelerated-mobile-pages\" class=\"wp-image-3560\" srcset=\"https:\/\/zakratheme.com\/blog\/wp-content\/uploads\/2021\/03\/amp-for-WP-accelerated-mobile-pages.png 770w, https:\/\/zakratheme.com\/blog\/wp-content\/uploads\/2021\/03\/amp-for-WP-accelerated-mobile-pages-300x137.png 300w, https:\/\/zakratheme.com\/blog\/wp-content\/uploads\/2021\/03\/amp-for-WP-accelerated-mobile-pages-768x350.png 768w\" sizes=\"(max-width: 770px) 100vw, 770px\" \/><\/figure>\n\n\n\n<p>To install it, navigate through \u2018<strong>Plugins<\/strong>\u2019 <strong>&gt;&gt;<\/strong> \u2018<strong>Add New<\/strong>\u2019. Search for AMP for WP, click on \u2018<strong>Install Now<\/strong>\u2019 and activate it.&nbsp;<\/p>\n\n\n\n<div class=\"wp-block-image\"><figure class=\"aligncenter size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"645\" height=\"249\" src=\"https:\/\/zakratheme.com\/blog\/wp-content\/uploads\/2021\/03\/installing-amp-plugin-amp-for-wp.png\" alt=\"installing-amp-plugin-amp-for-wp\" class=\"wp-image-3561\" srcset=\"https:\/\/zakratheme.com\/blog\/wp-content\/uploads\/2021\/03\/installing-amp-plugin-amp-for-wp.png 645w, https:\/\/zakratheme.com\/blog\/wp-content\/uploads\/2021\/03\/installing-amp-plugin-amp-for-wp-300x116.png 300w\" sizes=\"(max-width: 645px) 100vw, 645px\" \/><\/figure><\/div>\n\n\n\n<p>After its installation, its icon will appear on the sidebar. You can see many options under its icons; <strong>Setup<\/strong>, <strong>Settings<\/strong>, <strong>Design<\/strong>, <strong>Extensions<\/strong>,<strong> Upgrade to Pro<\/strong>, <strong>Documentation<\/strong>, and <strong>Import\/Export<\/strong>.&nbsp;<\/p>\n\n\n\n<p>If you want to learn its functioning in detail, getting through its <strong>documentation <\/strong>will be a great idea. But, if you want to avoid that, keep on reading!<\/p>\n\n\n\n<h4 class=\"wp-block-heading\" id=\"h-configuring-customizing-your-amp-site\">Configuring &amp; Customizing Your AMP Site&nbsp;&nbsp;<\/h4>\n\n\n\n<p>AMP for WP has made it easy to set up and configure its settings. At first, it gives you the option to choose from \u2018<strong>Basic Setup<\/strong>\u2019 and \u2018<strong>Advance <\/strong>Setup\u2019. It\u2019s better to choose the basic level, to begin with. But, there are more options of customization in Advanced.&nbsp;<\/p>\n\n\n\n<div class=\"wp-block-image\"><figure class=\"aligncenter size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"349\" height=\"273\" src=\"https:\/\/zakratheme.com\/blog\/wp-content\/uploads\/2021\/03\/choosing-admin-panel-view.png\" alt=\"Choosing admin panel for how to set up amp in WordPress\" class=\"wp-image-3562\" srcset=\"https:\/\/zakratheme.com\/blog\/wp-content\/uploads\/2021\/03\/choosing-admin-panel-view.png 349w, https:\/\/zakratheme.com\/blog\/wp-content\/uploads\/2021\/03\/choosing-admin-panel-view-300x235.png 300w\" sizes=\"(max-width: 349px) 100vw, 349px\" \/><\/figure><\/div>\n\n\n\n<p>To begin, there is an option of \u2018<strong>Setup<\/strong>\u2019. You need to complete your setup for a better AMP experience. You can set the <strong>website type<\/strong>, <strong>design &amp; presentation<\/strong>, <strong>analytics tracking<\/strong>, and where you need AMP for.&nbsp;<\/p>\n\n\n\n<div class=\"wp-block-image\"><figure class=\"aligncenter size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"505\" height=\"306\" src=\"https:\/\/zakratheme.com\/blog\/wp-content\/uploads\/2021\/03\/basic-amp-setup.png\" alt=\"how to set up AMP in WordPress\" class=\"wp-image-3563\" srcset=\"https:\/\/zakratheme.com\/blog\/wp-content\/uploads\/2021\/03\/basic-amp-setup.png 505w, https:\/\/zakratheme.com\/blog\/wp-content\/uploads\/2021\/03\/basic-amp-setup-300x182.png 300w\" sizes=\"(max-width: 505px) 100vw, 505px\" \/><\/figure><\/div>\n\n\n\n<p>Likewise, you can configure the design of your AMP pages. For that, you need to choose \u2018<strong>Advance Setup<\/strong>\u2019. The \u2018<strong>Design<\/strong>\u2019 section will then appear on the screen. Click on the \u2018<strong>Design<\/strong>\u2019 and multiple options of customization come up.&nbsp;<\/p>\n\n\n\n<div class=\"wp-block-image\"><figure class=\"aligncenter size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"487\" height=\"218\" src=\"https:\/\/zakratheme.com\/blog\/wp-content\/uploads\/2021\/03\/advance-amp-setup.png\" alt=\"advance-amp-setup on how to implement AMP in WordPress\" class=\"wp-image-3564\" srcset=\"https:\/\/zakratheme.com\/blog\/wp-content\/uploads\/2021\/03\/advance-amp-setup.png 487w, https:\/\/zakratheme.com\/blog\/wp-content\/uploads\/2021\/03\/advance-amp-setup-300x134.png 300w\" sizes=\"(max-width: 487px) 100vw, 487px\" \/><\/figure><\/div>\n\n\n\n<p>From here, you can choose and add different \u2018<strong>themes<\/strong>\u2019 for your site. Similarly, there are options to customize the layouts and color options of your site. Also, you can set the options for your <strong>date format<\/strong>, <strong>published date<\/strong> of your posts, and many more.&nbsp; <\/p>\n\n\n\n<p>After you set all them up, just don\u2019t forget to click on the \u2018<strong>Save Changes<\/strong>\u2019 button.&nbsp;<\/p>\n\n\n\n<hr class=\"wp-block-separator\"\/>\n\n\n\n<h4 class=\"wp-block-heading\" id=\"h-enable-amp-for-your-pages-posts\">Enable AMP for Your Pages &amp; Posts&nbsp;<\/h4>\n\n\n\n<p>AMP for WP plugins allows you to enable AMP for your pages, posts, archives, and more. For that go to \u2018<strong>Settings\u2019 &gt;&gt; \u2018General<\/strong>\u2019.&nbsp;<\/p>\n\n\n\n<div class=\"wp-block-image\"><figure class=\"aligncenter size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"653\" height=\"367\" src=\"https:\/\/zakratheme.com\/blog\/wp-content\/uploads\/2021\/03\/general-setting-amp-support.png\" alt=\"general-setting-amp-support-in-WordPress\" class=\"wp-image-3565\" srcset=\"https:\/\/zakratheme.com\/blog\/wp-content\/uploads\/2021\/03\/general-setting-amp-support.png 653w, https:\/\/zakratheme.com\/blog\/wp-content\/uploads\/2021\/03\/general-setting-amp-support-300x169.png 300w\" sizes=\"(max-width: 653px) 100vw, 653px\" \/><\/figure><\/div>\n\n\n\n<p>You can find the options for Branding and AMP Support. In the AMP Support section, you can enable AMP support for the content you want. Just scroll the white button, make it green, and it\u2019s activated.<\/p>\n\n\n\n<p>Likewise, on the branding section above, you can find options to upload\/remove and resize your <strong>Brand Logo<\/strong>.&nbsp;<\/p>\n\n\n\n<p>In the same section, you can also adjust its<strong> Custom Post Types<\/strong> and <strong>Custom Taxonomies<\/strong>.<\/p>\n\n\n\n<div class=\"wp-block-image\"><figure class=\"aligncenter size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"451\" height=\"299\" src=\"https:\/\/zakratheme.com\/blog\/wp-content\/uploads\/2021\/03\/custom-post-type.png\" alt=\"custom-post-type in AMP for WP plugin\" class=\"wp-image-3566\" srcset=\"https:\/\/zakratheme.com\/blog\/wp-content\/uploads\/2021\/03\/custom-post-type.png 451w, https:\/\/zakratheme.com\/blog\/wp-content\/uploads\/2021\/03\/custom-post-type-300x199.png 300w\" sizes=\"(max-width: 451px) 100vw, 451px\" \/><\/figure><\/div>\n\n\n\n<p>Just like above, don\u2019t forget to click \u2018<strong>Save Changes<\/strong>\u2019 after you make those customizations.&nbsp;<\/p>\n\n\n\n<hr class=\"wp-block-separator\"\/>\n\n\n\n<h4 class=\"wp-block-heading\" id=\"h-add-adsense-ads-to-amp-content\">Add AdSense Ads to AMP Content&nbsp;<\/h4>\n\n\n\n<p>To add Adsense ads to your AMP content, go to \u2018<strong>Settings\u2019 &gt;&gt; \u2018Advertisement<\/strong>\u2019. There are sections for customizing \u2018<strong>Advertisement Positions<\/strong>\u2019, <strong>Ad Performance<\/strong>, and<strong> General Settings<\/strong>.<\/p>\n\n\n\n<div class=\"wp-block-image\"><figure class=\"aligncenter size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"515\" height=\"333\" src=\"https:\/\/zakratheme.com\/blog\/wp-content\/uploads\/2021\/03\/setting-advertisement-1.png\" alt=\"setting-advertisement while setting AMP in WordPress \" class=\"wp-image-3571\" srcset=\"https:\/\/zakratheme.com\/blog\/wp-content\/uploads\/2021\/03\/setting-advertisement-1.png 515w, https:\/\/zakratheme.com\/blog\/wp-content\/uploads\/2021\/03\/setting-advertisement-1-300x194.png 300w\" sizes=\"(max-width: 515px) 100vw, 515px\" \/><\/figure><\/div>\n\n\n\n<div class=\"wp-block-image\"><figure class=\"aligncenter size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"515\" height=\"333\" src=\"https:\/\/zakratheme.com\/blog\/wp-content\/uploads\/2021\/03\/setting-advertisement.png\" alt=\"setting-advertisement while setting AMP in WordPress\" class=\"wp-image-3567\" srcset=\"https:\/\/zakratheme.com\/blog\/wp-content\/uploads\/2021\/03\/setting-advertisement.png 515w, https:\/\/zakratheme.com\/blog\/wp-content\/uploads\/2021\/03\/setting-advertisement-300x194.png 300w\" sizes=\"(max-width: 515px) 100vw, 515px\" \/><\/figure><\/div>\n\n\n\n<p>To configure the ad blocks, all you need to do is pick your ad location. There are six different locations like \u2018<strong>Below the Header<\/strong>\u2019, \u2018<strong>Below the Footer<\/strong>\u2019, and others. You can select the one you\u2019d like to add.<\/p>\n\n\n\n<div class=\"wp-block-image\"><figure class=\"aligncenter size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"400\" height=\"334\" src=\"https:\/\/zakratheme.com\/blog\/wp-content\/uploads\/2021\/03\/verifying-adsense-positions.png\" alt=\"verifying-AdSense-positions\" class=\"wp-image-3579\" srcset=\"https:\/\/zakratheme.com\/blog\/wp-content\/uploads\/2021\/03\/verifying-adsense-positions.png 400w, https:\/\/zakratheme.com\/blog\/wp-content\/uploads\/2021\/03\/verifying-adsense-positions-300x251.png 300w\" sizes=\"(max-width: 400px) 100vw, 400px\" \/><\/figure><\/div>\n\n\n\n<figure class=\"wp-block-image size-large\"><img decoding=\"async\" src=\"https:\/\/zakratheme.com\/blog\/wp-content\/uploads\/2021\/03\/advertisement-positions-2.png\" alt=\"advertisement-positions\" class=\"wp-image-3573\"\/><\/figure>\n\n\n\n<figure class=\"wp-block-image size-large\"><img decoding=\"async\" src=\"https:\/\/zakratheme.com\/blog\/wp-content\/uploads\/2021\/03\/advertisement-positions.png\" alt=\"setting advertisement-positions while setting AMP in WordPress\" class=\"wp-image-3568\"\/><\/figure>\n\n\n\n<p>Then, you can configure ad settings like<strong> ad type<\/strong>, <strong>ad size<\/strong>, and<strong> publisher&#8217;s data<\/strong>.<\/p>\n\n\n\n<p>Additionally, you can enable &#8216;<strong>Optimize for Viewability<\/strong>\u2019 and &#8216;<strong>Sponsorship Label<\/strong>&#8216; at Ad Performance and General section respectively.&nbsp;<\/p>\n\n\n\n<hr class=\"wp-block-separator\"\/>\n\n\n\n<h4 class=\"wp-block-heading\" id=\"h-add-social-buttons-to-amp-content\">Add Social Buttons to AMP Content&nbsp;<\/h4>\n\n\n\n<p>You just need to go to the \u2018<strong>Design\u2019 &gt;&gt; \u2018Social Sharing<\/strong>\u2019 option for adding social buttons. Here, you can find sections like <strong>Social Settings<\/strong> and <strong>Social Sharing<\/strong>.&nbsp;<\/p>\n\n\n\n<div class=\"wp-block-image\"><figure class=\"aligncenter size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"500\" height=\"264\" src=\"https:\/\/zakratheme.com\/blog\/wp-content\/uploads\/2021\/03\/social-sharing-settings.png\" alt=\"social-sharing-settings with amp plugin\" class=\"wp-image-3570\" srcset=\"https:\/\/zakratheme.com\/blog\/wp-content\/uploads\/2021\/03\/social-sharing-settings.png 500w, https:\/\/zakratheme.com\/blog\/wp-content\/uploads\/2021\/03\/social-sharing-settings-300x158.png 300w\" sizes=\"(max-width: 500px) 100vw, 500px\" \/><\/figure><\/div>\n\n\n\n<p>You can enable or disable individual social networks in the <strong>Social Sharing section<\/strong>. You will find all the latest social media handles like <strong>Telegram<\/strong>, <strong>Line<\/strong>, <strong>Reddit<\/strong>, and more.&nbsp;<\/p>\n\n\n\n<p>Moreover, you can enable social share via<strong> Social settings<\/strong>. You will also find extra options for its<strong> position<\/strong>, <strong>social share links to AMP<\/strong>, etc. after enabling it.&nbsp;<\/p>\n\n\n\n<div class=\"wp-block-image\"><figure class=\"aligncenter size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"421\" height=\"174\" src=\"https:\/\/zakratheme.com\/blog\/wp-content\/uploads\/2021\/03\/sticky-social-bar.png\" alt=\"sticky-social-bar\" class=\"wp-image-3575\" srcset=\"https:\/\/zakratheme.com\/blog\/wp-content\/uploads\/2021\/03\/sticky-social-bar.png 421w, https:\/\/zakratheme.com\/blog\/wp-content\/uploads\/2021\/03\/sticky-social-bar-300x124.png 300w\" sizes=\"(max-width: 421px) 100vw, 421px\" \/><\/figure><\/div>\n\n\n\n<p>Furthermore, there are options for &#8216;<strong>Sticky Social Sharing bar<\/strong>&#8216; and showcasing your social media profile links.&nbsp;<\/p>\n\n\n\n<hr class=\"wp-block-separator\"\/>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"h-to-sum-up\"><span class=\"ez-toc-section\" id=\"to-sum-up\"><\/span>To Sum Up,&nbsp;<span class=\"ez-toc-section-end\"><\/span><\/h2>\n\n\n\n<p>This is it for<strong> how to set up AMP in WordPress<\/strong>. With the help of AMP, you can get multiple benefits for your site. It helps to rank your site higher on search engines like Google and maintain SEO.&nbsp;<\/p>\n\n\n\n<p>Likewise, with the improved performance of your site, <a href=\"https:\/\/zakratheme.com\/blog\/best-wordpress-amp-plugins\/\">AMP helps to gain significant traffic<\/a>. And as it continues, you get decent conversion rates and generate leads. Thus, it\u2019s a wholesome solution for those sites that want to perform better and rank higher.&nbsp;<\/p>\n\n\n\n<p>Not to mention, to create AMP pages is super easy with WordPress AMP plugins. And \u2018<strong>The Official AMP Plugin for WordPress<\/strong>\u2019 and \u2018<strong>AMP for WP<\/strong>\u2019 are perfect for it. With them, the process gets super easy and effective. Also, the best part is you get enough configuration options to customize it as per your requirements.&nbsp;<\/p>\n\n\n\n<p>So, AMP is certainly recommendable for your WordPress site. And we hope you got enough ideas on how to implement AMP in WordPress.&nbsp;<\/p>\n\n\n\n<p>If you wish to extend your site\u2019s functionality, then you can go through our other articles. We recommend \u2018<a href=\"https:\/\/zakratheme.com\/blog\/how-to-create-a-custom-sidebar-in-wordpress\/\">How to Create a Custom Sidebar in WordPress?<\/a>\u2019 and \u2018<a href=\"https:\/\/zakratheme.com\/blog\/add-social-share-buttons-in-wordpress\/\">How to Add Social Share Buttons to Your WordPress Blog?<\/a>\u2019. They will definitely give you more ideas for your website!&nbsp;<\/p>\n\n\n\n<p>At last, please don\u2019t forget to share this article with your friends\u2019 circle. The social media handles are right in front of you. Till then, \u2018Keep Sharing, Keep Exploring\u2019!<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Do you want to know how to set up AMP in WordPress? If yes, then stay tuned!&nbsp; Stats say more than 50% of internet users use mobile devices for internet browsing. Thus, it\u2019s high to improve the loading speed of your site on such devices. And if you\u2019re thinking about it, then there\u2019s no better[&hellip;]<\/p>\n","protected":false},"author":5,"featured_media":3454,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"zakra_general_container_width":0,"zakra_general_content_width":0,"zakra_general_sidebar_width":0,"zakra_sticky_header":"customizer","zakra_header_main_area":true,"zakra_site_logo_width":0,"zakra_header_top_enabled":"customizer","zakra_header_top_style":"customizer","zakra_primary_menu_item_style":"customizer","zakra_page_header_text_color":"","zakra_page_header_layout":"customizer","zakra_page_title_bg":"","zakra_footer_widgets_bg_image":0,"zakra_page_title_bg_repeat":"customizer","zakra_page_title_bg_position":"customizer","zakra_page_title_bg_size":"customizer","zakra_page_title_bg_attachment":"customizer","zakra_breadcrumbs_enabled":"customizer","zakra_breadcrumbs_text_color":"","zakra_breadcrumbs_separator_color":"","zakra_breadcrumbs_link_color":"","zakra_breadcrumbs_link_hover_color":"","zakra_page_title_bg_image":0,"zakra_footer_widgets_enabled":"customizer","zakra_footer_column_layout_1_style":"customizer","zakra_footer_widgets_bg":"","zakra_footer_widgets_bg_repeat":"customizer","zakra_footer_widgets_bg_position":"customizer","zakra_footer_widgets_bg_size":"customizer","zakra_footer_widgets_bg_attachment":"customizer","zakra_footer_bar_enabled":"customizer","zakra_footer_bar_style":"customizer","zakra_sidebar_layout":"customizer","zakra_remove_content_margin":false,"zakra_sidebar":"customizer","zakra_transparent_header":"customizer","zakra_logo":0,"zakra_main_header_style":"default","zakra_menu_item_color":null,"zakra_menu_item_hover_color":null,"zakra_menu_item_active_color":null,"zakra_menu_active_style":"","zakra_page_header":true,"_tgsc_single_post_sidebar":"sidebar-right","_tgsc_single_post_disable_author_box":false,"_tgsc_blog_last_modified_date":[],"footnotes":""},"categories":[3,1182],"tags":[],"class_list":["post-3452","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-tutorial","category-beginners-guide"],"_links":{"self":[{"href":"https:\/\/zakratheme.com\/blog\/wp-json\/wp\/v2\/posts\/3452","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/zakratheme.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/zakratheme.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/zakratheme.com\/blog\/wp-json\/wp\/v2\/users\/5"}],"replies":[{"embeddable":true,"href":"https:\/\/zakratheme.com\/blog\/wp-json\/wp\/v2\/comments?post=3452"}],"version-history":[{"count":1,"href":"https:\/\/zakratheme.com\/blog\/wp-json\/wp\/v2\/posts\/3452\/revisions"}],"predecessor-version":[{"id":18810,"href":"https:\/\/zakratheme.com\/blog\/wp-json\/wp\/v2\/posts\/3452\/revisions\/18810"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/zakratheme.com\/blog\/wp-json\/wp\/v2\/media\/3454"}],"wp:attachment":[{"href":"https:\/\/zakratheme.com\/blog\/wp-json\/wp\/v2\/media?parent=3452"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/zakratheme.com\/blog\/wp-json\/wp\/v2\/categories?post=3452"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/zakratheme.com\/blog\/wp-json\/wp\/v2\/tags?post=3452"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}