Version:

    AMP compatibility

    AMP (Accelerated Mobile Pages), is a stripped down form of HTML designed to be lightweight and serve mobile content much faster than regular pages. Search engines favour AMP pages when searching on a mobile device, as these pages load quicker than the full site.

    Requirements

    • Install the Accelerated Mobile Pages (AMP) module and AMP theme module.
      See the AMP installation and setup guide for more information.
    • Cohesion master templates, content templates, view templates and menu templates will not be used on AMP pages.
      The AMP theme will provide a header, footer and content area.
    • There are special formatters for text, image and iframe content type fields.
      This is so AMP-compatible versions are rendered on AMP pages. These can be activated in field display settings for the AMP display mode.
    • Cohesion base styles and custom styles will not be used on AMP pages.
      All CSS must be inline or defined in your AMP theme stylesheet. See Customising your AMP sub-theme for more information.

    How do I make my Cohesion layout canvas compatible with AMP?

    • Remove unsupported elements from components.
      Custom javascript isn't supported by AMP, so some Cohesion elements need to be removed from your component layout canvas. Unsupported elements include:

      • Youtube video background
      • Slider container
      • Slide
      • Accordion tabs container
      • Accordion tabs item
      • Google map
      • Google map marker
      • Picture
    • Link your AMP theme stylesheet to component elements by adding CSS classes to them.
      If any CSS you've defined in your AMP stylesheet depends on CSS classes, make sure you add these classes to your component elements using the Markup tab of element settings. See Customising your AMP sub-theme for more information.

    Useful resources

    DX8 knowledge base icon

    Frequently asked questions

    Get instant answers to common questions. Available online 24/7.

    Find answers

    Raise a ticket icon

    Raise a support ticket

    To raise a ticket, sign into Acquia Cloud and select Help in the top menu.

    Raise support ticket

    Acquia

    Copyright © 2020 Acquia, Inc. All Rights Reserved. Drupal is a registered trademark of Dries Buytaert.