{"id":572,"date":"2016-10-06T11:13:47","date_gmt":"2016-10-06T11:13:47","guid":{"rendered":"https:\/\/ampforwp.com\/?p=250"},"modified":"2020-01-30T09:20:55","modified_gmt":"2020-01-30T09:20:55","slug":"amp-in-wordpress-beginners-guide","status":"publish","type":"ht_kb","link":"https:\/\/ampforwp.com\/tutorials\/article\/amp-in-wordpress-beginners-guide\/","title":{"rendered":"Step-By-Step Guide for Implementing AMP on WordPress"},"content":{"rendered":"<p style=\"text-align: left;\">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&#8217;s implement AMP on WordPress.<!--more--><\/p>\n<p style=\"text-align: justify;\">Walk through the below steps to enable AMP for your website<\/p>\n<p style=\"text-align: justify;\"><strong>There are three methods to Activate AMP for your website (use any one of the method)<\/strong><\/p>\n<ul>\n<li><a href=\"https:\/\/ampforwp.com\/tutorials\/article\/amp-in-wordpress-beginners-guide\/#method-1\">METHOD 1<\/a><\/li>\n<li><a href=\"https:\/\/ampforwp.com\/tutorials\/article\/amp-in-wordpress-beginners-guide\/#method-2\">METHOD 2<\/a><\/li>\n<li><a href=\"https:\/\/ampforwp.com\/tutorials\/article\/amp-in-wordpress-beginners-guide\/#method-3\">METHOD 3<\/a><\/li>\n<\/ul>\n<h3 style=\"text-align: justify;\"><strong><mark style=\"background-color: yellow;\">METHOD 1:<\/mark><\/strong><\/h3>\n<ul>\n<li style=\"text-align: justify;\">Login to WordPress <strong>Admin option\u00a0panel<\/strong> &#8211;&gt; <strong>Plugins<\/strong> &#8211;&gt; <strong>Add New<\/strong> &#8211;&gt; Search for &#8220;<strong>Accelerated Mobile Pages&#8221;\u00a0<\/strong>(By Ahmed Kaludi, Mohammed Kaludi)<strong>\u00a0<\/strong>&#8211;&gt; Click <strong>Install<\/strong> &#8211;&gt; Click <strong>Activate.<\/strong><\/li>\n<\/ul>\n<p><a href=\"https:\/\/ampforwp.com\/tutorials\/wp-content\/uploads\/2016\/10\/amp-plugin.png\"><img decoding=\"async\" loading=\"lazy\" class=\"alignnone size-full wp-image-6001\" src=\"https:\/\/ampforwp.com\/tutorials\/wp-content\/uploads\/2016\/10\/amp-plugin.png\" alt=\"\" width=\"1345\" height=\"627\" srcset=\"https:\/\/ampforwp.com\/tutorials\/wp-content\/uploads\/2016\/10\/amp-plugin.png 1345w, https:\/\/ampforwp.com\/tutorials\/wp-content\/uploads\/2016\/10\/amp-plugin-300x140.png 300w, https:\/\/ampforwp.com\/tutorials\/wp-content\/uploads\/2016\/10\/amp-plugin-768x358.png 768w, https:\/\/ampforwp.com\/tutorials\/wp-content\/uploads\/2016\/10\/amp-plugin-1024x477.png 1024w, https:\/\/ampforwp.com\/tutorials\/wp-content\/uploads\/2016\/10\/amp-plugin-50x23.png 50w, https:\/\/ampforwp.com\/tutorials\/wp-content\/uploads\/2016\/10\/amp-plugin-60x28.png 60w, https:\/\/ampforwp.com\/tutorials\/wp-content\/uploads\/2016\/10\/amp-plugin-100x47.png 100w\" sizes=\"(max-width: 1345px) 100vw, 1345px\" \/><\/a><\/p>\n<p><a href=\"https:\/\/ampforwp.com\/tutorials\/wp-content\/uploads\/2016\/10\/activate.png\"><img decoding=\"async\" loading=\"lazy\" class=\"alignnone size-full wp-image-6003\" src=\"https:\/\/ampforwp.com\/tutorials\/wp-content\/uploads\/2016\/10\/activate.png\" alt=\"\" width=\"594\" height=\"442\" srcset=\"https:\/\/ampforwp.com\/tutorials\/wp-content\/uploads\/2016\/10\/activate.png 594w, https:\/\/ampforwp.com\/tutorials\/wp-content\/uploads\/2016\/10\/activate-300x223.png 300w, https:\/\/ampforwp.com\/tutorials\/wp-content\/uploads\/2016\/10\/activate-50x37.png 50w, https:\/\/ampforwp.com\/tutorials\/wp-content\/uploads\/2016\/10\/activate-60x45.png 60w, https:\/\/ampforwp.com\/tutorials\/wp-content\/uploads\/2016\/10\/activate-100x74.png 100w\" sizes=\"(max-width: 594px) 100vw, 594px\" \/><\/a><\/p>\n<p>Accelerated Mobile Pages is successfully activated.<\/p>\n<h2><strong><mark style=\"background-color: yellow;\">Method 2:<\/mark><\/strong><\/h2>\n<ul>\n<li><strong><a href=\"https:\/\/wordpress.org\/plugins\/accelerated-mobile-pages\/\" target=\"_blank\" rel=\"noopener noreferrer\">Click Here<\/a><\/strong> to download Accelerated Mobile Pages Plugin by Kaludi Brothers.<\/li>\n<\/ul>\n<p><a href=\"https:\/\/ampforwp.com\/tutorials\/wp-content\/uploads\/2016\/10\/download-amp.png\"><img decoding=\"async\" loading=\"lazy\" class=\"alignnone size-full wp-image-6006\" src=\"https:\/\/ampforwp.com\/tutorials\/wp-content\/uploads\/2016\/10\/download-amp.png\" alt=\"\" width=\"1161\" height=\"517\" srcset=\"https:\/\/ampforwp.com\/tutorials\/wp-content\/uploads\/2016\/10\/download-amp.png 1161w, https:\/\/ampforwp.com\/tutorials\/wp-content\/uploads\/2016\/10\/download-amp-300x134.png 300w, https:\/\/ampforwp.com\/tutorials\/wp-content\/uploads\/2016\/10\/download-amp-768x342.png 768w, https:\/\/ampforwp.com\/tutorials\/wp-content\/uploads\/2016\/10\/download-amp-1024x456.png 1024w, https:\/\/ampforwp.com\/tutorials\/wp-content\/uploads\/2016\/10\/download-amp-50x22.png 50w, https:\/\/ampforwp.com\/tutorials\/wp-content\/uploads\/2016\/10\/download-amp-60x27.png 60w, https:\/\/ampforwp.com\/tutorials\/wp-content\/uploads\/2016\/10\/download-amp-100x45.png 100w\" sizes=\"(max-width: 1161px) 100vw, 1161px\" \/><\/a><\/p>\n<ul>\n<li>Login to WordPress <strong>Admin\u00a0 option panel<\/strong> &#8211;&gt; <strong>Plugins<\/strong> &#8211;&gt; <strong>Add New<\/strong> &#8211;&gt;<strong> Upload Plugin<\/strong> &#8211;&gt; <strong>Choose file<\/strong> (Navigate to your Downloads folder then Select Downloaded zip file) &#8211;&gt; <strong>Install Now<\/strong> &#8211;&gt; <strong>Activate.<\/strong><\/li>\n<\/ul>\n<p><a href=\"https:\/\/ampforwp.com\/tutorials\/wp-content\/uploads\/2016\/10\/upload-plugin.png\"><img decoding=\"async\" loading=\"lazy\" class=\"alignnone size-full wp-image-6008\" src=\"https:\/\/ampforwp.com\/tutorials\/wp-content\/uploads\/2016\/10\/upload-plugin.png\" alt=\"\" width=\"1182\" height=\"438\" srcset=\"https:\/\/ampforwp.com\/tutorials\/wp-content\/uploads\/2016\/10\/upload-plugin.png 1182w, https:\/\/ampforwp.com\/tutorials\/wp-content\/uploads\/2016\/10\/upload-plugin-300x111.png 300w, https:\/\/ampforwp.com\/tutorials\/wp-content\/uploads\/2016\/10\/upload-plugin-768x285.png 768w, https:\/\/ampforwp.com\/tutorials\/wp-content\/uploads\/2016\/10\/upload-plugin-1024x379.png 1024w, https:\/\/ampforwp.com\/tutorials\/wp-content\/uploads\/2016\/10\/upload-plugin-50x19.png 50w, https:\/\/ampforwp.com\/tutorials\/wp-content\/uploads\/2016\/10\/upload-plugin-60x22.png 60w, https:\/\/ampforwp.com\/tutorials\/wp-content\/uploads\/2016\/10\/upload-plugin-100x37.png 100w\" sizes=\"(max-width: 1182px) 100vw, 1182px\" \/><\/a><\/p>\n<h3 style=\"text-align: justify;\"><strong><mark style=\"background-color: yellow;\">METHOD 3:<\/mark><\/strong><\/h3>\n<p>Extract the downloaded Zip files<\/p>\n<p><a href=\"https:\/\/ampforwp.com\/tutorials\/wp-content\/uploads\/2016\/10\/file-zilla.png\"><img decoding=\"async\" loading=\"lazy\" class=\"alignnone size-full wp-image-6013\" src=\"https:\/\/ampforwp.com\/tutorials\/wp-content\/uploads\/2016\/10\/file-zilla.png\" alt=\"\" width=\"1166\" height=\"520\" srcset=\"https:\/\/ampforwp.com\/tutorials\/wp-content\/uploads\/2016\/10\/file-zilla.png 1166w, https:\/\/ampforwp.com\/tutorials\/wp-content\/uploads\/2016\/10\/file-zilla-300x134.png 300w, https:\/\/ampforwp.com\/tutorials\/wp-content\/uploads\/2016\/10\/file-zilla-768x343.png 768w, https:\/\/ampforwp.com\/tutorials\/wp-content\/uploads\/2016\/10\/file-zilla-1024x457.png 1024w, https:\/\/ampforwp.com\/tutorials\/wp-content\/uploads\/2016\/10\/file-zilla-50x22.png 50w, https:\/\/ampforwp.com\/tutorials\/wp-content\/uploads\/2016\/10\/file-zilla-60x27.png 60w, https:\/\/ampforwp.com\/tutorials\/wp-content\/uploads\/2016\/10\/file-zilla-100x45.png 100w\" sizes=\"(max-width: 1166px) 100vw, 1166px\" \/><\/a><\/p>\n<p>Login to your FTP client (Here we are using <strong><a href=\"https:\/\/filezilla-project.org\/download.php\" target=\"_blank\" rel=\"noopener noreferrer\">Filezilla<\/a><\/strong>) &#8211;&gt; Navigate to Root Directory &#8211;&gt; WpContent &#8211;&gt; Plugins &#8211;&gt; Upload the extracted folders<\/p>\n<p>Login to WordPress Admin panel &#8211;&gt; Plugins &#8211;&gt; Now Activate the uploaded plugins.<\/p>\n<h4><strong>Conclusion<\/strong><\/h4>\n<p>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.<\/p>\n<p><strong>That\u2019s it for this tutorial!<\/strong><\/p>\n<p>We hope it helped you. If you have any feedback or questions, then please share them in the comments section below.<\/p>\n<div id=\"div-1\" class=\"hkb-feedback\">\n\t\t\t<strong class=\"ht-mobile-exit__title\">Ask your Questions Directly!<\/strong><br>\n\t\t\t<div class=\"hkb_widget_exit__content\" style=\"font-size: 14px;\">If you can't find the solutions in this article, then just ask us in the comments and we will answer it for you!<\/div>\n\t\t\t<a href=\"https:\/\/ampforwp.com\/support\/#contact\" id=\"button\" target=\"_blank\" rel=\"noopener noreferrer\"><button>Yes, I have a Question<\/button><\/a>\n\t\t<\/div>","protected":false},"excerpt":{"rendered":"<p>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&#8230;<\/p>\n","protected":false},"author":1,"comment_status":"open","ping_status":"closed","template":"","format":"standard","meta":[],"ht-kb-category":[84],"ht-kb-tag":[77],"_links":{"self":[{"href":"https:\/\/ampforwp.com\/tutorials\/wp-json\/wp\/v2\/ht-kb\/572"}],"collection":[{"href":"https:\/\/ampforwp.com\/tutorials\/wp-json\/wp\/v2\/ht-kb"}],"about":[{"href":"https:\/\/ampforwp.com\/tutorials\/wp-json\/wp\/v2\/types\/ht_kb"}],"author":[{"embeddable":true,"href":"https:\/\/ampforwp.com\/tutorials\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/ampforwp.com\/tutorials\/wp-json\/wp\/v2\/comments?post=572"}],"version-history":[{"count":69,"href":"https:\/\/ampforwp.com\/tutorials\/wp-json\/wp\/v2\/ht-kb\/572\/revisions"}],"predecessor-version":[{"id":15843,"href":"https:\/\/ampforwp.com\/tutorials\/wp-json\/wp\/v2\/ht-kb\/572\/revisions\/15843"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/ampforwp.com\/tutorials\/wp-json\/"}],"wp:attachment":[{"href":"https:\/\/ampforwp.com\/tutorials\/wp-json\/wp\/v2\/media?parent=572"}],"wp:term":[{"taxonomy":"ht_kb_category","embeddable":true,"href":"https:\/\/ampforwp.com\/tutorials\/wp-json\/wp\/v2\/ht-kb-category?post=572"},{"taxonomy":"ht_kb_tag","embeddable":true,"href":"https:\/\/ampforwp.com\/tutorials\/wp-json\/wp\/v2\/ht-kb-tag?post=572"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}