getting amped!! by john shehata

#SMX #12A @JShehata

Getting AMPed!! John Shehata Sept 2016

#SMX #12A @JShehata

#SMX #12A @JShehata

#SMX #12A @JShehata

Stats

#SMX #12A @JShehata

Stats – Avg. Rankings

#SMX #12A @JShehata

Stats – Avg. CTR

#SMX #12A @JShehata

The majority of mobile search traffic is still coming from regular Google search

#SMX #12A @JShehata

…But AMP accounts for the double as much traffic to newly published content

#SMX #12A @JShehata

Stats – Oscars 2016 – 150 Queries

Forthesameevent(Oscars),queries,time.

AMPsitevs.Non-AMPSite

§  AMPQueriesgot15Xvisits

§  AMPQueriesgot7Ximpressions

§  AMPQueriesgot2Xhigheravg.rankings

#SMX #12A @JShehata

The AMP takeover of mobile search traffic will only accelerate g.co/ampdemo

#SMX #12A @JShehata

GOOGLE AMP SEPTMBER UPDATES

AMProlloutstarted9/19

#SMX #12A @JShehata

AMP Tactics

#SMX #12A @JShehata

Must Read

AMPproject.org AMPByExample.com

AMPproject.org/roadmap

#SMX #12A @JShehata

§ RecommendedContent:–  Newsarticles

–  Blogposts

–  Recipes

–  Productlistings–  Travelguides

–  Etc.

§ Maybe??–  Categories,tags,landinghubs,etc–  Homepage

Content types that are suited for AMP

#SMX #12A @JShehata

How to make your AMPs discoverable

CONTENT PUBLISHER

Link Tags

AMP-HTML

HTML

CaseA:PairedAMP

<link rel="canonical” href="http://example.publisher.com/article.html" />

<link rel=”amphtml” href="http://example.publisher.com/article.amp.html" />

Canonicaldocumentsshouldalreadybelinkingtothemselves!

<link rel=”canonical” href="http://example.publisher.com/article.html" />

CONTENT PUBLISHER

AMP-HTML

<link rel=”canonical” href="http://example.publisher.com/article.amp.html" />

CaseB:StandaloneAMP Justcallsitselfthecanonical.

Source:Google

#SMX #12A @JShehata

•  AMPpluginsareavailableforWordPress&Drupal

•  AMPCarouselRankingsforviewedresultsonly(viewport)•  1.1,1.2,1.3

AMP

#SMX #12A @JShehata

AMP Validation

#SMX #12A @JShehata

Validation

AlwaystestonAMPpages

https://www.google.com/amp/[URL]

https://cdn.ampproject.org/c/[URL]

#SMX #12A @JShehata

Validation Tools

[AMP-URL]#development=1

ChromeDevToolsConsole

AlwaystestonGoogleAMPCDN

AMPProjectChromeExtensionhttps://chrome.google.com/webstore/detail/amp-

validator/nmoffdblmcmgeicmolmhobpoocbbmknc

http://technicalseo.com/seo-tools/amp/

https://maxxeight.com/tools/amp-html/

https://ampbench.appspot.com/validate?url=[AMP-URL]

#SMX #12A @JShehata

Validation

AMPPagesServedfromgoogleCDN

§  https://www.google.com/amp/[URL]

§  https://cdn.ampproject.org/c/[URL]

Validationtoolsdoesn'tcountforcontenttypevalidationforassetsloadinginthepage

§  Example:wedidn'texplicitlysetthecontenttypeintheheaderforthefontandgot404

§  Thevalidationtoolsdidn'tpickonthat,browsersarewaytolerant

weonlyfoundthiswhenwehackedtheAMPURLwithourownURLandfoundcustomfontsarenotloading

#SMX #12A @JShehata

Slack Bot

HowaboutSlackbottorelaymessagesfromtheCMStoEngineeringteamwhenanewly-publishedpagedoesnotvalidate

#SMX #12A @JShehata

AMP in GSC

#SMX #12A @JShehata

Google showing the site owner AMP implementation error warnings in search results

#SMX #12A @JShehata

AMP: Opportunities & Challenges

#SMX #12A @JShehata

WordPress Plugin

https://wordpress.org/plugins/amp/

•  StructuredDataand[shortcodes]makesiteasiertoconvertHTMLtoAMPHTML• minimizeddevelopmenttime,fromweekstohours•  ShortCodesforembeds[images,youtube,vimeo,soundcloud,…]

#SMX #12A @JShehata

AMP Rich Card

#SMX #12A @JShehata

AMP FONTS

•  WehostourfontsonTypekit,whichisthirdpartyJSthatisn’tsupportedinAMP

•  sowe’vehadtoself-hostfontsforAMP.•  Thatwasextraworkanditalsopresentedlegalissuesaswe

hadtogetspecialpermissiontouseourfontsinthisway.

#SMX #12A @JShehata