setting amp for success at #digitalolympus
TRANSCRIPT
![Page 1: Setting AMP for Success at #DigitalOlympus](https://reader031.vdocument.in/reader031/viewer/2022022200/58a2faf91a28ab5d1c8b676b/html5/thumbnails/1.jpg)
Setting AMP for Success
#ampsuccess at #digitalolympus by @aleyda from @orainti
![Page 2: Setting AMP for Success at #DigitalOlympus](https://reader031.vdocument.in/reader031/viewer/2022022200/58a2faf91a28ab5d1c8b676b/html5/thumbnails/2.jpg)
I’m Aleyda Solis
#ampsuccess at #digitalolympus by @aleyda from @orainti
![Page 3: Setting AMP for Success at #DigitalOlympus](https://reader031.vdocument.in/reader031/viewer/2022022200/58a2faf91a28ab5d1c8b676b/html5/thumbnails/3.jpg)
ORAINTI.COM @ALEYDA FB.COM/ALEYDASEOTIPS/
I Do SEO
BITLY.COM/LIBROSEOALEYDA
I’m Aleyda Solis
I PublishI Share
#ampsuccess at #digitalolympus by @aleyda from @orainti
![Page 4: Setting AMP for Success at #DigitalOlympus](https://reader031.vdocument.in/reader031/viewer/2022022200/58a2faf91a28ab5d1c8b676b/html5/thumbnails/4.jpg)
I Blog I Speak I’m Featured
I’m Aleyda Solis
#ampsuccess at #digitalolympus by @aleyda from @orainti
![Page 5: Setting AMP for Success at #DigitalOlympus](https://reader031.vdocument.in/reader031/viewer/2022022200/58a2faf91a28ab5d1c8b676b/html5/thumbnails/5.jpg)
Why & When To Implement AMP?
#ampsuccess at #digitalolympus by @aleyda from @orainti
![Page 6: Setting AMP for Success at #DigitalOlympus](https://reader031.vdocument.in/reader031/viewer/2022022200/58a2faf91a28ab5d1c8b676b/html5/thumbnails/6.jpg)
AMP went live almost a year ago already…
#ampsuccess at #digitalolympus by @aleyda from @orainti
http://searchengineland.com/amp-top-stories-now-live-243314
![Page 7: Setting AMP for Success at #DigitalOlympus](https://reader031.vdocument.in/reader031/viewer/2022022200/58a2faf91a28ab5d1c8b676b/html5/thumbnails/7.jpg)
A “simpler” HTML & CSS, using optimized JS & Google AMP Cache to serve your mobile pages
#ampsuccess at #digitalolympus by @aleyda from @orainti
![Page 8: Setting AMP for Success at #DigitalOlympus](https://reader031.vdocument.in/reader031/viewer/2022022200/58a2faf91a28ab5d1c8b676b/html5/thumbnails/8.jpg)
#ampsuccess at #digitalolympus by @aleyda from @orainti
Mobile Responsive Non-AMP Mobile AMP
To deliver a faster & safer Mobile Web experience
![Page 9: Setting AMP for Success at #DigitalOlympus](https://reader031.vdocument.in/reader031/viewer/2022022200/58a2faf91a28ab5d1c8b676b/html5/thumbnails/9.jpg)
Initially released for publishers is now a requirement to be included in the News Carousel
#ampsuccess at #digitalolympus by @aleyda from @orainti
https://www.seroundtable.com/google-amp-only-news-carousel-21717.html
![Page 10: Setting AMP for Success at #DigitalOlympus](https://reader031.vdocument.in/reader031/viewer/2022022200/58a2faf91a28ab5d1c8b676b/html5/thumbnails/10.jpg)
Although is not a ranking factor (yet)…
#ampsuccess at #digitalolympus by @aleyda from @orainti
https://www.seroundtable.com/google-amp-canonical-ranking-23308.html
![Page 11: Setting AMP for Success at #DigitalOlympus](https://reader031.vdocument.in/reader031/viewer/2022022200/58a2faf91a28ab5d1c8b676b/html5/thumbnails/11.jpg)
“AMP optimized news articles appearing within Google's Top Stories on mobile have skyrocketed”
#ampsuccess at #digitalolympus by @aleyda from @orainti
https://www.rankranger.com/blog/amp-google-news-results-spikes
![Page 12: Setting AMP for Success at #DigitalOlympus](https://reader031.vdocument.in/reader031/viewer/2022022200/58a2faf91a28ab5d1c8b676b/html5/thumbnails/12.jpg)
And not only in the News Carousels
#ampsuccess at #digitalolympus by @aleyda from @orainti
AMP article rich resultsCan be free-standing in the results
page, or embedded in a carousel of similar result types. All AMP article
rich results are also rich results.
AMP non-rich resultsA basic, non-graphical search result
pointing to the AMP page.
![Page 13: Setting AMP for Success at #DigitalOlympus](https://reader031.vdocument.in/reader031/viewer/2022022200/58a2faf91a28ab5d1c8b676b/html5/thumbnails/13.jpg)
They are given preference over App deep links
#ampsuccess at #digitalolympus by @aleyda from @orainti
http://searchengineland.com/google-will-show-amp-urls-app-deep-link-urls-mobile-results-259204
![Page 14: Setting AMP for Success at #DigitalOlympus](https://reader031.vdocument.in/reader031/viewer/2022022200/58a2faf91a28ab5d1c8b676b/html5/thumbnails/14.jpg)
And are being expanded, now also for image results
#ampsuccess at #digitalolympus by @aleyda from @orainti
https://www.seroundtable.com/google-amp-canonical-ranking-23308.html
![Page 15: Setting AMP for Success at #DigitalOlympus](https://reader031.vdocument.in/reader031/viewer/2022022200/58a2faf91a28ab5d1c8b676b/html5/thumbnails/15.jpg)
CDNs have started to support it too
#ampsuccess at #digitalolympus by @aleyda from @orainti
https://www.cloudflare.com/website-optimization/accelerated-mobile-links/
![Page 16: Setting AMP for Success at #DigitalOlympus](https://reader031.vdocument.in/reader031/viewer/2022022200/58a2faf91a28ab5d1c8b676b/html5/thumbnails/16.jpg)
As well as Ad networks
#ampsuccess at #digitalolympus by @aleyda from @orainti
https://amphtml.wordpress.com/2017/01/30/ads-on-the-web-will-get-better-with-amp-heres-how/
![Page 17: Setting AMP for Success at #DigitalOlympus](https://reader031.vdocument.in/reader031/viewer/2022022200/58a2faf91a28ab5d1c8b676b/html5/thumbnails/17.jpg)
And although more complex functionality support for e-commerce is still in progress
#ampsuccess at #digitalolympus by @aleyda from @orainti
https://www.ampproject.org/es/roadmap/
![Page 18: Setting AMP for Success at #DigitalOlympus](https://reader031.vdocument.in/reader031/viewer/2022022200/58a2faf91a28ab5d1c8b676b/html5/thumbnails/18.jpg)
e-commerce sites have started to test them too
#ampsuccess at #digitalolympus by @aleyda from @orainti
https://amphtml.wordpress.com/2016/08/22/getting-started-with-amp-for-e-commerce/
https://amphtml.wordpress.com/2016/06/30/browse-ebay-with-style-and-speed/
![Page 19: Setting AMP for Success at #DigitalOlympus](https://reader031.vdocument.in/reader031/viewer/2022022200/58a2faf91a28ab5d1c8b676b/html5/thumbnails/19.jpg)
The additional organic search visibility & traffic can be impressive
#ampsuccess at #digitalolympus by @aleyda from @orainti
![Page 20: Setting AMP for Success at #DigitalOlympus](https://reader031.vdocument.in/reader031/viewer/2022022200/58a2faf91a28ab5d1c8b676b/html5/thumbnails/20.jpg)
But there are some already well-known cons
#ampsuccess at #digitalolympus by @aleyda from @orainti
https://80x24.net/post/the-problem-with-amp/
![Page 21: Setting AMP for Success at #DigitalOlympus](https://reader031.vdocument.in/reader031/viewer/2022022200/58a2faf91a28ab5d1c8b676b/html5/thumbnails/21.jpg)
Not showing your own URLs in the browser
#ampsuccess at #digitalolympus by @aleyda from @orainti
![Page 22: Setting AMP for Success at #DigitalOlympus](https://reader031.vdocument.in/reader031/viewer/2022022200/58a2faf91a28ab5d1c8b676b/html5/thumbnails/22.jpg)
This is known by the AMP team and meant to be fixed
#ampsuccess at #digitalolympus by @aleyda from @orainti
https://amphtml.wordpress.com/2017/01/13/why-amp-caches-exist/
http://www.thesempost.com/google-easier-link-share-url-amp/
![Page 23: Setting AMP for Success at #DigitalOlympus](https://reader031.vdocument.in/reader031/viewer/2022022200/58a2faf91a28ab5d1c8b676b/html5/thumbnails/23.jpg)
Providing what can be a over-simplified mobile AMP experience when using plugins
#ampsuccess at #digitalolympus by @aleyda from @orainti
Mobile Responsive Non-AMP Mobile AMP
<>
![Page 24: Setting AMP for Success at #DigitalOlympus](https://reader031.vdocument.in/reader031/viewer/2022022200/58a2faf91a28ab5d1c8b676b/html5/thumbnails/24.jpg)
That can end-up causing this
#ampsuccess at #digitalolympus by @aleyda from @orainti
![Page 25: Setting AMP for Success at #DigitalOlympus](https://reader031.vdocument.in/reader031/viewer/2022022200/58a2faf91a28ab5d1c8b676b/html5/thumbnails/25.jpg)
As well as generating too many pages to handle if you have an independent mobile version
#ampsuccess at #digitalolympus by @aleyda from @orainti
Desktop Non-AMP Mobile AMPIndependent Mobile Non-AMP
https://m.yourname.com/post-a/?amp=1
https://m.yourname.com/post-a/
https://www.yourname.com/post-a/
![Page 26: Setting AMP for Success at #DigitalOlympus](https://reader031.vdocument.in/reader031/viewer/2022022200/58a2faf91a28ab5d1c8b676b/html5/thumbnails/26.jpg)
#ampsuccess at #digitalolympus by @aleyda from @orainti
When does it makes sense to implement AMP at the moment then?
You’re in the media, news
industry or have a blog
Your current mobile page speed
sucks
You can personalize
AMP to have a similar UX &
functionality than your current
site
You ideally don’t have an
independent mobile version
![Page 27: Setting AMP for Success at #DigitalOlympus](https://reader031.vdocument.in/reader031/viewer/2022022200/58a2faf91a28ab5d1c8b676b/html5/thumbnails/27.jpg)
Let’s Implement AMP
#ampsuccess at #digitalolympus by @aleyda from @orainti
![Page 28: Setting AMP for Success at #DigitalOlympus](https://reader031.vdocument.in/reader031/viewer/2022022200/58a2faf91a28ab5d1c8b676b/html5/thumbnails/28.jpg)
First verify that your content type & functionality are AMP supported
#ampsuccess at #digitalolympus by @aleyda from @orainti
https://www.ampproject.org/docs/reference/components
https://www.ampproject.org/es/roadmap/
![Page 29: Setting AMP for Success at #DigitalOlympus](https://reader031.vdocument.in/reader031/viewer/2022022200/58a2faf91a28ab5d1c8b676b/html5/thumbnails/29.jpg)
Create your AMP HTMLs based on specifications, including the relevant structured data
#ampsuccess at #digitalolympus by @aleyda from @orainti
https://www.ampproject.org/docs/get_started/create
![Page 30: Setting AMP for Success at #DigitalOlympus](https://reader031.vdocument.in/reader031/viewer/2022022200/58a2faf91a28ab5d1c8b676b/html5/thumbnails/30.jpg)
Replace components & tags to be included with the relevant AMP markup, such as images
#ampsuccess at #digitalolympus by @aleyda from @orainti
![Page 31: Setting AMP for Success at #DigitalOlympus](https://reader031.vdocument.in/reader031/viewer/2022022200/58a2faf91a28ab5d1c8b676b/html5/thumbnails/31.jpg)
Embed your AMP custom CSS inline, only one stylesheet per page
#ampsuccess at #digitalolympus by @aleyda from @orainti
https://www.ampproject.org/docs/guides/responsive/style_pages
![Page 32: Setting AMP for Success at #DigitalOlympus](https://reader031.vdocument.in/reader031/viewer/2022022200/58a2faf91a28ab5d1c8b676b/html5/thumbnails/32.jpg)
You can see directly AMP implementation examples & demos for the desired functionality
#ampsuccess at #digitalolympus by @aleyda from @orainti
https://ampbyexample.com/
![Page 33: Setting AMP for Success at #DigitalOlympus](https://reader031.vdocument.in/reader031/viewer/2022022200/58a2faf91a28ab5d1c8b676b/html5/thumbnails/33.jpg)
As well as edit & test it in the AMP Playground to check if it would pass the validation
#ampsuccess at #digitalolympus by @aleyda from @orainti
https://ampbyexample.com/playground/
![Page 34: Setting AMP for Success at #DigitalOlympus](https://reader031.vdocument.in/reader031/viewer/2022022200/58a2faf91a28ab5d1c8b676b/html5/thumbnails/34.jpg)
Pair your “canonical” pages with your AMP ones
#ampsuccess at #digitalolympus by @aleyda from @orainti
Non-AMP AMP
![Page 35: Setting AMP for Success at #DigitalOlympus](https://reader031.vdocument.in/reader031/viewer/2022022200/58a2faf91a28ab5d1c8b676b/html5/thumbnails/35.jpg)
If for some reason you’re only using AMP pages, they should be tagged as your canonical ones
#ampsuccess at #digitalolympus by @aleyda from @orainti
Canonical AMP
![Page 36: Setting AMP for Success at #DigitalOlympus](https://reader031.vdocument.in/reader031/viewer/2022022200/58a2faf91a28ab5d1c8b676b/html5/thumbnails/36.jpg)
If you have a Wordpress based site you can use the official free AMP Plugin
#ampsuccess at #digitalolympus by @aleyda from @orainti
https://wordpress.org/plugins-wp/amp/
![Page 37: Setting AMP for Success at #DigitalOlympus](https://reader031.vdocument.in/reader031/viewer/2022022200/58a2faf91a28ab5d1c8b676b/html5/thumbnails/37.jpg)
Yoast Glue for AMP facilitates the implementation of the required markup & customization too
#ampsuccess at #digitalolympus by @aleyda from @orainti
https://wordpress.org/plugins-wp/glue-for-yoast-seo-amp/
![Page 38: Setting AMP for Success at #DigitalOlympus](https://reader031.vdocument.in/reader031/viewer/2022022200/58a2faf91a28ab5d1c8b676b/html5/thumbnails/38.jpg)
As well as the PageFrog plugin
#ampsuccess at #digitalolympus by @aleyda from @orainti
https://wordpress.org/plugins-wp/pagefrog/
![Page 39: Setting AMP for Success at #DigitalOlympus](https://reader031.vdocument.in/reader031/viewer/2022022200/58a2faf91a28ab5d1c8b676b/html5/thumbnails/39.jpg)
The goal is to provide the most consistent user experience through your “extended” AMP pages
#ampsuccess at #digitalolympus by @aleyda from @orainti
Mobile Non-AMP Mobile AMP
=
![Page 40: Setting AMP for Success at #DigitalOlympus](https://reader031.vdocument.in/reader031/viewer/2022022200/58a2faf91a28ab5d1c8b676b/html5/thumbnails/40.jpg)
If at some point you disable them, remember these need to be 301-redirected to avoid errors
#ampsuccess at #digitalolympus by @aleyda from @orainti
![Page 41: Setting AMP for Success at #DigitalOlympus](https://reader031.vdocument.in/reader031/viewer/2022022200/58a2faf91a28ab5d1c8b676b/html5/thumbnails/41.jpg)
#ampsuccess at #digitalolympus by @aleyda from @orainti
https://medium.com/relay-media/whats-going-on-with-amp-analytics-5595af2dcc71#.2it72dhgb
It’s also critical to track them, thinking on their “cross-domain” design
![Page 42: Setting AMP for Success at #DigitalOlympus](https://reader031.vdocument.in/reader031/viewer/2022022200/58a2faf91a28ab5d1c8b676b/html5/thumbnails/42.jpg)
Google Analytics supports AMP through the amp-analytics component
#ampsuccess at #digitalolympus by @aleyda from @orainti
https://developers.google.com/analytics/devguides/collection/amp-analytics/
![Page 43: Setting AMP for Success at #DigitalOlympus](https://reader031.vdocument.in/reader031/viewer/2022022200/58a2faf91a28ab5d1c8b676b/html5/thumbnails/43.jpg)
You can implement it via GTM too
#ampsuccess at #digitalolympus by @aleyda from @orainti
https://www.simoahava.com/analytics/accelerated-mobile-pages-via-google-tag-manager/
![Page 44: Setting AMP for Success at #DigitalOlympus](https://reader031.vdocument.in/reader031/viewer/2022022200/58a2faf91a28ab5d1c8b676b/html5/thumbnails/44.jpg)
Once you finish, verify your implementation using The OnPage AMP Checklist
#ampsuccess at #digitalolympus by @aleyda from @orainti
https://en.onpage.org/knowledge-base/tutorials/amp/
![Page 45: Setting AMP for Success at #DigitalOlympus](https://reader031.vdocument.in/reader031/viewer/2022022200/58a2faf91a28ab5d1c8b676b/html5/thumbnails/45.jpg)
You can additionally validate your AMP pages with the AMP Project Validator
#ampsuccess at #digitalolympus by @aleyda from @orainti
https://validator.ampproject.org/
![Page 46: Setting AMP for Success at #DigitalOlympus](https://reader031.vdocument.in/reader031/viewer/2022022200/58a2faf91a28ab5d1c8b676b/html5/thumbnails/46.jpg)
Using Chrome DevTools
#ampsuccess at #digitalolympus by @aleyda from @orainti
http://searchengineland.com/chromes-devtools-seo-10-ways-use-seo-audits-266433
![Page 47: Setting AMP for Success at #DigitalOlympus](https://reader031.vdocument.in/reader031/viewer/2022022200/58a2faf91a28ab5d1c8b676b/html5/thumbnails/47.jpg)
The crawlers that already support AMP validation, like SEMrush Site Audit
#ampsuccess at #digitalolympus by @aleyda from @orainti
![Page 48: Setting AMP for Success at #DigitalOlympus](https://reader031.vdocument.in/reader031/viewer/2022022200/58a2faf91a28ab5d1c8b676b/html5/thumbnails/48.jpg)
Or by configuring Screaming Frog using custom extraction
#ampsuccess at #digitalolympus by @aleyda from @orainti
![Page 49: Setting AMP for Success at #DigitalOlympus](https://reader031.vdocument.in/reader031/viewer/2022022200/58a2faf91a28ab5d1c8b676b/html5/thumbnails/49.jpg)
Monitor potential remaining errors in the Google Search Console AMP Report
#ampsuccess at #digitalolympus by @aleyda from @orainti
![Page 50: Setting AMP for Success at #DigitalOlympus](https://reader031.vdocument.in/reader031/viewer/2022022200/58a2faf91a28ab5d1c8b676b/html5/thumbnails/50.jpg)
Prioritize to fix “critical” issues affecting most & more important pages
#ampsuccess at #digitalolympus by @aleyda from @orainti
![Page 51: Setting AMP for Success at #DigitalOlympus](https://reader031.vdocument.in/reader031/viewer/2022022200/58a2faf91a28ab5d1c8b676b/html5/thumbnails/51.jpg)
Besides invalid code usage in AMP pages, the most common issue is “content mismatch”
#ampsuccess at #digitalolympus by @aleyda from @orainti
https://support.google.com/webmasters/answer/6328309
![Page 52: Setting AMP for Success at #DigitalOlympus](https://reader031.vdocument.in/reader031/viewer/2022022200/58a2faf91a28ab5d1c8b676b/html5/thumbnails/52.jpg)
As well as errors in structured data, although this is not critical
#ampsuccess at #digitalolympus by @aleyda from @orainti
https://search.google.com/structured-data/testing-tool
![Page 53: Setting AMP for Success at #DigitalOlympus](https://reader031.vdocument.in/reader031/viewer/2022022200/58a2faf91a28ab5d1c8b676b/html5/thumbnails/53.jpg)
You can directly see in the GSC report the pages affected & details regarding each issue
#ampsuccess at #digitalolympus by @aleyda from @orainti
![Page 54: Setting AMP for Success at #DigitalOlympus](https://reader031.vdocument.in/reader031/viewer/2022022200/58a2faf91a28ab5d1c8b676b/html5/thumbnails/54.jpg)
And select to validate them there directly to verify in which line the problem is to fix
#ampsuccess at #digitalolympus by @aleyda from @orainti
https://search.google.com/search-console/amp
![Page 55: Setting AMP for Success at #DigitalOlympus](https://reader031.vdocument.in/reader031/viewer/2022022200/58a2faf91a28ab5d1c8b676b/html5/thumbnails/55.jpg)
It can be a rollercoaster, although one with a positive trend if critical errors are handled
#ampsuccess at #digitalolympus by @aleyda from @orainti
![Page 56: Setting AMP for Success at #DigitalOlympus](https://reader031.vdocument.in/reader031/viewer/2022022200/58a2faf91a28ab5d1c8b676b/html5/thumbnails/56.jpg)
Maximizing your mobile search visibility
#ampsuccess at #digitalolympus by @aleyda from @orainti
![Page 57: Setting AMP for Success at #DigitalOlympus](https://reader031.vdocument.in/reader031/viewer/2022022200/58a2faf91a28ab5d1c8b676b/html5/thumbnails/57.jpg)
While providing the most possibly consistent mobile user experience
#ampsuccess at #digitalolympus by @aleyda from @orainti
![Page 58: Setting AMP for Success at #DigitalOlympus](https://reader031.vdocument.in/reader031/viewer/2022022200/58a2faf91a28ab5d1c8b676b/html5/thumbnails/58.jpg)
Thanks! Questions?
#ampsuccess at #digitalolympus by @aleyda from @orainti