2. AMP
AMP is a way to build Static Pages that render fast in SERPs on Mobile
Devices. This formula has been launched in Oct 2015 with support from
Google, Twitter, Wordpress.
AMP in action consist of three different parts:
• AMP HTML
• AMP JS
• Google AMP Cache
3. AMP Parts
AMP HTML is subset of basic HTML with some restrictions for reliable
performance and some extensions for building rich content.
AMP HTML document can be uploaded on Server just like any other HTML
document i.e. No other configuration required on Server side.
AMP JS ensures the fast rendering of AMP pages.
Google AMP Cache is the Google Content Delivery Network that serve cached
AMP pages more quickly in SERPs.
When you validate AMP document, it is automatically cached in Google AMP
Cache.
4. AMP Algo
1. <!doctype html> (Start the HTML document)
2. <html amp> (Start the AMP HTML)
3. <head>
4. <meta charset=“utf-8”> (Specify the Character Set)
5. <title>….</title>
6. <link rel=“canonical” href=“main-url”>
7. <meta name=“viewport” content=“width=device-width, initial-scale=1”>
(It is Responsive Meta Tags that enables zoom-in behavior of mobile browser)
8. <script asynsrc=https://cdn.ampproject.org/v0.js
…..
</script> (It leads to AMP JS)
9. </head>
6. Validation
• Open AMP Page in Browser
• Add “#development-1” to the URL
For Example:
http://www.askme.com/delhi/used-cars_amp.html#development-1
• Open Chrome DevTools Console for the Validation Errors
7. Setting up Website with AMP
Link Non-AMP to its AMP
<link rel=“amphtml” href=http://www.askme.com/delhi/used-
cars_amp.html” />
On AMP Page
<link rel=“canonical” href=http://www.askme.com/delhi/used-cars” />
NOTE: Google Index AMP pages if other pages refer them
8. Setting up Website with AMP
On XML Sitemap
<url>
<loc>http://www.askme.com/delhi/used-cars</loc>
<xhtml:link rel=“amphtml" href="http://www.askme.com/delhi/used-
cars_amp.html" />
<changefreq>daily</changefreq>
</url>
