amp is for everyone by ben morss
TRANSCRIPT
#SMX #13A @benmorss(it’s not just for publishers anymore)
AMP IS FOR EVERYONE
#SMX #13A @benmorss(it’s not just for publishers anymore)
AMP IS FOR EVERYONE
#SMX #13A @benmorss
#SMX #13A @benmorss
What is AMP?
#SMX #13A @benmorss
AMP:Accelerated Mobile Pages
An open-source initiative to enable a better web
with sites that are fast and beautifuland easier for users and developers alike.
#SMX #13A @benmorssSource: Lorem ipsum dolor sit amet, consectetur adipiscing elit. Duis non erat sem
Proprietary + Confidential
Mobile friendly
Easy to implement
Fast
AMP brings many benefits
#SMX #13A @benmorss
#SMX #13A @benmorss
<amp-carousel>
<amp-carouselwidth="1024" height="480"layout="responsive" type="slides" autoplay>
<amp-imgsrc="destiny.jpg" layout="fill">
</amp-img><amp-img
src="wowzers.jpg"layout="fill"></amp-img>
</amp-carousel>
#SMX #13A @benmorss
<amp-sidebar>
This image cannot currently be displayed.
<amp-sidebar id="sidebar"layout="nodisplay"side="right"><amp-img class="amp-close-image"></amp-img><ul><li><a href="/">Home</a></li><li> Socks</li><li> Shoes</li><li> Toes</li>
</ul></amp-sidebar>
#SMX #13A @benmorss
<amp-youtubelayout="responsive"width="480"height="270"data-videoid="lBTB7yLsBY">
</amp-youtube>
<amp-youtube>
This image cannot currently be displayed.
#SMX #13A @benmorss
Validated pages get into the AMP cache
And sites like google.com will show them extra-fast.
Validation and the AMP Cache
#SMX #13A @benmorss
Who should use AMP
?
#SMX #13A @benmorss
It’s not just for publishers anymore.
#SMX #13A @benmorss
#SMX #13A @benmorss
Must all AMP pages look the same?
#SMX #13A @benmorss
But can I do analytics?
30+analytics and viewability vendors so far
#SMX #13A @benmorss
Can I have ads?
100+ ad networks support AMP
#SMX #13A @benmorss
Banner ads Sticky ads Flying carpet Promoted content Video ads
#SMX #13A @benmorss
With AMP, it’s just easier.
<amp-ad type="a9"width="300"height="250"data-aax_size="300x250"data-aax_pubname="test123"data-aax_src="302">
</amp-ad>
#SMX #13A @benmorss
<amp-experiment>
But… can I do A-B testing?
#SMX #13A @benmorss
Isn’t there an AMP Cache?
Yep.• The cache gets stale every 15 seconds.• It will update if you simply request
your page.
What if my content changes frequently?
#SMX #13A @benmorss
But… I use a CMS!
#SMX #13A @benmorss
AMPfor
e-commerce
#SMX #13A @benmorss
<amp-bind>lets you change page contentafter a user action
<amp-list>lets you get data from your serverand display that on your webpage
Dynamic webpages
#SMX #13A @benmorss
Land on a product page
Check product images
Explore related products
#SMX #13A @benmorss
Search items Browse category pages
Show promotions in a carousel
#SMX #13A @benmorss
Refine product and add to shopping cart
Validate forms dynamically
Buy with Payment Request API
#SMX #13A @benmorss
Myntra: 60% improvement in speed and 40% reduction in bounce rates
#SMX #13A @benmorss
ampproject.org
ampstart.com
ampbyexample.com
#SMX #13A @benmorss
LEARN MORE: UPCOMING @SMX EVENTS
THANK YOU! SEE YOU AT THE NEXT #SMX