Building AMP Templates
The following steps are required to build and deploy AMP: create an AMP-compliant template, and provide a link from the native template to the AMP template.
After implementing these steps, the Brightspot server intercepts requests for native templates that have a corresponding AMP-compliant template, and delivers the latter to the visitor.
Step 1: Create an AMP-compliant template
After completing the standard (non-AMP) template, create a parallel AMP-compliant template in the same directory. The filename must end with the compound extension .amp.hbs. For examples and tools for developing AMP-compliant templates, see Create your first AMP page.
Step 2: Add a discovery link to an AMP template
In the native template’s tag, add a <link>
tag to the AMP template.
<!-- Filename: MyTemplate.hbs -->
<!DOCTYPE html>
<html>
<head>
<link rel="amphtml" href="http://domain.com/path/page?_amp=true">
</head>
<body> </body>
</html>
-
Indicates that the template’s filename is
MyTemplate.hbs
. The associated AMP template’s filename is thereforeMyTemplate.amp.hbs
. -
Adds a tag. This tag informs AMP providers that the native version of the template also has an AMP-compliant version. (For details about this form of the tag, see Make your page discoverable.)