Google AMP Presented by: Barry Adams Polemic Digital

About Barry Adams Dutchman in Northern Ireland Founder of Polemic Digital Co-Chief Editor for StateofDigital.com Twitter Lecturer & educator

What is AMP

Accelerated Mobile Pages Alternative versions of your web pages –Built specifically for speed & mobile Mobile first –Mobile only! New standard –Severely restrictive All or nothing –It either validates or it doesn’t

HTML AMP declaration

Integrated structured data

In-line CSS

AMP-specific JavaScript files

AMP-analytics

Key elements of AMP Uses standard HTML –Will render in most browsers Limited external dependencies –Inline CSS, limited async JS Integrated Structured Data

Caching & Pre-rendering Website A.. …. …. …... …. …. …... Website B.. …. …. …... …. …. …... Website C.. …. …. …... …. …. …... Google AMP Cache Pre-render Defeats Ad Blockers!

AMP in SERPs

“Expanded Exposure” expanded exposure “Later this year, all types of sites that create AMP pages will have expanded exposure across the entire Google Mobile Search results page, like e-commerce, entertainment, travel, recipe sites and many more. ” Source:

Implementing AMP WordPress; –AMP & PageFrog plugins Other platforms: –Forthcoming plugins/extensions –Manual effort

AMP by Example

AMP Validator

AMP Validator Plugin

What works in AMP now: Analytics Ads (limited) Videos GIF & WebP animations Carousels Basic Forms Basic paywalls iframes Sidebar Notifications Live updates A/B Testing

What doesn’t work (yet) Full end-to-end ecommerce Most JS-based interactivity

Further Reading…

Thank You Follow me on me your questions: