AMP
Something went wrong while trying to load more search results.
We apologize for the inconvenience caused.
Please try again later.

;(

Something went wrong…

…while trying to load the search results.
We apologize for the inconvenience caused.
Please try again later.

Improve user engagement

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 amp-live-list.

Optimize for user engagement and retention

  • Provide interactive experiences on your AMP pages. Use components like amp-carousel to create rich image carousels and amp-iframe to 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 amp-access.

  • Extend onward journeys. Link to related or suggested articles and other relevant sections of your site.

  • Personalize content by including recommendations through amp-list.

  • Implement a menu with amp-sidebar to encourage users to browse the rest of your site.

  • Help readers share your content with amp-social-share and your own share buttons.

  • Cultivate new interactions such as lead generation, newsletter signup, and comment support with amp-form.

  • Aim for ad types that offer a good reader experience. Explore AMP ad formats such as amp-sticky-ad and amp-fx-flying-carpet. Follow ads monetization best practices.

  • Drive app downloads. Include an app install link in a banner with amp-app-banner.

  • Ensure a fast transition to your non-AMP Progressive Web App (PWA) site for readers. Use amp-install-serviceworker to populate your cache.

Participate in the open-source AMP Project to help shape its development

  • Watch the AMP roadmap for updates and features at roadmap.

  • Get involved. Contribute source code, file bugs, or offer feedback on GitHub. Share your input about AMP at Stack Overflow.

  • Learn how to use AMP components with Examples.