Successfully reported this slideshow.
We use your LinkedIn profile and activity data to personalize ads and to show you more relevant ads. You can change your ad preferences anytime.

Advanced Tips, Tricks, & Tools for Conquering AMP Problems Today By Paul Shapiro


Published on

From the SMX West Conference in San Jose, California, March 21-23, 2017. SESSION: AMP: The Next Generation. PRESENTATION: Advanced Tips, Tricks, & Tools for Conquering AMP Problems Today - Given by Paul Shapiro, @fighto - Catalyst, Director of Strategy & Innovation. #SMX #11A

Published in: Marketing
  • A professional Paper writing services can alleviate your stress in writing a successful paper and take the pressure off you to hand it in on time. Check out, please ⇒ ⇐
    Are you sure you want to  Yes  No
    Your message goes here
  • taking surveys for cash online? ●●●
    Are you sure you want to  Yes  No
    Your message goes here
  • It's so easy that you can find it with your eyes shut. For example, as for me the best and the most responsibly working service is this one - ⇒ ⇐ - you'll find there everything you need. And the prices are reasonable.
    Are you sure you want to  Yes  No
    Your message goes here
  • USA Today Has Proof That Lotto Is NOT Random ▲▲▲
    Are you sure you want to  Yes  No
    Your message goes here
  • You're Going to Want to Read This Before Tonight 
    Are you sure you want to  Yes  No
    Your message goes here

