36
#wpewebinar April 12, 2017 #wpewebinar

Webinar: AMP for WordPress - The Inside Scoop

Embed Size (px)

Citation preview

Page 1: Webinar: AMP for WordPress - The Inside Scoop

#wpewebinar

TITLE 1

April 12, 2017

#wpewebinar

Page 2: Webinar: AMP for WordPress - The Inside Scoop

#wpewebinar

TITLE + CONTENT: IMAGE ON RIGHT

CROP IMAGE TO GRAY BOX

We’ll answer as many questions as we can after the presentation

ASK QUESTIONS AS WE GO

Slides and recording will be made available shortly after the webinar

Use the “Questions” pane throughout the webinar

Page 3: Webinar: AMP for WordPress - The Inside Scoop

#wpewebinar

AGENDA: TWO COLUMN

WHAT YOU’LL LEARN:

● What is AMP and why it matters

● The controversy around AMP

● Considerations for implementing AMP in WordPress

● How to deploy AMP in your WordPress environment

● Q&A

Page 4: Webinar: AMP for WordPress - The Inside Scoop

#wpewebinar

TITLE + CONTENT: TWO COLUMN LARGE BULLETS

CEO and FounderYoast

Joost de Valk

● LEGO fanatic

● Has 4 kids

● Reads fantasy books - a lot

VP, Web StrategyWP Engine

David Vogelpohl

● First WP post about Panama invading Europe

● Grew up a few miles from Matt Mullenweg

● Can make custom URL shortener w/ WordPress in <15 minutes

Page 5: Webinar: AMP for WordPress - The Inside Scoop

#wpewebinar

Month XX, 2016

DIVIDER 1

What is AMP and Why it Matters

Page 6: Webinar: AMP for WordPress - The Inside Scoop

#wpewebinar

CALENDAR PROGRESSION SLIDE

What is Accelerated Mobile Pages?

A Google-lead opensource HTML, Javascript, and caching framework for serving optimized

experiences to mobile visitors

Page 7: Webinar: AMP for WordPress - The Inside Scoop

#wpewebinar

CALENDAR PROGRESSION SLIDE

AMP is the child of holes

Page 8: Webinar: AMP for WordPress - The Inside Scoop

#wpewebinar

CALENDAR PROGRESSION SLIDE

Google is trying lots of ways to fill the holes

Page 9: Webinar: AMP for WordPress - The Inside Scoop

#wpewebinar

CALENDAR PROGRESSION SLIDE

The other purpose of AMP

Page 10: Webinar: AMP for WordPress - The Inside Scoop

#wpewebinar

CALENDAR PROGRESSION SLIDE

And this….

To be clear, this timeline should be empty. Nothing should be loading…..Instead the page requested 2000 resources totalling 5 megabytes in 30 seconds. It will keep making those requests as long as I leave the page open. 14 gigabytes a day.

Nelson’s Log - litturl.co/LAtimes

Page 11: Webinar: AMP for WordPress - The Inside Scoop

#wpewebinar

CALENDAR PROGRESSION SLIDE

Why is AMP important?

Credit: Mobile Marketing Magazine

litturl.co/fightoPaul Schapiro (Catalyst Digital)

Page 12: Webinar: AMP for WordPress - The Inside Scoop

#wpewebinar

CALENDAR PROGRESSION SLIDE

AMPproject.org

litturl.co/amp-htmllitturl.co/amp-jslitturl.co/amp-cache

Page 13: Webinar: AMP for WordPress - The Inside Scoop

#wpewebinar

CALENDAR PROGRESSION SLIDE

Start

Page 14: Webinar: AMP for WordPress - The Inside Scoop

#wpewebinar

CALENDAR PROGRESSION SLIDE

The relationship of AMP to your normal webpages

Page 15: Webinar: AMP for WordPress - The Inside Scoop

#wpewebinar

CALENDAR PROGRESSION SLIDE

The relationship of AMP to your links & traffic

AMP Self-Hosted

AMP Cache

Your Server/CDN (domain)

Google’s Cluster (domain)

pub-com.cdn.ampproject.org

pub.com

Centrally Hosted JS

Page 16: Webinar: AMP for WordPress - The Inside Scoop

#wpewebinar

CALENDAR PROGRESSION SLIDE

How is AMP different than Facebook Instant Articles & the Apple News Format?

