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
4. #SMX #11A @fighto
CatalystDigital.com
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.
21. #SMX #11A @fighto
CatalystDigital.com
â 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.
23. #SMX #11A @fighto
CatalystDigital.com
This post went viral on Hacker News:
https://shkspr.mobi/blog/2016/11/removing-your-site-from-amp/
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 (https://developers.google.com/amp/cache/update-
ping) seems to do noting on itâs own.
27. #SMX #11A @fighto
CatalystDigital.com
O Half True
As of February 6, 2017:
https://developers.googleblog.com/20
17/02/whats-in-amp-url.html
But, still a pain for sharing directly from
the AMP Cache.
29. #SMX #11A @fighto
CatalystDigital.com
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.
31. #SMX #11A @fighto
CatalystDigital.com
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
https://paulbakaus.com/2016/10/13/debunked-10-misconceptions-about-amp/
37. #SMX #11A @fighto
CatalystDigital.com
⢠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.
40. #SMX #11A @fighto
CatalystDigital.com
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.
42. #SMX #11A @fighto
CatalystDigital.com
Python Script:
https://www.catalystdigital.com/smx-2017-python
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
45. #SMX #11A @fighto
CatalystDigital.com
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="https://cdn.ampproject.org/v0/amp
-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:
https://ampbyexample.com/components/amp-form/
Documentation:
https://www.ampproject.org/docs/reference/components/amp-form
47. #SMX #11A @fighto
CatalystDigital.com
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. #SMX #11A @fighto
CatalystDigital.com
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="https://cdn.ampproject.org/v0/amp-
analytics-0.1.js"></script>
⢠<amp-analytics
config="//www.yourdomain.com/wp-
json/amp-gtm/amp.json?id=GTM-
XXXXXX>m.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:
⢠http://pshapi.ro/gtmampsnip
Source: http://pshapi.ro/simoistheman