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.
Google AMP : quel bilan 1 an après ?
QU’EST CE QUE C’EST
COMMENT CA MARCHE
1
Texte
@largow#SEOCamp @largow
@largow#SEOCamp @largow
A l’origine d’AMP, le besoin de résoudre un problème sur mobile
@largow#SEOCamp @largow
Un affichage quasi instantané même avec une connexion de mauvaise qualité
#SEOCamp @largow
Fonctionnement de Google AMP
+
Cache
#SEOCamp @largow
Le pré rendering, cœur de l’intérêt d’AMP
Source : Google
#SEOCamp @largow
En résumé, le pré rendering, c’est ça
Source : Google
#SEOCamp @largow
Fonctionnement de Google AMP
Source : Google Hangout du 07/03/2016
#SEOCamp @largow
Comment font t’ils ?
 Texte et images sont téléchargés en 1er
 Le reste est relégué au second plan
 HT...
Quelques stats AMP fournies par Google
 7 300 développeurs utilisaient AMP en mai 2016
 1 900 soumissions de code (mai 2...
#SEOCamp @largow
Le navigateur ainsi que les supports partenaires repèrent la présence
de l’éclair dans la balise HTML d’o...
#SEOCamp @largow
Page article sur
mon site
⚡
Page AMP
?amp ou /amp
⚡
Page AMP
dans le
Google CDN
rel="amphtml"
rel="canoni...
Replay des confs largow en vidéo
#SEOCamp @largow
#SEOCamp @largow
Des limitations
 Interstitiels interdits
 Fichier CSS commun à toutes les pages AMP inférieur à 50 ko
...
#SEOCamp @largow
Adapter le code issu du wysiwyg pour tout le contenu riche
Des composants sont disponibles pour gérer ces...
#SEOCamp @largow
Les composants par l’exemple
Tous les exemples : https://ampbyexample.com/
DES OUTILS POUR VOUS AIDER
2
#SEOCamp @largow
Templates & UI componants tout prêts
https://www.ampstart.com/
#SEOCamp @largow
Etape 1 : validation en développement
Avec le navigateur Chrome
1. Ajouter #development=1 à la fin de l’u...
#SEOCamp @largow
Etape 1 : validation en développement
http://tools.maxxeight.com/amp-html/
#SEOCamp @largow
Etape 2 : validation en recette
http://technicalseo.com/seo-tools/amp/
#SEOCamp @largow
Etape 3 : validation du microformat
NewsArticle, Article, BlogPosting ou VideoObject
https://developers.g...
#SEOCamp @largow
Etape 3/4 : Extension Chrome AMP Validator
#SEOCamp @largow
Etape 4 : suivi de l’indexation et des rejets
https://developers.google.com/structured-data/testing-tool/...
#SEOCamp @largow
Une page AMP ne sera pas acceptée tant qu’elle comportera
une erreur, aussi petite soit t’elle.
Pages AMP...
#SEOCamp @largow
Pour tout savoir sur Google AMP
QUELS GAINS ?
3
#SEOCamp @largow
Communication officielle Google :
15 à 85% de gain* en vitesse d’affichage
Réalité (pages AMP hors cache ...
#SEOCamp @largow
Avant AMP
Taux de revisite sous 7 jours : 51%
Avec AMP
Taux de revisite sous 7 jours : 63%
Doit aussi bea...
#SEOCamp @largow
Une clé de succès : un bon produit, une bonne ergo
The Guardian :
60% du trafic total
site mobile en
prov...
@largow / @gbournizien
AMP Ecommerce : 1ers retours
#SEOCamp @largow
Snapdeal (US):
+ 52% de commandes
journalières sur mo...
#SEOCamp @largow
Additionnel ou défensif ?
#CaDepend
Additionnel pour
les sites pas très
bons en trafic
news
Défensif pour...
EVOLUTION DES PAGES DE RESULTAT
4
#SEOCamp @largow
Source des data :
0
10
20
30
40
50
60
70
80
90
100
Sep-16 Oct-16 Nov-16 Dec-16 Jan-17 Feb-17
81% de SERP'...
#SEOCamp @largow
Source des data :
66
67
68
69
70
71
72
73
74
75
76
Sep-16 Oct-16 Nov-16 Dec-16 Jan-17 Feb-17
74% des résu...
@largow / @gbournizien
89 %
11 %
#SEOCamp @largow
Source des data :
0
10
20
30
40
50
60
70
Sep-16 Oct-16 Nov-16 Dec-16 Jan...
@largow / @gbournizien
11 %
#SEOCamp @largow
Source : Search Engine Roundtable
Nouveauté Mars 2016 US : Top Stories Relate...
AUDIENCES AMP
5
#SEOCamp @largow
Source des data :
#SEOCamp @largow
Source des data :
#SEOCamp @largow
1ères audiences certifiées AMP pour les sites médias
Source ACPM / Mind
#SEOCamp @largow
Chiffres clés AMP secteur média
Etude réalisée par largow auprès de 10 sites média du Top 15 en audience ...
#SEOCamp @largow
Attention, bug de compatabilisation dans Google Analytics
Les visites qui commencent par une page AMP et ...
CRITERES DE RANKING
6
#SEOCamp @largow
Selon John Mueller, AMP n’est pas un ranking factor.
#SEOCamp @largow
Sauf que…
 Le Page Speed l’est
 Le mobile friendly aussi
 Les pages AMP rankent très haut dans les SER...
@largow
S’abonner à la newsletter largow
#SEOCamp
#SEOCamp @largow
Critères de déclenchement du carrousel
 Le carrousel ne se déclenche pas
sur toute les requêtes
 Il se ...
#SEOCamp @largow
AMP et la question des urls : peur sur le SEO !
#SEOCamp @largow
AMP et la question des urls
Url éditeur :
https://www.monsite.tld/article/amp
Url Cache :
https://www.mon...
#SEOCamp @largow
AMP et la question des urls
#SEOCamp @largow
#SEOCamp @largow
AMP et la question des urls
Url Cache Url Viewer Url éditeur
Toutes les explications sur le site AMP HTML...
#SEOCamp @largow
AMP Cache : d’autres solutions que Google arrivent
https://blog.cloudflare.com/accelerated-mobile/
QUELLE MONETISATION ?
7
#SEOCamp @largow
 Plus de 60 ad networks compatibles
 90% des publishers observent un CTR en augmentation
 80% des publ...
#SEOCamp @largow
 Contrôle complet sur la commercialisation
 Beaucoup d’ad servers compatibles
MAIS
 Les agences média ...
NOUVEAUTES
8
@largow / @gbournizien
Extension au ecommerce (product & product listing pages), aux
annonces immobilières, aux chansons e...
@largow / @gbournizien
AMP e-commerce
#SEOCamp @largow
#SEOCamp @largow
Vous aimez cette présentation ?
Suivre @largow sur Twitter
Twitter ces slides
@largow / @gbournizien
AMP dans Google News, gestion du paywall (contenus payants)
#SEOCamp @largow
Sites non AMP de fait ...
@largow / @gbournizien
API temps réèl
#SEOCamp @largow
@largow / @gbournizien
Gestion des formulaires
#SEOCamp @largow
@largow / @gbournizien
Carrousel dédié « live » tout en haut de page
sur les sujets très chauds
#SEOCamp @largow
Pour y êt...
@largow
Google enterre l’App Indexing
#SEOCamp @largow
« Users searching from mobile devices
will be directed to the relev...
Redesign du « viewer » AMP
@largow / @gbournizien
Ajout d’une croix
pour fermer
#SEOCamp @largow
Bandeau passé de bleu vif...
Bing entre dans la danse
@largow / @gbournizien
#SEOCamp @largow
Source image : Search Engine Land
Et aussi
@largow / @gbournizien
 Multi size ads pour une même emplacement pub
 Nouveaux formats pub
 Outils d’A/B Testi...
#SEOCamp @largow
https://www.ampproject.org/
#SEOCamp @largow
Google va t’il « débrancher » bientôt Google News ?
Mes blogs
Café Numérique
Digital Marketing Caféine
http://www.cafe-numerique.com
Café Référencement
La pause SEO qu’il vou...
Contact :
virginie@largow.com
Mobile : 06 27 26 67 08
Virginie Clève
Digital Strategist
www.largow.com
#GrowthMarketing
#S...
Upcoming SlideShare
Loading in …5
×

Google AMP 1 an après : quel bilan, quelles perspectives ?

12,032 views

Published on

On commence à voir des liens AMP dans les pages de résultat Google depuis février 2017. Qui sont les sites qui se sont lancés dans l’aventure ? Avec quels résultats ? Quid du e-commerce ? Faut t’il y aller et si oui comment, pour quelles opportunités et avec quels risques ? Ce sont à toutes ces questions que cette conférence tentera de répondre, en vous dressant un bilan d’un an d’AMP.

Published in: Internet

Google AMP 1 an après : quel bilan, quelles perspectives ?

  1. 1. Google AMP : quel bilan 1 an après ?
  2. 2. QU’EST CE QUE C’EST COMMENT CA MARCHE 1
  3. 3. Texte @largow#SEOCamp @largow
  4. 4. @largow#SEOCamp @largow A l’origine d’AMP, le besoin de résoudre un problème sur mobile
  5. 5. @largow#SEOCamp @largow Un affichage quasi instantané même avec une connexion de mauvaise qualité
  6. 6. #SEOCamp @largow Fonctionnement de Google AMP + Cache
  7. 7. #SEOCamp @largow Le pré rendering, cœur de l’intérêt d’AMP Source : Google
  8. 8. #SEOCamp @largow En résumé, le pré rendering, c’est ça Source : Google
  9. 9. #SEOCamp @largow Fonctionnement de Google AMP Source : Google Hangout du 07/03/2016
  10. 10. #SEOCamp @largow Comment font t’ils ?  Texte et images sont téléchargés en 1er  Le reste est relégué au second plan  HTML super light  JS réduit au minimum  Chargement asynchrone des iframes pour gagner encore en temps de chargement.  Nombre de requêtes réduit drastiquement : load de 10x moins de data qu’une page mobile classique (Source : Google)
  11. 11. Quelques stats AMP fournies par Google  7 300 développeurs utilisaient AMP en mai 2016  1 900 soumissions de code (mai 2016)  1,4 milliard de pages au format AMP dans l’index Google pour 850 000 domaines, en 104 langues (février 2017)  6 millions de nouvelles pages chaque semaine (aout 2016) @largow / @gbournizien Source des data : Google #SEOCamp @largow
  12. 12. #SEOCamp @largow Le navigateur ainsi que les supports partenaires repèrent la présence de l’éclair dans la balise HTML d’ouverture pour basculer le lien vers un contenu AMP depuis un mobile.  Google recommande de privilégier l’UTF-8  HTTPS sera bientôt obligatoire  Obligatoire : déclarer toutes les autres pages canoniques (web et/ou mobiles)  AMP peut être la page canonique, c’est à dire la seule disponible <!DOCTYPE html> <html > <head> <meta charset="utf-8"> <link rel="canonical" href="$Url_page_canonique"> <meta name="viewport" content="width=device-width,minimum- scale=1,initial-scale-1">
  13. 13. #SEOCamp @largow Page article sur mon site ⚡ Page AMP ?amp ou /amp ⚡ Page AMP dans le Google CDN rel="amphtml" rel="canonical" Gestion du duplicate dans Google AMP
  14. 14. Replay des confs largow en vidéo #SEOCamp @largow
  15. 15. #SEOCamp @largow Des limitations  Interstitiels interdits  Fichier CSS commun à toutes les pages AMP inférieur à 50 ko  Frames, iframes, embed,… sont interdits et doivent être remplacés par des composants AMP  Codage strict : on est obligé par AMP de donner les dimensions de tous les objets comme les images. Width et height.
  16. 16. #SEOCamp @largow Adapter le code issu du wysiwyg pour tout le contenu riche Des composants sont disponibles pour gérer ces cas : Composant Type d'usage amp-img Images amp-anim GIF animés amp-Youtube Embed amp-facebook Embed amp-twitter Embed amp-pinterest Embed amp-instagram Embed amp-lightbox Popup amp-carousel Diaporama amp-list Liste à puces amp-analytics Tag stats amp-iframe Iframes et tout ce qui n'est pas disponible via autres composants amp-ad Publicités Tous les composants : https://www.ampproject.org/docs/reference/extended.html
  17. 17. #SEOCamp @largow Les composants par l’exemple Tous les exemples : https://ampbyexample.com/
  18. 18. DES OUTILS POUR VOUS AIDER 2
  19. 19. #SEOCamp @largow Templates & UI componants tout prêts https://www.ampstart.com/
  20. 20. #SEOCamp @largow Etape 1 : validation en développement Avec le navigateur Chrome 1. Ajouter #development=1 à la fin de l’url AMP 2. Ajouter la console DevTools (Afficher/Outils pour développeurs/Console Javascript
  21. 21. #SEOCamp @largow Etape 1 : validation en développement http://tools.maxxeight.com/amp-html/
  22. 22. #SEOCamp @largow Etape 2 : validation en recette http://technicalseo.com/seo-tools/amp/
  23. 23. #SEOCamp @largow Etape 3 : validation du microformat NewsArticle, Article, BlogPosting ou VideoObject https://developers.google.com/structured-data/testing-tool/
  24. 24. #SEOCamp @largow Etape 3/4 : Extension Chrome AMP Validator
  25. 25. #SEOCamp @largow Etape 4 : suivi de l’indexation et des rejets https://developers.google.com/structured-data/testing-tool/ Attention, 1 semaine de délai entre l’analyse de la page et le reporting dans Search Console
  26. 26. #SEOCamp @largow Une page AMP ne sera pas acceptée tant qu’elle comportera une erreur, aussi petite soit t’elle. Pages AMP en erreur ? Tu sors !
  27. 27. #SEOCamp @largow Pour tout savoir sur Google AMP
  28. 28. QUELS GAINS ? 3
  29. 29. #SEOCamp @largow Communication officielle Google : 15 à 85% de gain* en vitesse d’affichage Réalité (pages AMP hors cache Google) : 13 et 72% de gain* (Source : Fastrize) * par rapport à une page mobile « normale » Quel gain ?
  30. 30. #SEOCamp @largow Avant AMP Taux de revisite sous 7 jours : 51% Avec AMP Taux de revisite sous 7 jours : 63% Doit aussi beaucoup à l’UX du carrousel AMP... Retour d’expérience du Washington Post
  31. 31. #SEOCamp @largow Une clé de succès : un bon produit, une bonne ergo The Guardian : 60% du trafic total site mobile en provenance d’AMP #CQFD Source : AMP Conf Google - 08/03/2017
  32. 32. @largow / @gbournizien AMP Ecommerce : 1ers retours #SEOCamp @largow Snapdeal (US): + 52% de commandes journalières sur mobile grâce à AMP +59% de trafic mobile quotidien grâce à AMP Source : AMP Conf Google 07/03/2017
  33. 33. #SEOCamp @largow Additionnel ou défensif ? #CaDepend Additionnel pour les sites pas très bons en trafic news Défensif pour les sites déjà leaders
  34. 34. EVOLUTION DES PAGES DE RESULTAT 4
  35. 35. #SEOCamp @largow Source des data : 0 10 20 30 40 50 60 70 80 90 100 Sep-16 Oct-16 Nov-16 Dec-16 Jan-17 Feb-17 81% de SERP's Google contenant au moins 1 résultat AMP (requêtes contenu) France UK US
  36. 36. #SEOCamp @largow Source des data : 66 67 68 69 70 71 72 73 74 75 76 Sep-16 Oct-16 Nov-16 Dec-16 Jan-17 Feb-17 74% des résultats dans les Newsbox sont AMP en France
  37. 37. @largow / @gbournizien 89 % 11 % #SEOCamp @largow Source des data : 0 10 20 30 40 50 60 70 Sep-16 Oct-16 Nov-16 Dec-16 Jan-17 Feb-17 54% de résultats texte AMP dans les SERP's Google en France France UK US
  38. 38. @largow / @gbournizien 11 % #SEOCamp @largow Source : Search Engine Roundtable Nouveauté Mars 2016 US : Top Stories Related Picks
  39. 39. AUDIENCES AMP 5
  40. 40. #SEOCamp @largow Source des data :
  41. 41. #SEOCamp @largow Source des data :
  42. 42. #SEOCamp @largow 1ères audiences certifiées AMP pour les sites médias Source ACPM / Mind
  43. 43. #SEOCamp @largow Chiffres clés AMP secteur média Etude réalisée par largow auprès de 10 sites média du Top 15 en audience en février/mars 2017
  44. 44. #SEOCamp @largow Attention, bug de compatabilisation dans Google Analytics Les visites qui commencent par une page AMP et se poursuivent ensuite sur le site « normal » peuvent causer une erreur de comptabilication qui peut alle jusqu’à x4 Créer obligatoirement un profil séparé pour AMP Plus d’infos sur Search Engine Roundtable : http://bit.ly/2mkSNNf
  45. 45. CRITERES DE RANKING 6
  46. 46. #SEOCamp @largow Selon John Mueller, AMP n’est pas un ranking factor.
  47. 47. #SEOCamp @largow Sauf que…  Le Page Speed l’est  Le mobile friendly aussi  Les pages AMP rankent très haut dans les SERP’s, dans un carrousel imagé et très visible. Attention, AMP ne résout pas les problématiques de page speed ou d’ergonomie sur votre site mobile !
  48. 48. @largow S’abonner à la newsletter largow #SEOCamp
  49. 49. #SEOCamp @largow Critères de déclenchement du carrousel  Le carrousel ne se déclenche pas sur toute les requêtes  Il se déclenche s’il y a assez de volume de recherches et de pages AMP disponibles sur une requête.  La fraicheur est un critère mais ce n’est pas le seul.  Critères de ranking proches de ceux des Google NewsBox
  50. 50. #SEOCamp @largow AMP et la question des urls : peur sur le SEO !
  51. 51. #SEOCamp @largow AMP et la question des urls Url éditeur : https://www.monsite.tld/article/amp Url Cache : https://www.monsite.tld.cdn.ampproject.org/c/http://www.monsite.tld/article/amp Url Viewer : https://www.google.com/amp/www.monsite.tld/article/amp Toutes les explications sur le site AMP HTML : http://bit.ly/2kTa65X
  52. 52. #SEOCamp @largow AMP et la question des urls
  53. 53. #SEOCamp @largow
  54. 54. #SEOCamp @largow AMP et la question des urls Url Cache Url Viewer Url éditeur Toutes les explications sur le site AMP HTML : http://bit.ly/2m64MMh  Sert à Google à valider les pages AMP avant de les délivrer et à bloquer celles qui sont KO  Prévention attaques XSS  Optimisation des images pour rduire le temps de load Obligatoire pour gérer l’historique dans le navigateur (refresh, précédent/suivant) Contrainte de sécuité des navigateurs L’url source qui est utilise pour les partages sociaux, les liens et affichée en version « domaine » dans le viewer
  55. 55. #SEOCamp @largow AMP Cache : d’autres solutions que Google arrivent https://blog.cloudflare.com/accelerated-mobile/
  56. 56. QUELLE MONETISATION ? 7
  57. 57. #SEOCamp @largow  Plus de 60 ad networks compatibles  90% des publishers observent un CTR en augmentation  80% des publishers observent une « ad viewability » en augmentation. Tout ce qu’il faut pour monétiser…
  58. 58. #SEOCamp @largow  Contrôle complet sur la commercialisation  Beaucoup d’ad servers compatibles MAIS  Les agences média sont frileuses  Pas de data first party pour le ciblage  Interstitiels et habillages publicitaire interdits  Header bidding (programmatic advertising) impossible … Mais une monétisation encore compliquée
  59. 59. NOUVEAUTES 8
  60. 60. @largow / @gbournizien Extension au ecommerce (product & product listing pages), aux annonces immobilières, aux chansons et aux recettes de cuisine #SEOCamp @largow
  61. 61. @largow / @gbournizien AMP e-commerce #SEOCamp @largow
  62. 62. #SEOCamp @largow Vous aimez cette présentation ? Suivre @largow sur Twitter Twitter ces slides
  63. 63. @largow / @gbournizien AMP dans Google News, gestion du paywall (contenus payants) #SEOCamp @largow Sites non AMP de fait pénalisés en visibilité par leur absence du carrousel
  64. 64. @largow / @gbournizien API temps réèl #SEOCamp @largow
  65. 65. @largow / @gbournizien Gestion des formulaires #SEOCamp @largow
  66. 66. @largow / @gbournizien Carrousel dédié « live » tout en haut de page sur les sujets très chauds #SEOCamp @largow Pour y être, il faudra utiliser l’api Google indexing (cache CDN Google obligatoire).
  67. 67. @largow Google enterre l’App Indexing #SEOCamp @largow « Users searching from mobile devices will be directed to the relevant AMP pages even if an equivalent app page exists. » Google
  68. 68. Redesign du « viewer » AMP @largow / @gbournizien Ajout d’une croix pour fermer #SEOCamp @largow Bandeau passé de bleu vif à gris
  69. 69. Bing entre dans la danse @largow / @gbournizien #SEOCamp @largow Source image : Search Engine Land
  70. 70. Et aussi @largow / @gbournizien  Multi size ads pour une même emplacement pub  Nouveaux formats pub  Outils d’A/B Testing  Tracking Analytics plus poussé  Etc. La plateforme évolue très très vite. Et bien. #SEOCamp @largow
  71. 71. #SEOCamp @largow https://www.ampproject.org/
  72. 72. #SEOCamp @largow Google va t’il « débrancher » bientôt Google News ?
  73. 73. Mes blogs Café Numérique Digital Marketing Caféine http://www.cafe-numerique.com Café Référencement La pause SEO qu’il vous faut http://www.cafe-referencement.com @largow
  74. 74. Contact : virginie@largow.com Mobile : 06 27 26 67 08 Virginie Clève Digital Strategist www.largow.com #GrowthMarketing #SocialMedia #Product #SEO #Mobile #ASO #Medias

×