{"id":211,"date":"2019-05-03T14:17:46","date_gmt":"2019-05-03T03:17:46","guid":{"rendered":"https:\/\/www.onlineinvent.com.au\/blog\/?p=211"},"modified":"2019-04-29T02:18:40","modified_gmt":"2019-04-28T15:18:40","slug":"an-overview-of-google-amp-accelerated-mobile-pages","status":"publish","type":"post","link":"https:\/\/www.onlineinvent.com.au\/blog\/an-overview-of-google-amp-accelerated-mobile-pages\/","title":{"rendered":"An Overview of Google AMP (Accelerated Mobile Pages)"},"content":{"rendered":"\n<p>There is a big percentage of mobile\nusers accessing the web. But due to low performance of mobile phones\nand slow Internet connection, it is hard to read content online.\nMobile phone users generally experience slow loading of web pages.\nNot all mobile users have the best mobile devices and not everyone\nuses a high-speed Internet connection on their phones.<\/p>\n\n\n\n<p>Generally speaking, people find it\ndifficult to read content online because the web pages do not load\ninstantly. To deal with this problem, Google has developed a\nframework called AMP in collaboration with Twitter. AMP project is an\nopen source project.<\/p>\n\n\n\n<p>This blog post will give you a basic\noverview of the AMP project.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">What is AMP?<\/h2>\n\n\n\n<p>AMP stands for Accelerated Mobile Page.\nIt is a lightweight mobile web page designed specifically to enhance\nperformance and user experience. The goal is to give instant page\nloading experience to mobile users.<\/p>\n\n\n\n<p>By using AMP on your website, you can\nlet your website visitors instantly access certain web pages of your\nwebsite. So when they search for some phrases on Google and if your\nsite appears in the search results and your site is AMP-ified, your\nweb content will be shown instantly to the users when they click on\nthe search result.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Benefits of using AMP for\nyour website<\/h2>\n\n\n\n<p>The main benefits of using AMP for your\nwebsite are as follows.<\/p>\n\n\n\n<ul class=\"wp-block-list\"><li>It boosts page loading speed,\n\twhich results in better user experience. Website performance is a\n\thuge business advantage. So if you can improve the performance of\n\tsome web pages on your site using AMP, you will get amazing business\n\tbenefits.<br><br>\n\t\n\t<\/li><li>Because of better user experience,\n\tengagement and conversions increase. If your website provides great\n\tuser experience, people will love to read from your site, they will\n\tengage more, and as a result, the conversions will also increase\n\tsignificantly.<br><br>\n\t\n\t<\/li><li>Although AMP is not an officially\n\tdeclared ranking factor, it improves SEO performance as we generally\n\tknow that fast page loading speed and a great user experience can\n\timprove the ranking of a web page. So AMP pages can boost organic\n\tsearch traffic.\n<\/li><\/ul>\n\n\n\n<h2 class=\"wp-block-heading\">How AMP pages are built<\/h2>\n\n\n\n<p>This kind of mobile pages is designed using simplified HTML, strict CSS rules, AMP scripts, and AMP\u2019s <a href=\"https:\/\/www.ampproject.org\/docs\/reference\/components\" target=\"_blank\" rel=\"noreferrer noopener nofollow\" aria-label=\" (opens in a new tab)\">component library<\/a>. Take a look at the AMP HTML specification <a href=\"https:\/\/amp.dev\/documentation\/guides-and-tutorials\/learn\/spec\/amphtml?referrer=ampproject.org\" target=\"_blank\" rel=\"nofollow\">here<\/a>. They have a strict specification for HTML.<\/p>\n\n\n\n<p>With AMP, you cannot use all HTML tags.\nThere are strict rules for writing HTML. Keep in mind that AMP HTML\nis just a stripped down version of HTML, where you can use only a\nlimited number of HTML tags. For example, you cannot use forms. This\nsort of strict rules has been imposed to achieve fast page loading\nspeed.<\/p>\n\n\n\n<p>The required AMP HTML tags can be\nviewed from <a href=\"https:\/\/www.ampproject.org\/docs\/getting_started\/create\/basic_markup\" target=\"_blank\" rel=\"nofollow\">here<\/a>.<\/p>\n\n\n\n<p>When you\u2019re working with AMP, you are not allowed to use JavaScript. But there are AMP scripts that you can use, which has been optimised for performance.<\/p>\n\n\n\n<p>For faster content delivery, a content\ndelivery network is used while working with AMP. It\u2019s an important\nAMP component which is known as AMP Cache.<\/p>\n\n\n\n<p>If you want to learn how to use AMP on\nyour website, have a look at <a href=\"https:\/\/www.ampproject.org\/docs\/getting_started\/quickstart\" target=\"_blank\" rel=\"nofollow\">this\nquick start guide<\/a>. It\u2019s an easy-to-understand\ntutorial that nicely explains how to build AMP pages.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Some limitations<\/h2>\n\n\n\n<p>Although AMP has many benefits, it has\na few disadvantages, also. Consider the following limitations.<\/p>\n\n\n\n<ul class=\"wp-block-list\"><li>AMP pages are simple web pages,\n\tmeaning they are not that much visually appealing. As you\u2019re\n\tallowed to use only a leaner version of HTML, you can\u2019t do much\n\twith the web page structure and design. So if you want to include\n\tsome advanced graphics in your web pages for mobile, you can\u2019t do\n\tthat with AMP. The AMP framework just allows you to build simple\n\tpages.\n\t<\/li><li>To use AMP on your website, you\n\tneed to give a greater level of efforts. AMP-ifying your website\n\twill require a lot of time. Building and maintaining assets for AMP\n\tis not easy. \n\t\n\t<\/li><li>One of the biggest disadvantages\n\tof AMP is that the user cannot do anything but going back to search\n\tresults on Google. This limits the user from exploring the website\n\tand hence may decrease conversions to some extent.\n<\/li><\/ul>\n\n\n\n<p>These are some of the limitations that\nAMP has. But keep in mind that although AMP has some drawbacks, its\nbenefits obviously outweigh the disadvantages. So if you want the\nbenefits AMP gives, you can consider using AMP on your website.<\/p>\n\n\n\n<p>If you need help implementing AMP on\nyour website or if you need any other web design\/development\nservices, please feel free to contact us.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>There is a big percentage of mobile users accessing the web. But due to low performance of mobile phones and slow Internet connection, it is hard to read content online. Mobile phone users generally experience slow loading of web pages. Not all mobile users have the best mobile devices and not everyone uses a high-speed [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":214,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[1,41],"tags":[],"class_list":["post-211","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-all-topics","category-website-publishing-technology"],"_links":{"self":[{"href":"https:\/\/www.onlineinvent.com.au\/blog\/wp-json\/wp\/v2\/posts\/211","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.onlineinvent.com.au\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.onlineinvent.com.au\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.onlineinvent.com.au\/blog\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.onlineinvent.com.au\/blog\/wp-json\/wp\/v2\/comments?post=211"}],"version-history":[{"count":1,"href":"https:\/\/www.onlineinvent.com.au\/blog\/wp-json\/wp\/v2\/posts\/211\/revisions"}],"predecessor-version":[{"id":212,"href":"https:\/\/www.onlineinvent.com.au\/blog\/wp-json\/wp\/v2\/posts\/211\/revisions\/212"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.onlineinvent.com.au\/blog\/wp-json\/wp\/v2\/media\/214"}],"wp:attachment":[{"href":"https:\/\/www.onlineinvent.com.au\/blog\/wp-json\/wp\/v2\/media?parent=211"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.onlineinvent.com.au\/blog\/wp-json\/wp\/v2\/categories?post=211"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.onlineinvent.com.au\/blog\/wp-json\/wp\/v2\/tags?post=211"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}