amp is for everyone by ben morss

#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