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

Google AMP : quel bilan 1 an après ?

QU’EST CE QUE C’EST
COMMENT CA MARCHE
1

@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
 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)

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

#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">

#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

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
 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.

#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

#SEOCamp @largow
Les composants par l’exemple
Tous les exemples : https://ampbyexample.com/

#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’url AMP
2. Ajouter la console DevTools (Afficher/Outils pour
développeurs/Console Javascript

#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.google.com/structured-data/testing-tool/

#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/
Attention, 1 semaine de délai entre l’analyse de la page et le reporting dans Search Console

#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 !

#SEOCamp @largow
Pour tout savoir sur Google AMP

#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 ?

#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

#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

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

#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

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's Google contenant au moins 1 résultat
AMP (requêtes contenu)
France UK US

#SEOCamp @largow
Source des data :
66
67
68
69
70
71
72
73
74
75
76
74% des résultats dans les Newsbox sont AMP en France

89 %
11 %
#SEOCamp @largow
Source des data :
0
10
20
30
40
50
60
70
54% de résultats texte AMP dans les SERP's Google en
France
France UK US

11 %
#SEOCamp @largow
Source : Search Engine Roundtable
Nouveauté Mars 2016 US : Top Stories Related Picks

#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 en février/mars 2017

#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

#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 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 !

@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 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

#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.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

#SEOCamp @largow

#SEOCamp @largow
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

#SEOCamp @largow
AMP Cache : d’autres solutions que Google arrivent
https://blog.cloudflare.com/accelerated-mobile/

#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…

#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

Extension au ecommerce (product & product listing pages), aux
annonces immobilières, aux chansons et aux recettes de cuisine
#SEOCamp @largow

AMP e-commerce
#SEOCamp @largow

#SEOCamp @largow
Vous aimez cette présentation ?
Suivre @largow sur Twitter
Twitter ces slides

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

API temps réèl
#SEOCamp @largow

Gestion des formulaires
#SEOCamp @largow

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).

@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

Redesign du « viewer » AMP
Ajout d’une croix
pour fermer
#SEOCamp @largow
Bandeau passé de bleu vif à gris

Bing entre dans la danse
#SEOCamp @largow
Source image : Search Engine Land

Et aussi
 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

#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 vous faut
http://www.cafe-referencement.com
@largow

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

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

Contenu connexe

Tendances

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

Plus de Virginie Clève - largow ☕️

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