#SMX #12A @JShehata Getting AMPed!! John Shehata Sept 2016
Welcome message from author
This document is posted to help you gain knowledge. Please leave a comment to let me know what you think about it! Share it to your friends and learn new things together.
Transcript
#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
Related Documents
