Improve user engagement
Important: this documentation is not applicable to your currently selected format stories!
Here are some quick tips to improve user engagement with AMP.
Help readers identify you with consistent branding and rich content across AMP and non-AMP pages
Reflect your brand in AMP pages. Use the same header and design scheme (e.g. colors, spacing, type styles) as in your non-AMP pages to ensure your pages are recognizable and appear legitimate.
Feature your most engaging content when converting your pages. Include key page elements like images, videos, embeds, structured data, comments and social media. Learn how to include 3rd-party content.
Keep AMP pages current. Dynamically update live blogs with
Optimize for user engagement and retention
Provide interactive experiences on your AMP pages. Use components like
amp-carouselto create rich image carousels and
amp-iframeto incorporate interactive elements that AMP does not natively support.
Create personalized user journeys. Offer a login button, and if your content lives behind a paywall, implement your rules and offers using
Extend onward journeys. Link to related or suggested articles and other relevant sections of your site.
Personalize content by including recommendations through
Implement a menu with
amp-sidebarto encourage users to browse the rest of your site.
Help readers share your content with
amp-social-shareand your own share buttons.
Cultivate new interactions such as lead generation, newsletter signup, and comment support with
Drive app downloads. Include an app install link in a banner with
Ensure a fast transition to your non-AMP Progressive Web App (PWA) site for readers. Use
amp-install-serviceworkerto populate your cache.