Download presentation
Presentation is loading. Please wait.
Published byHarry Owens Modified over 7 years ago
1
#pubcon @badams Google AMP Presented by: Barry Adams Polemic Digital
2
#pubcon @badams About Barry Adams Dutchman in Northern Ireland Founder of Polemic Digital Co-Chief Editor for StateofDigital.com Twitter ranter: @badams Lecturer & educator
3
#pubcon @badams What is AMP https://www.ampproject.org/
4
#pubcon @badams 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
5
#pubcon @badams
6
#pubcon @badams HTML AMP declaration
7
#pubcon @badams Integrated structured data
8
#pubcon @badams In-line CSS
9
#pubcon @badams AMP-specific JavaScript files
10
#pubcon @badams AMP-analytics
11
#pubcon @badams Key elements of AMP Uses standard HTML –Will render in most browsers Limited external dependencies –Inline CSS, limited async JS Integrated Structured Data
12
#pubcon @badams Caching & Pre-rendering Website A.. …. …. …... …. …. …... Website B.. …. …. …... …. …. …... Website C.. …. …. …... …. …. …... Google AMP Cache Pre-render Defeats Ad Blockers!
13
#pubcon @badams AMP in SERPs
14
#pubcon @badams “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: https://webmasters.googleblog.com/2016/09/what-is-amp.html
15
#pubcon @badams Implementing AMP WordPress; –AMP & PageFrog plugins Other platforms: –Forthcoming plugins/extensions –Manual effort
16
#pubcon @badams AMP by Example https://ampbyexample.com/
17
#pubcon @badams
18
#pubcon @badams AMP Validator https://validator.ampproject.org/
19
#pubcon @badams AMP Validator Plugin
20
#pubcon @badams 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
21
#pubcon @badams What doesn’t work (yet) Full end-to-end ecommerce Most JS-based interactivity
22
#pubcon @badams Further Reading… https://www.ampproject.org/ https://twitter.com/amphtml https://ampbyexample.com/ https://github.com/ampproject/amphtml https://groups.google.com/forum/#!forum/amphtml-discuss https://stackoverflow.com/questions/tagged/amp-html
23
#pubcon @badams Thank You Follow me on Twitter: @badams Email me your questions: barry@polemicdigital.com
Similar presentations
© 2024 SlidePlayer.com. Inc.
All rights reserved.