Page 17: Webinar: AMP for WordPress - The Inside Scoop

#wpewebinar

Month XX, 2016

DIVIDER 1

Controversies & Myths

Page 18: Webinar: AMP for WordPress - The Inside Scoop

#wpewebinar

CALENDAR PROGRESSION SLIDE

Is AMP a step backwards?

Page 19: Webinar: AMP for WordPress - The Inside Scoop

#wpewebinar

CALENDAR PROGRESSION SLIDE

OMG, every website should worry about AMP right now!

Page 20: Webinar: AMP for WordPress - The Inside Scoop

#wpewebinar

CALENDAR PROGRESSION SLIDE

The world’s largest non-AMP site

Page 21: Webinar: AMP for WordPress - The Inside Scoop

#wpewebinar

CALENDAR PROGRESSION SLIDE

Monetization is the balance of suffering and joy

Page 22: Webinar: AMP for WordPress - The Inside Scoop

#wpewebinar

CALENDAR PROGRESSION SLIDE

Losing control of traffic, links, & content

pub-com.cdn.ampproject.org

“Google products, including Google Search, serve valid AMP documents and their resources from the cache to provide a fast user experience across the mobile web.” - Google

Page 23: Webinar: AMP for WordPress - The Inside Scoop

#wpewebinar

CALENDAR PROGRESSION SLIDE

You have to be a developer to implement AMP

WooCommerceLive CommentingAd managementGA / Tag ManagerMenus & SearchAMP Only Mode

Free month + coupon welcome20 (20% off)

Page 24: Webinar: AMP for WordPress - The Inside Scoop

#wpewebinar

Month XX, 2016

DIVIDER 1

Considerations for Implementing AMP in WordPress

Page 25: Webinar: AMP for WordPress - The Inside Scoop

#wpewebinar

TITLE + CONTENT: TWO COLUMN LARGE BULLETS

- Pages don’t work yet

- Archives don’t work yet

- Styling is very limited

Considerations for AMP & WordPress

Page 26: Webinar: AMP for WordPress - The Inside Scoop

#wpewebinar

Month XX, 2016

DIVIDER 1

How to Deploy AMP in your WordPress Environment

Page 28: Webinar: AMP for WordPress - The Inside Scoop

#wpewebinar

TITLE + CONTENT: TWO COLUMN LARGE BULLETS

❏ Install AMP plugin

❏ Install Yoast SEO AMP Glue plugin

❏ Determine which post types to do AMP for

❏ Fix the design

❏ Decide on analytics implementation

Here’s your checklist

Page 29: Webinar: AMP for WordPress - The Inside Scoop

#wpewebinar

TITLE + CONTENT: TWO COLUMN LARGE BULLETS

- Which post types do you want to serve AMP pages for?

Choose post types

Page 30: Webinar: AMP for WordPress - The Inside Scoop

#wpewebinar

TITLE + CONTENT: TWO COLUMN LARGE BULLETS

- Use the design setting in Yoast Glue- Change colors, add logo’s, even add

custom styles

Fix the design

Page 31: Webinar: AMP for WordPress - The Inside Scoop

#wpewebinar

TITLE + CONTENT: TWO COLUMN LARGE BULLETS

- Copy paste code into Glue plugin

- Use MonsterInsights module (in beta)

- Build something yourself

Analytics

Page 32: Webinar: AMP for WordPress - The Inside Scoop

#wpewebinar

Month XX, 2016

DIVIDER 1

Slides and recording will be made available shortly after the webinar

4 months free on annual accounts (personal/pro/business) code: wpe20off

QUESTIONS AND ANSWERS

Page 34: Webinar: AMP for WordPress - The Inside Scoop

#wpewebinar

IMAC MOCKUP SLIDE

CROP IMAGE TO GRAY BOX

NEXT UP...

Register Now:http://wpeng.in/ remarketing

Wednesday, April 2611:00 a.m. CDT,12:00 p.m. EDT, 9:00 a.m. PDT,16:00 UTC/GMT

Page 35: Webinar: AMP for WordPress - The Inside Scoop

#wpewebinar

Month XX, 2016

DIVIDER 1

HELP US IMPROVE

Page 36: Webinar: AMP for WordPress - The Inside Scoop

#wpewebinar

Month XX, 2016

CLOSING 1

THANK YOU#wpewebinar

@wpengine

@jdevalk / @yoast