Google AMP : le tour de la question

Google AMP : mise en œuvre et 1er bilan

Google AMP 101 – SEO Camp’Us 2016 @largow

A l’origine d’AMP, le besoin de résoudre un problème sur mobile

Le discours officiel de Google

Version responsive / desktop

Version responsive / mobile Version AMP

Fonctionnement de Google AMP
+
Cache

Fonctionnement de Google AMP
Source : Google Hangout du 07/03/2016

L’usage du mobile explose

1 critère de ranking de + en + fort : Mobile friendly
Source : Search Engine Watch

Autre critère de ranking de + en + fort : Mobile friendly
Source : Smart Insights

Or, Google AMP c’est…
1. Un affichage quasi instantané
2. Une compatibilité mobile complète

Pourquoi tant d’éditeurs passent à AMP ?
Parce que leurs sites mobiles sont TRES lourds à charger

Et qu’avec AMP on peut obtenir un rendu similaire au site mobile / RWD
Page RWD Page AMP

HTML super light
(standard)
+
Système de cache
(CDN mis à dispo gratuitement)
+
Pre rendering depuis la SERP
=

Quel gain ?
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 »

15 à 85% de gain en vitesse d’affichage :
Pourquoi de telles différences ?
Cela dépend du nombre de formats pub, de tags de tracking et
d’embed (vidéos, tweets,…)
Attention, on est encore en “Test & Learn”. En fonction de
l’évolution du framework et du nombre de tags acceptés, cela
pourrait à terme se révéler moins performant à terme.

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

Source : Google Hangout du 07/03/2016

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

Des possibilités étendues de personnalisation
 On peut obtenir à peu près tous les
rendus possibles en CSS
 On peut inclure des embed en iframe
 On peut inclure de la pub
 On peut inclure des rebonds contextuels

Google AMP 101 – SEO Camp’Us 2016
TECHNOLOGIES
PARTENAIRES
@largow

Technologies partenaires : CMS

Technologies partenaires : Analytics
https://www.ampproject.org/docs/reference/extended/amp-analytics.html

Technologies partenaires : Ad Servers
+ de 20 ad servers partenaires en tout
https://www.ampproject.org/docs/reference/amp-ad.html#supported-ad-networks

Technologies partenaires : Native Advertising

Technologies partenaires : Plateformes vidéo

Technologies partenaires : Plateformes tierces

https://www.ampproject.org/who/

Un projet Open Source … Work in Progress

Des limitations
 Interstitiels et formulaires sont interdits
 Fichier CSS commun à toutes les pages AMP inférieur à 50 ko
 https est obligatoire
 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.

Adapter le code issu du wysiwyg pour tout le contenu riche
Des composants sont disponibles pour gérer ces cas :
Tous les composants : https://www.ampproject.org/docs/reference/extended.html
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

https://www.ampproject.org/

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

Etape 1 : validation en développement
http://tools.maxxeight.com/amp-html/

Etape 2 : validation en recette
http://technicalseo.com/seo-tools/amp/

Etape 3 : validation du microformat
NewsArticle, Article, BlogPosting ou VideoObject
https://developers.google.com/structured-data/testing-tool/

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

Pages AMP en erreur ? Tu sors !
Une page AMP ne sera pas acceptée tant qu’elle comportera
une erreur, aussi petite soit t’elle.

Suivez-moi sur Twitter
https://twitter.com/largow

DEPLOYER AMP SUR WORDPRESS,
JOOMLA ou DRUPAL
@largow

https://wordpress.org/plugins/amp/

https://wordpress.org/plugins/pagefrog/

https://weeblr.com/joomla-accelerated-mobile-pages/wbamp

https://www.drupal.org/project/amp

Pour l’instant, les pages AMP ne
remontent que dans le carrousel
Pour être dans le carrousel il faut :
 Une page AMP valide
 Des meta data valides
Pas réservé aux sites « Google
News » mais en pratique pour le
moment quasiment seuls les sites
qui y sont listés rankent…

… A quelques exceptions près.
Image : @eseoref

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 de Google News Box ?

Parfois les pages AMP peuvent d’afficher ailleurs que dans le carrousel

Une fois la phase d’exploration initiale terminée, seuls les nouveaux
articles (moins de 30 jours ?) semblent rester indexés.
Source : Search Console

QUELLE AUDIENCE ?
QUELS GAINS/RISQUES EN SEO ?
6

Selon John Mueller, AMP n’est pas un ranking factor.

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.

Perspectives d’audience
Trafic qui peut être fort sur un article unitaire mais sur
le global pour le moment, audience limitée.
=> Il faut attendre que beaucoup d’éditeurs rejoignent
AMP pour déclencher le carrousel sur beaucoup plus
de requêtes longue traîne.

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

Pas de duplicate content natif si les canonical sont en place
Les urls sous la forme :
http://amp.monsite.fr
ou
www.monsite.fr/mon-article/amp
ou
www.monsite.fr/mon-article?amp
ne sont pas rankées autrement que via le carrousel AMP et a priori
pas indexées
Ou presque…

La problématique Domain Authority subsiste
L’autorité de votre ndd pourrait pâtir d’AMP sur la durée, car les
backlinks vont aller sur la version Google cache de la page AMP
et non sur celle hébergée sur votre site

Les audiences AMP sont non comptabilisées Mediamétrie
Car la page vue est faite sur le domaine Google et non sur celui
de l’éditeur

Une monétisation encore balbutiante
 Contrôle complet sur la commercialisation
 Beaucoup d’ad servers compatibles
MAIS
 Pour le moment peu d’audience donc difficulté à monétiser
 Pas de data first party pour le ciblage
 Interstitiels et habillages publicitaire interdits
 Header bidding (programmatic advertising) impossible
 Paywalls non pris en charge

Nouveautés à venir pour AMP
 AMP pour les services et le ecommerce ? Infos
contradictoires de Google sur le sujet.
 Sites non AMP pénalisés en visibilité par leur absence du
carrousel
 Contenus AMP payants via la prise en charge des paywalls
 Améliorations des possibilités publicitaires
 Arrivée de nouveaux partenaires technologiques
 Pages AMP ailleurs que dans le carrousel, voire dans d’autres
produits Google.
 Déploiement sur un nombre de requêtes beaucoup plus
large
…

Navigation par catégories actuellement testée aux US

Contenus Google Podium dans le carrousel

Vers une nouvelle donne de la distribution du contenu web

AMP, y aller ou pas ?
La question se pose et la réponse dépend de la marque
concernée.
Payant aujourd’hui sur les golden keywords et l’actu ultra
chaude… à condition d’être bon en SEO AMP 
Et demain ??

Mes blogs
Café Numérique
Le décryptage Digital Medias
http://www.cafe-numerique.com/
Café Référencement
La pause SEO qu’il vous faut
http://www.cafe-referencement.com

Et sur les réseaux sociaux :Contact :
virginie@largow.com
Mobile : 06 27 26 67 08
Virginie Clève
Digital Strategist
@largow
www.largow.com
#GrowthMarketing
#SocialMedia #Product
#SEO #Mobile #ASO
#Medias
#ContentDistribution

Google AMP : le tour de la question

Empfohlen

Empfohlen

Weitere ähnliche Inhalte

Andere mochten auch

Andere mochten auch (15)

Mehr von Virginie Clève - largow ☕️

Mehr von Virginie Clève - largow ☕️ (20)

Google AMP : le tour de la question