Amp 2 ans apr¨s, quel impact sur votre seo en 2018

download Amp 2 ans apr¨s, quel impact sur votre seo en 2018

of 56

  • date post

    22-Jan-2018
  • Category

    Internet

  • view

    106
  • download

    2

Embed Size (px)

Transcript of Amp 2 ans apr¨s, quel impact sur votre seo en 2018

  • Webconfrence

    Accelerated Mobile Pages

    (Pages AMP)

    14 / 12 / 2017

  • Programme de la confrence45mn : 30 mn de presentation 15 mn de questions

    2

    Prsentation de lagence

    Les Pages AMP quest ceque cest ?

    Quel est lintrt des pages AMP ?

    Comment a marche ?

    LadoptionQuel avenir pour les

    pages AMP

    #S4sight2017 @s4sight

    Vos questions

  • LAGENCE SEARCH MARKETING DU GROUPE

  • Des experts certifis La garantie dun conseil la pointe du Search Marketing

    Google Adwords Analytics

    CESEO

    BotifyCrawl Analyse de logs

    1re agence certifiede France

    15 experts certifis Adwords 7 certifis Google Analytics

    Agence agre Google Partner Premier

    Membre Google sengage

    Bing

    Google Partner

    Experts certifis

    4

  • Nous vous accompagnons dans votre dveloppement international

    Des experts Search locaux pilots par nos quipespour adresser vos problmatiques SEO et SEA dans le monde

    5

    Un rseau dexperts internationaux Langue Locale + Anglais/Franais Des experts natifs et locaux Profils seniors : 5 ans dexprience + certifications Search

    + formations SF

    Plusieurs langues et zones couvertes Principaux pays d'Europe (Allemagne, Italie,

    Royaume-Uni, Espagne, Pays-Bas) Etats-Unis, Chine et Canada Partenaires ou sourcing ad-hoc sur les autres zones

  • Une exprience technologiquePour vous permettre de mieux rentabiliser vos investissements IT

    Parietal Lobe

    Moteurs de recherche interne

    Outils de webanalyse

    PlateformesEcommerce

    CMS

    6

  • SF UniversityDcouvrir ou se perfectionner au SEO-SEA au travers de modules techniques ou marketing adapts a tous.

    Organisme de formation agr depuis 16 ans

    Loffre de formation Search Marketing la plus pointue du march

    Plus de 600 participants en formations inter, intra, Acadmies & Kickoff

    Cycles de formation sur mesure : Evaluer, Former et faire Evoluer

    Partenaires des rseaux et animations des sessions

    Certificat Grandes Ecoles

    7

    Formation INTER Sessions organises rgulirement sur Paris, selon un calendrier fix lavance. Maximum une quinzaine de participants.La formule la plus conomique.

    Formation INTRAFormations sur-mesure destines aux salaris dune mme entreprise ayant pour objectif dtre lcoute des besoins spcifiques de lentreprise.

    Cycles de formations avancsFormation SEO For ExpertsFormation SEO For GURUS >> Devenez des professionnels du Search

  • Agence conseil en stratgie digitale | SEO SEM CRO Inbound Marketing Analytics

    Les pages AMP quest-ce que cest ?

    8

  • Le contexte : des pages mobiles trop lentes

    Le poids des pages mobiles ne cesse daugmenter

    La faute :

    A des pages RWD mal conuesA des pages mobiles conues avec des frameworks et des standards conus pour le desktop

  • Et pour les sites ditoriaux, cest pire

    Le problme :

    Les scripts de trackingLes mouchards publicitairesLes gestionnaires de bannires

    La montisation implique lemploi de scripts javascripts nombreux, lourds et lents

    Par ailleurs, ces sites prsentent :

    Pages avec beaucoup de contenusDes images et des videos

    10

  • Une lenteur qui fait fuir les internautes

    A partir dun load time de 2 sec, on perd un internaute sur deux

    Bref, le web mobile est partiellement inutilisable, car le chargement des pages est trop lent !

    Et ce nest pas quun problme de bande passante, de 3G vs 4G

    11

  • Une rponse Facebook Instant Articles

    Facebook a lanc en mai-juin 2015 un nouveau format de pages pour acclrer laffichage de pages de contenu en usage mobile

    Cest un projet ferm : il sagit de pages qui ne peuvent safficher que dans lcosystme Facebook

    La montisation est contrle par Facebook, qui prend 30% de taux de rgie pour les pubs vendues par sa rgie

  • Une initiative open source trs tlguide

    Accelerated Mobile Pages : une initiative Open Source pour

    Promouvoir un standard pour construire des pages allges, optimises pour le mobile

    Mettre disposition un CDN ddi pour acclrer encore laccs ces contenus

    Et proposer une diffusion large de ces contenus par des acteurs majeurs du web

    Un projet initi par Google et Twitter, prsent officiellement le 8 octobre 2015

    AMP est dores et dj implment par un groupe dacteurs majeurs

  • Pour en savoir plus :http://www.ampproject.org

    14

  • Agence conseil en stratgie digitale | SEO SEM CRO Inbound Marketing Analytics

    Les pages AMP : comment a marche ?

    15

  • Les principes

    Gains de perfomance

    X10

    Code

    allg

    Mise en cache

    Pr rendition / prchargement

    chez Google

  • Un code srieusement allg

    17

    Une page AMP contient 5 fois moins de trackers en moyenne quune page normale , et un code 6 foixplus lger.

    Comment ?

    Des balises HTML lourdes interditesUne librairie javascript couteau suisse unique et allge

  • A quoi ressemble ce code ?

    AMP cest du HTML5

    Mais un sous ensemble du HTML5

    A droite : le code dune page AMP ultra simple

    18

  • Les prrequis techniques

    Les documents cods en AMP HTML doivent :

    Dbuter par la balise doctype .Contenir une balise top-level ( est galement valide).Contenir forcment au moins une balise et (Cest optionnel en HTML classique).Contenir une balise dans la zone head qui pointe vers la page HTML classique quivalente, ou vers la mme page sil nexiste pas de version normale.Contenir une balise dans la zone head.Contenir une balise dans la zone head. Il est recommand dinclure la valeur dattribute initial-scale=1.Contenir une balise en tant que dernier lment de la zone head.Contenir body {opacity: 0}body {opacity: 1} dans la zone head.

    19

  • Un CDN ddi

    Un CDN (content delivery network) est un ensemble de serveurs :

    Conservant une version en cache de la page Et rpartis partout dans le monde, prs des utilisateurs

    Google fournit le CDN ddi aux pages AMP

    Remarque : la mise en cache systmatique rend la cration de pages AMP entirement dynamiques server side impossible

    Par contre, on peut crer des pages partiellement dynamiques

    20

  • SEO : attention aux doublons

    La page AMP est un doublon quasi parfait du contenu de la page normale

    Il faut donc canonicaliser la page AMP

    Lien link rel=canonical pointant vers le contenu dorigineAu dpart, Google recommandait de pointer vers la version desktopAvec le mobile first index : la recommandation reste la mme !

    Pourquoi ? Pour les autres moteurs !

    21

  • Peut-on faire des pages AMP sa version mobile ?

    Si vous dclarez lAMP comme votre version mobile via les rel=alternate, alors les pages AMP seront votre version mobile

    Sinon : vous navez pas de version mobile !

    Pour le mobile first index, si vous navez pas de version mobile dclare, cest la version desktop qui sera indexe, pas la version AMP !

    Tout fait, mais attention aux balises rel=alternate

    22

  • Tester ses pages AMPDans les pages de google

    23

  • Tester ses pages AMP

    https://search.google.com/test/amp

    Dans loutil de test

    24

  • Tester ses pages AMP

    https://validator.ampproject.org/

    Dans loutil de validation

    25

  • Le rapport de la search console

    26

  • Agence conseil en stratgie digitale | SEO SEM CRO Inbound Marketing Analytics

    Les pages AMP :Pourquoi les utiliser

  • Adopter lAMP : parce que cest plus rapide

    Test fait en 2016 sur les pages responsive du Guardian, compar avec la version AMP

    Le score Google pagespeed passe de 57% 94% !

    Lamlioration de lUX est relle et spectaculaire

  • Cest VRAIMENT plus rapideSource : Rannaa Zhou de Google, SMX West 2017

    29

  • Et limpact, cest plus de conversions

    30

  • VRAIMENT plus de conversions

    Etude Wompmobile 2017

    31

  • Et parce quil ya un ranking boost !Et donc un traffic boost parfois

    32

    Sur mobile, les carrousels AMP pour les news sont placs en tte des rsultats (position zro)

    Pour tre prsent dans ce carrousel, il nest pas ncessaire dtre index dans google news, il faut juste le balisage schema.org ad hoc et des pages AMP

    Evidemment, cela met en valeur les pages AMP vs les pages normales

    Le gain maximal est atteint si on est dans la premire case du carrousel

  • Indirectement, il ya parfois un ranking boost

    Deux exemples

    Impact avec des cas de sites mobiles AMPCause : probablement le speed boostUn code plus SEO friendly ?

    Mais avoir des pages AMP nest pas un ranking factor

    33

  • Il ya aussi le label AMP sur les rsultats

    Question : quelle est la proportion dutilisateurs qui ont compris que les rsultats avec ce label saffichaient plus vite

    Pas dtude srieuse, mais ils sont visiblement minoritaires

    Notons que laffichage du label nest pas stable, il ya eu beaucoup de test and learndepuis fin 2015

    Test label bleu instant en oct 2017

    34

  • Et cest vrai linternational Les carrousels AMP envahissent les versions internationales de google

    35

  • De plus en plus de diffuseurs exploitent lamp

    Les principales plateformes qui exploitent lAMP en dehors de Google :

    Pinterest, LinkedIn, et Twitter

    36

  • Quels sont les limitations de lAMP ?

    LAMP est rapide car il nembarque quun certain nombre limit de fonc