{"id":1912,"date":"2016-03-30T18:31:27","date_gmt":"2016-03-30T18:31:27","guid":{"rendered":"http:\/\/cssreset.com\/?p=1912"},"modified":"2016-03-30T18:31:27","modified_gmt":"2016-03-30T18:31:27","slug":"3-wordpress-plugins-that-provide-amp-support","status":"publish","type":"post","link":"https:\/\/cssdeck.com\/blog\/3-wordpress-plugins-that-provide-amp-support\/","title":{"rendered":"3 WordPress Plugins that Provide AMP Support"},"content":{"rendered":"<p><a href=\"https:\/\/www.ampproject.org\/\" target=\"_blank\">Accelerated Mobile Pages<\/a> are the latest innovation in optimizing sites for mobile use. Accelerated Mobile Pages (AMP) are an open-source framework that was developed to make mobile web browsing quicker and more lightweight. AMP is essentially just a stripped-down, very basic version of a site that&#8217;s built using AMP-approved HTML, CSS, and JavaScript. AMP uses its own version of HTML where only certain tags are allowed to be used. They also require all styling to be done inline (no external stylesheets = faster load time) and an optimized JavaScript library.<\/p>\n<p>In early 2016, Google began including accelerated mobile pages in their search results, and have announced plans to <a href=\"http:\/\/www.thesempost.com\/google-increasing-mobile-friendly-ranking-boost-in-may\/\" target=\"_blank\">increased the mobile-friendly ranking boost in May<\/a>, developers have been scrambling to make sure their sites support AMP. Luckily, there are already a few great WordPress plugins out there that dynamically generate AMP content from your site &#8212; no extra coding or styling required.<\/p>\n<p>1. <a href=\"https:\/\/wordpress.org\/plugins\/amp\/\" target=\"_blank\">Accelerated Mobile Pages Project from Automattic<\/a><\/p>\n<p><a href=\"https:\/\/wordpress.org\/plugins\/amp\/\"><img decoding=\"async\" loading=\"lazy\" class=\"size-full wp-image-1913 aligncenter\" alt=\"automattic\" src=\"https:\/\/cssdeck.com\/blog\/\/wp-content\/uploads\/2016\/03\/automattic.png\" width=\"764\" height=\"244\" srcset=\"https:\/\/cssdeck.com\/blog\/wp-content\/uploads\/2016\/03\/automattic.png 764w, https:\/\/cssdeck.com\/blog\/wp-content\/uploads\/2016\/03\/automattic-300x95.png 300w, https:\/\/cssdeck.com\/blog\/wp-content\/uploads\/2016\/03\/automattic-180x57.png 180w\" sizes=\"(max-width: 764px) 100vw, 764px\" \/><\/a><\/p>\n<p>&nbsp;<\/p>\n<p>This plugin makes every post on your site AMP compatible. Simply activate the plugin and add &#8216;\/amp&#8217; to the end of any post&#8217;s URL to see the plugin in action.<\/p>\n<p>2. <a href=\"https:\/\/wordpress.org\/plugins\/accelerated-mobile-pages\/\" target=\"_blank\">Accelerated Mobile Pages<\/a><\/p>\n<p><a href=\"https:\/\/wordpress.org\/plugins\/accelerated-mobile-pages\/\"><img decoding=\"async\" loading=\"lazy\" class=\"alignleft size-full wp-image-1914\" alt=\"amp\" src=\"https:\/\/cssdeck.com\/blog\/\/wp-content\/uploads\/2016\/03\/amp.png\" width=\"768\" height=\"245\" srcset=\"https:\/\/cssdeck.com\/blog\/wp-content\/uploads\/2016\/03\/amp.png 768w, https:\/\/cssdeck.com\/blog\/wp-content\/uploads\/2016\/03\/amp-300x95.png 300w, https:\/\/cssdeck.com\/blog\/wp-content\/uploads\/2016\/03\/amp-180x57.png 180w\" sizes=\"(max-width: 768px) 100vw, 768px\" \/><\/a><\/p>\n<p>&nbsp;<\/p>\n<p>&nbsp;<\/p>\n<p>&nbsp;<\/p>\n<p>&nbsp;<\/p>\n<p>Similar to the plugin by Automattic, this Accelerated Mobile Pages plugin is easy to install and activate. It&#8217;s quick and easy to use &#8212; your site set up with AMP within minutes of installing.<\/p>\n<p>3. <a href=\"http:\/\/pagefrog.com\/\" target=\"_blank\">PageFrog<\/a><\/p>\n<p><a href=\"http:\/\/pagefrog.com\/\"><img decoding=\"async\" loading=\"lazy\" class=\"alignleft size-large wp-image-1915\" alt=\"pagefrog\" src=\"https:\/\/cssdeck.com\/blog\/\/wp-content\/uploads\/2016\/03\/pagefrog-1024x414.png\" width=\"1024\" height=\"414\" srcset=\"https:\/\/cssdeck.com\/blog\/wp-content\/uploads\/2016\/03\/pagefrog-1024x414.png 1024w, https:\/\/cssdeck.com\/blog\/wp-content\/uploads\/2016\/03\/pagefrog-300x121.png 300w, https:\/\/cssdeck.com\/blog\/wp-content\/uploads\/2016\/03\/pagefrog-180x72.png 180w, https:\/\/cssdeck.com\/blog\/wp-content\/uploads\/2016\/03\/pagefrog.png 1433w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/a><\/p>\n<p>&nbsp;<\/p>\n<p>&nbsp;<\/p>\n<p>&nbsp;<\/p>\n<p>&nbsp;<\/p>\n<p>&nbsp;<\/p>\n<p>PageFrog is a plugin that allows your site to publish mobile content, including AMP and Facebook Instant Articles. PageFrog also allows for your AMP pages to support Google Analytics and Google ads.<\/p>\n<div class=\"wp-socializer wpsr-share-icons \" data-lg-action=\"show\" data-sm-action=\"show\" data-sm-width=\"768\" ><h3>Share and Enjoy !<\/h3><div class=\"wpsr-si-inner\"><div class=\"wpsr-counter wpsrc-sz-32px\" style=\"color:#000\"><span class=\"scount\"><span data-wpsrs=\"\" data-wpsrs-svcs=\"facebook,twitter,linkedin,pinterest,print,pdf\">0<\/span><\/span><small class=\"stext\">Shares<\/small><\/div><div class=\"socializer sr-popup sr-32px sr-circle sr-opacity sr-pad sr-count-1 sr-count-1\"><span class=\"sr-facebook\"><a rel=\"nofollow\" href=\"https:\/\/www.facebook.com\/share.php?u=\" target=\"_blank\"  title=\"Share this on Facebook\"  style=\"color: #ffffff\" ><i class=\"fab fa-facebook-f\"><\/i><span class=\"ctext\"><span data-wpsrs=\"\" data-wpsrs-svcs=\"facebook\">0<\/span><\/span><\/a><\/span>\n<span class=\"sr-twitter\"><a rel=\"nofollow\" href=\"https:\/\/twitter.com\/intent\/tweet?text=%20-%20%20\" target=\"_blank\"  title=\"Tweet this !\"  style=\"color: #ffffff\" ><i class=\"fab fa-twitter\"><\/i><\/a><\/span>\n<span class=\"sr-linkedin\"><a rel=\"nofollow\" href=\"https:\/\/www.linkedin.com\/sharing\/share-offsite\/?url=\" target=\"_blank\"  title=\"Add this to LinkedIn\"  style=\"color: #ffffff\" ><i class=\"fab fa-linkedin-in\"><\/i><\/a><\/span>\n<span class=\"sr-pinterest\"><a rel=\"nofollow\" href=\"https:\/\/www.pinterest.com\/pin\/create\/button\/?url=&amp;media=&amp;description=\" target=\"_blank\"  title=\"Submit this to Pinterest\"  style=\"color: #ffffff\" data-pin-custom=\"true\"><i class=\"fab fa-pinterest\"><\/i><span class=\"ctext\"><span data-wpsrs=\"\" data-wpsrs-svcs=\"pinterest\">0<\/span><\/span><\/a><\/span>\n<span class=\"sr-print\"><a rel=\"nofollow\" href=\"https:\/\/www.printfriendly.com\/print?url=\" target=\"_blank\"  title=\"Print this article \"  style=\"color: #ffffff\" ><i class=\"fa fa-print\"><\/i><\/a><\/span>\n<span class=\"sr-pdf\"><a rel=\"nofollow\" href=\"https:\/\/www.printfriendly.com\/print?url=\" target=\"_blank\"  title=\"Convert to PDF\"  style=\"color: #ffffff\" ><i class=\"fa fa-file-pdf\"><\/i><\/a><\/span><\/div><\/div><\/div>","protected":false},"excerpt":{"rendered":"<p>Accelerated Mobile Pages are the latest innovation in optimizing sites for mobile use. Accelerated Mobile Pages (AMP) are an open-source framework that was developed to make mobile web browsing quicker and more lightweight. AMP is essentially just a stripped-down, very [&#8230;]<\/p>\n<p><a class=\"more-link article\" href=\"https:\/\/cssdeck.com\/blog\/3-wordpress-plugins-that-provide-amp-support\/\" title=\"Click to read '3 WordPress Plugins that Provide AMP Support'\">Read Article<\/a><\/p>\n","protected":false},"author":18,"featured_media":1915,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":[],"categories":[11],"tags":[],"_links":{"self":[{"href":"https:\/\/cssdeck.com\/blog\/wp-json\/wp\/v2\/posts\/1912"}],"collection":[{"href":"https:\/\/cssdeck.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/cssdeck.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/cssdeck.com\/blog\/wp-json\/wp\/v2\/users\/18"}],"replies":[{"embeddable":true,"href":"https:\/\/cssdeck.com\/blog\/wp-json\/wp\/v2\/comments?post=1912"}],"version-history":[{"count":2,"href":"https:\/\/cssdeck.com\/blog\/wp-json\/wp\/v2\/posts\/1912\/revisions"}],"predecessor-version":[{"id":1917,"href":"https:\/\/cssdeck.com\/blog\/wp-json\/wp\/v2\/posts\/1912\/revisions\/1917"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/cssdeck.com\/blog\/wp-json\/wp\/v2\/media\/1915"}],"wp:attachment":[{"href":"https:\/\/cssdeck.com\/blog\/wp-json\/wp\/v2\/media?parent=1912"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/cssdeck.com\/blog\/wp-json\/wp\/v2\/categories?post=1912"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/cssdeck.com\/blog\/wp-json\/wp\/v2\/tags?post=1912"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}