AMP: Accelerated Mobile Pages Project - stále podceňovaná a přesto důležitá funkce pro načtení stránek rychlostí blesku. O co se přesně jedná a jak to může vašemu webu pomoci?

1. AMP
Daniel Nytra
17.5.2018

2. Kdože?
 Volnonožec
 Konzultace online marketingu
 Celodenní kurzy
 E-booky
 Webináře
 Online workshopy
 Blog: DanielNytra.cz
 Projekt: SimpleShop.cz

3. AMP obecně
 AMP - Zrychlené načítání stránek pro mobily
 Roky 2015-2016:
 Facebook s Instant Articles
 Apple s Apple News
 Google s Accelerated Mobile Pages
 Jednoduché nasazení, bez nutnosti používat speciální aplikace
 Není přímým signálem pro vyhledávače (zatím)
 Označení AMP stránek ve výsledcích vyhledávání

4. Rychlost
 Každé zpomalení znamená ztrátu
návštěvnosti
 Není návštěvnost, nejsou zisky
 Důležitá pro lidi =
Důležitá pro vyhledávače
MOZ.com

5. Latence
 Velký počet zdrojů je problém
 Javascript, css,
interní vs. externí
 3G síť s 10 zdroji = 10 x 300ms
= 3 sekundy + stahování obsahu
Martin Michálek

6. Symbol AMP
 Preferují symbol AMP – 51%
 Je jim to jedno – 24%
 Bez AMP – 13%

7. Profrčíme základy
 AMP HTML – velice jednoduchý kód, někdy pozměněn <amp-img>
 AMP JS – super-rychlá knihovna AMP
 AMP Cache – načtení statického obsahu na Google Cache
 Stránka příspěvku (zdroj):
 <link rel="amphtml" href="https://www.danielnytra.cz/bombasticke-pluginy-
woocommerce/amp/" />
 AMP stránka:
 <link rel="canonical" href="https://www.danielnytra.cz/bombasticke-pluginy-
woocommerce/" />

8. Kdo to má?
 Zpravodajství
 CNN.com
 TheGuardian.com
 BBC.com
 NyTimes.com
 Seznam zprávy
 eCommerce
 Aliexpress.com
 Ebay.com

9. eBay.com vs. Aliexpress.com

10. Doporučení pro eCommerce
 Není perfektní funkcionalita
 Omezit na jednoduché stránky
 Kategorie pro blogy
 Novinky, blogové příspěvky (magazíny)
 Kategorie produktů
 Co s detailem produktů
 Perfektně vyladit web = RYCHLOST!
 Testuji!

11. Wordpress a AMP (1.)
 https://wordpress.org/plugins/accelerated-mobile-pages/
 Překlad
(bude článek s možností si stáhnout plugin pro překlad)
 Více nastavení grafiky (logo, AMP grafika stránek)
 Vložení reklamy k příspěvkům
 Napojení na nejznámější SEO pluginy (Yoast, All in One SEO)
 Minify HTML
 Notifikace o cookies, GDPR
 Napojení na OneSignal.com
 Komentáře (Wordpress, Disqus, Facebook)
 Instant Articles (Facebook)
 Vynucené přesměrování na AMP

12. Wordpress a AMP (2.)
 https://wordpress.org/plugins/accelerated-mobile-pages/
a placené rozšíření (10dolarů/měsíc nebo jednorázově):
 Speciální reklamy (v článku, klouzavé apod.)
 Speciální grafika
 WPML a Polylang – TESTUJI!
 Strukturovaná data (json-ld formát) – TESTUJI!
 Ohodnocení hvězdičkami (KK Star ratings, WP-Post Ratings, WP Review) – TESTUJI!
 Woocommerce (detail produktu, kategorie, galerie, košík) – TESTUJI!
 Podpora ACF (Advanced Custom Fields) - TESTUJI!

13. 15% sleva na rozšíření pluginu
pouze do 18.5.

14. Kontrola (1.)
 Funkčnost AMP:
https://search.google.com/test/
amp

15. Kontrola (2.)
Search Console
 Chyby AMP stránek
 Zobrazení stránek

16. Doporučení
 Google Analytics: GDPR a User-ID
https://www.google.com/about/company/consentstaging.html
 Google Analytics: Dvojité započítání nového příchodu uživatele
Řešení existuje: https://www.simoahava.com/analytics/google-analytics-
client-id-amp-pages/
 Omezené možnosti funkčnosti na stránkách
 Plnou kontrolu má Google, ne vy
 Náročná implementace (pokud nemáte plugin  )
 Do XML feedu AMP stránky nepatří (rel=„amphtml“)
 Google Tag Manager je omezený

17. Děkuji za pozornost
www.danielnytra.cz