Advanced Tips, Tricks, & Tools for Conquering AMP Problems Today By Paul Shapiro

  1. 1. #SMX #11A @fighto Advanced Tips, Tricks, & Tools for Conquering AMP Problems Today AMP Next Generation
  2. 2. #SMX #11A @fighto Advanced Tips, Tricks, & Tools for Conquering AMP Problems Today AMP Next Generation
  3. 3. #SMX #11A @fighto
  4. 4. #SMX #11A @fighto There has been a lot of criticism Of AMP: Developers Users Webmasters/SEOs I want to address some of those criticisms. Maybe Google will answer some in Q&A.
  5. 5. #SMX #11A @fighto Common Criticism: “It’s only for News Sites and Blogs”
  6. 6. #SMX #11A @fighto “2016 In Focus”
  7. 7. #SMX #11A @fighto AMP Magic 8 Ball Store w/ RocketAMP *Native support for Shopify in the works.
  8. 8. #SMX #11A @fighto
  9. 9. #SMX #11A @fighto
  10. 10. #SMX #11A @fighto Common Criticism: “This is all to satisfy Google. It’s a Google product.” “Other Google products don’t have longevity, like Authorship & Google+”
  11. 11. #SMX #11A @fighto LinkedIn AMP Example
  12. 12. #SMX #11A @fighto Feedly AMP Example
  13. 13. #SMX #11A @fighto Pinterest AMP Example
  14. 14. #SMX #11A @fighto CloudFlare AMP Example
  15. 15. #SMX #11A @fighto Twitter Moments AMP Example
  16. 16. #SMX #11A @fighto Other Notable AMP-Supported Platforms
  17. 17. #SMX #11A @fighto Common Criticism: “Google is stealing your traffic and serving your site on their domain.”
  18. 18. #SMX #11A @fighto X Not the Problem People Make It Out To Be
  19. 19. #SMX #11A @fighto X Not the Problem People Make It Out To Be
  20. 20. #SMX #11A @fighto Common Criticism: “There’s no way to disable AMP results in the SERP for users.”
  21. 21. #SMX #11A @fighto ✓ Actual problem with Google’s implementation of AMP. It is being on users. Google has Search Settings for signed-in user and there’s no reason there isn’t a disable option.
  22. 22. #SMX #11A @fighto Common Criticism: “You can’t remove your own site’s AMP results from the SERP.”
  23. 23. #SMX #11A @fighto This post went viral on Hacker News: O Half True Personal tests show: • Simply removing the AMP pages will remove the amp cache from the Google results in ~3 days without doing anything else. • 301 redirecting AMP pages to non-AMP pages, using update-ping, and forcing Googlebot to crawl the page in Search Console results in it being removed in ~1 day. • Update-Ping ( ping) seems to do noting on it’s own.
  24. 24. #SMX #11A @fighto Common Criticism: “App deep links are de-prioritized”
  25. 25. #SMX #11A @fighto ✓ That’s a Problem
  26. 26. #SMX #11A @fighto Common Criticism: “It’s hard to share AMP results from Google Cache.”
  27. 27. #SMX #11A @fighto O Half True As of February 6, 2017: 17/02/whats-in-amp-url.html But, still a pain for sharing directly from the AMP Cache.
  28. 28. #SMX #11A @fighto Common Criticism: “The Google URL showing instead of your own is a marketing/SEO issue”
  29. 29. #SMX #11A @fighto O Partially True • It’s not an SEO issue. Since modern search engines support the canonical tag. • It may cause social sharing numbers to be wrong. • It’s possible that users are more likely to click back to the SERP rather than your own website, but there’s UX changes that can be made to mitigate that. • It’s a branding concern.
  30. 30. #SMX #11A @fighto Common Criticism: “Google has a strong hand in the development and propagation of AMP. It’s not W3C.”
  31. 31. #SMX #11A @fighto Sort Of “All current core contributors to AMP work for Google, AMP is effectively a Google-led project. It’s however designed as a standalone open source project, and we’re inviting developers and the community to step up and contribute to become core committers and make AMP fully independent.” –Paul Bakaus
  32. 32. #SMX #11A @fighto Common Criticism: “You’re forced to use Google’s cache and Google hosts all of the JS.”
  33. 33. #SMX #11A @fighto They’re Working On It for-the-web-75ed698a4d64
  34. 34. #SMX #11A @fighto Common Criticism: “Google AMP Results don’t save correctly in Pocket and other ‘readers’”
  35. 35. #SMX #11A @fighto They work fine with Safari Reader and Pocket if given the chance to load enough. O Half True
  36. 36. #SMX #11A @fighto Common Criticism: “You often see blank areas in AMP results and ads runs slow.”
  37. 37. #SMX #11A @fighto • Ads are often malformed producing blank areas. It’s sort of unfortunate, because there’s only so much control over what’s being served on ad networks. • The Ads are actually the same speed, but AMP pages are so fast that you notice the difference.
  38. 38. #SMX #11A @fighto 7/19/but-what-about-the-ads/ A4A – AMP For Ads
  39. 39. #SMX #11A @fighto Other Criticisms
  40. 40. #SMX #11A @fighto Other Criticisms • It creates a “splintering” of the web. • It causes developers to prioritize the creation of AMP pages over making UX changes that might be more beneficial. • Scrolling on iOS doesn’t feel native. • The back button from Google AMP viewer doesn’t work as desired.
  41. 41. #SMX #11A @fighto New AMP Features, Tech, Tips & Tools
  42. 42. #SMX #11A @fighto Python Script: Requires: • Python • Requests package Ideally AMPBench would run locally, but can be ran off the appspot demo URL. Bulk Check AMP Pages with AMPBench API
  43. 43. #SMX #11A @fighto AMPBench Script Results
  44. 44. #SMX #11A @fighto Structured Data Testing Tool for Previewing AMP Listings
  45. 45. #SMX #11A @fighto Prerequisites & Code to Add to AMP Pages Example Form • The redirect URL must be absolute HTTPS URL otherwise AMP will throw an error and redirection won't happen. • <script async custom-element="amp- form" src=" -form-0.1.js"></script> • Not allowed: <input type=button>, <input type=file>, <input type=image> and <input type=password> AMP Forms are now supported! <form method="GET" action="/components/amp-form/submit-form" target="_top"> <input type="search" class="data-input" placeholder="Search..." name="googlesearch"> <input type="submit" value="OK" class="button button-primary other-input"> </form> Form Examples: Documentation:
  46. 46. #SMX #11A @fighto Google Analytics / Google Tag Manager
  47. 47. #SMX #11A @fighto Different Client IDs generated for: • Your domain’s AMP URLs • AMP Cache URL • Google AMP Cache URL This causes for tracking to show distinct users across theses three versions of the AMP page. BAD Note AMP Roadmap Update for Mid-Q1 2017: “Soon you will be able to programmatically substitute values, including the Client ID” Google Tag Manager (& GA) – The Problem
  48. 48. #SMX #11A @fighto Prerequisites & Code to Add to AMP Pages Modify Wordpress Theme’s functions.php • Domain must be on HTTPS • <script async custom-element="amp- analytics" src=" analytics-0.1.js"></script> • <amp-analytics config="// json/amp-gtm/amp.json?id=GTM- XXXXXX&gtm.url=SOURCE_URL" data- credentials=include></amp-analytics> Google Tag Manager (& GA) – The Solution (WP Example) Add this snippet to end of your functions.php file: • Source:
  49. 49. #SMX #11A @fighto 617-663-1247 | © 2017 Catalyst | All Rights Reserved Paul Shapiro Director of Strategy & Innovation THANK YOU!