Expand my Community achievements bar.

SOLVED

google AMP

Avatar

Level 2

can you pls provide any pointers building Google AMP pages in AEM?

1 Accepted Solution

Avatar

Correct answer by
Administrator

Pleas have a look at this reference post:- http://stackoverflow.com/questions/39096526/accelerated-mobile-pages-amp-strategy-implementation-for...

// Accelerated Mobile Pages (AMP) strategy/ implementation for AEM

 

To implement AMP pages, please follow this link [So, i guess it would be possiable with the AEM pages]:- https://www.ampproject.org/docs/get_started/create/basic_markup

//  1. The charset definition must be the first child of the <head> tag :- <meta charset="utf-8">

    2. Add a script <script async src="https://cdn.ampproject.org/v0.js"></script>

    3. require a canonical link :- <link rel="canonical" href="https://ampbyexample.com/Introduction/Hello_World">

    4. CSS must be embedded inline :- <style amp-custom>  h1 {    color: red;  }</style>

    5. AMP boilerplate

     Include an Image:- <amp-img src="welcome.jpg" alt="Welcome" height="400" width="800"></amp-img>

 

Please post your question on AEM mobiles forums to get better contextual answer :- https://forums.adobe.com/community/experiencemanagermobile

 

~kautuk



Kautuk Sahni

View solution in original post

1 Reply

Avatar

Correct answer by
Administrator

Pleas have a look at this reference post:- http://stackoverflow.com/questions/39096526/accelerated-mobile-pages-amp-strategy-implementation-for...

// Accelerated Mobile Pages (AMP) strategy/ implementation for AEM

 

To implement AMP pages, please follow this link [So, i guess it would be possiable with the AEM pages]:- https://www.ampproject.org/docs/get_started/create/basic_markup

//  1. The charset definition must be the first child of the <head> tag :- <meta charset="utf-8">

    2. Add a script <script async src="https://cdn.ampproject.org/v0.js"></script>

    3. require a canonical link :- <link rel="canonical" href="https://ampbyexample.com/Introduction/Hello_World">

    4. CSS must be embedded inline :- <style amp-custom>  h1 {    color: red;  }</style>

    5. AMP boilerplate

     Include an Image:- <amp-img src="welcome.jpg" alt="Welcome" height="400" width="800"></amp-img>

 

Please post your question on AEM mobiles forums to get better contextual answer :- https://forums.adobe.com/community/experiencemanagermobile

 

~kautuk



Kautuk Sahni