accelerated-mobile-page

What is AMP & Why It is so important?

Google on 24 Feb 2016, rolled out the AMP (Accelerated Mobile Pages) to improve the mobile user experience. AMP are very fast loading mobile web pages as compare to normal web page. To improve the mobile web speed Google introduce the concept of AMP. These pages are fast loading mobile web pages.


What is AMP?

To help you understand what AMP is we would like to highlight few of the important part of Accelerated Mobile Page –

  • 1. To sort out the slow part of the web Google introduce the concept of AMP. These pages are very fast to load over mobile.
  • 2. AMP eliminated Java script and some part of HTML and CSS. This all changes done to improve the user experience over mobile.
  • 3. Webmaster no need to worry about the ads. AMP support Ads.
  • 4. AMP are primarily focus on static pages. You can create AMP for all your static page to serve the mobile user at a very fast loading time.


Why AMP Required?

There are so many reasons to have AMP –

  • 1. All the webmaster that have blogs/news/article can go for the AMP. It can serve the mobile web user very fastly as compare to normal pages. AMP pages load very fastly over mobile and these are introducing only for the mobile user only.
  • 2. By eliminating the use of Java Script and some part of HTML and CSS it makes the loading of page much faster over mobile browser.
  • 3. All the webmasters those who wants to integrate content on regular basis can be benefited from AMP pages.


Alternative for AMP

If you want to go for AMP you can make your page responsive. Also avoid using java script to reduce the loading time of the page. Responsive pages with the fast loading time can serve the mobile user perfectly.

So, if your website/blog is responsive with less loading time than you don’t need to go for the AMP.

If you developed your website/blog using WordPress, you can install the “AMP WordPress Plugin”. This will help your static pages to convert automatically into AMP.


How To Start With AMP?

AMP page is just like any other HTML page which you can upload over server like a normal page. What you need to focus while creating an AMP? To develop it you need to make small changes in your HTML or you can develop AMP version of the web page and link it with the standard web page using <link rel=”amphtml” href=”…..”>

AMP HTML Layout

<!doctype HTML>
<html>
<head>
<meta charset=”utf-8”>
<link rel=”canonical” href=”www.alljobshub.com/tech-blog/”>
<meta name=”viewport” content=”width=device-width,minimum-scale=1,initial-scale=1″>
<body>
<h1>Sample document</h1>
<p>
Some text
<amp-img src=sample.jpg width=300 height=300></amp-img>
</p>
<amp-ad width=300 height=250
type=”a9″
data-aax_size=”300×250″
data-aax_pubname=”test123″
data-aax_src=”302″>
</amp-ad>
</body>
</html>



0 0 0 0 0

Leave a Reply

Your email address will not be published. Required fields are marked *