Le SEO pour mobile 

322 vues

Publié le

Slides présentées lors du petit déjeuner de Lille le 28 janvier 2016
Les internautes sont de plus en plus nombreux à effectuer des recherches sur leurs smartphones, et Google adapte progressivement ses algorithmes aux usages mobiles. 2016 s'annonce comme une année charnière pour le référencement sur mobile, avec l'apparition des pages AMP. C'est l'occasion de faire le point sur les bonnes pra tiquesversion 2016, sur les challenges techniques nouveaux que cela pose et sur les changements de stratégie qui s'imposent. Intervenant : Camille Thomas, Consultant SEO Senior - Search Foresight

Publié dans : Internet
0 commentaire
0 j’aime
Statistiques
Remarques
  • Soyez le premier à commenter

  • Soyez le premier à aimer ceci

Aucun téléchargement
Vues
Nombre de vues
322
Sur SlideShare
0
Issues des intégrations
0
Intégrations
8
Actions
Partages
0
Téléchargements
19
Commentaires
0
J’aime
0
Intégrations 0
Aucune incorporation

Aucune remarque pour cette diapositive

Le SEO pour mobile 

  1. 1. Agence Conseil en stratégie digitale SEO, CRO, Inbound Marketing, Analytics BIEN PERFORMER SUR MOBILE EN 2016 / SEO #4sight2016 LE 28 JANVIER 2016 9h-12h PETIT DEJEUNER SEO SEARCH FORESIGHT 11eme édition #4SIGHT2016 K_lice
  2. 2. @k_lice LE TEMPS PASSÉ SUR MOBILE DÉPASSE LE TEMPS SUR DESKTOP ! - 2 - CONTEXTE
  3. 3. @k_lice LES DEPENSES PUBLICITAIRES SUR MOBILES NE CESSENT D’AUGMENTER - 3 - Search Foresight 2016 © Agence Conseil en Stratégie Digitale CONTEXTE
  4. 4. @k_lice SITE MOBILE ? RESPONSIVE DESIGN ? DYNAMIC SERVING ? - 4 - Search Foresight 2016 © Agence Conseil en Stratégie Digitale QUEL SUPPORT MOBILE CHOISIR ?
  5. 5. @k_lice URL DEDIEE OU IDENTIQUE DESKTOP ? - 5 - Search Foresight 2016 © Agence Conseil en Stratégie Digitale URLS & VERSION MOBILE
  6. 6. @k_lice CHOISIR LES BON KEYWORDS : MOBILE - 6 - Search Foresight 2016 © Agence Conseil en Stratégie Digitale OPTIMISER SON SITE MOBILE
  7. 7. @k_lice KEYWORDS MOBILE ACTIFS - 7 - Search Foresight 2014 © Agence Conseil en Stratégie Digitale OPTIMISER SON SITE MOBILE
  8. 8. @k_lice OPTIMISATION METAS SUR MOBILE - 8 - Search Foresight 2014 © Agence Conseil en Stratégie Digitale OPTIMISER SON SITE MOBILE MOINS de places pour la META DESCRIPTION mais PLUS pour le title
  9. 9. @k_lice Attention à ne pas rediriger vers la page d’accueil REDIRECTIONS MOBILE - DESKTOP - 9 - Search Foresight 2016 © Agence Conseil en Stratégie Digitale OPTIMISER SON SITE MOBILE
  10. 10. @k_lice REL ALTERNATE & CANONICAL - 10 - OPTIMISER SON SITE MOBILE Pour chaque url mobile il faut indiquer l’équivalent sur desktop et vice versa avec les balises : - Rel Alternate - Canonical
  11. 11. @k_lice AMP : DES PAGES MOBILES ULTRA RAPIDES
  12. 12. DES PAGES SÉRIEUSEMENT ALLÉGÉES - 12 - AMP
  13. 13. / UNE RÉPONSE À FACEBOOK INSTANT ARTICLES ? 13 AMP  Accelerated Mobile Pages : une initiative Open Source pour  Promouvoir un standard pour construire des pages allégées, optimisées pour le mobile  Mettre à disposition un CDN dédié pour accélérer encore l’accès à ces contenus  Et proposer une diffusion large de ces contenus par des acteurs majeurs du web  Un projet initié par Google et Twitter, présenté officiellement le 8 octobre 2015  AMP est d’ores et déjà implémenté par un groupe d’acteurs majeurs
  14. 14. UN CDN DÉDIÉ POUR UN AFFICHAGE PRESQUE INSTANTANÉ - 14 -  Un CDN (content delivery network) est un ensemble de serveurs :  Conservant une version « en cache » de la page  Et répartis partout dans le monde, près des utilisateurs  Les pages AMP voient donc le temps de téléchargement du contenu réduit de manière spectaculaire (jusqu’à 10 fois) AMP
  15. 15. LES PRÉ-REQUIS TECHNIQUES EN AMP HTML - 15 - Les documents codés en AMP HTML doivent : • Débuter par la balise doctype <!doctype html>. • Contenir une balise top-level <html ⚡> (<html amp> est également valide). • Contenir forcément au moins une balise <head> et <body> (C’est optionnel en HTML classique). • Contenir une balise <link rel="canonical" href="$SOME_URL" /> dans la zone head qui pointe vers la page HTML classique équivalente, ou vers la même page s’il n’existe pas de version normale. • Contenir une balise <meta charset="utf-8"> dans la zone head. • Contenir une balise <meta name="viewport" content="width=device-width,minimum-scale=1"> dans la zone head. Il est recommandé d’inclure la valeur d’attribute “initial-scale=1”. • Contenir une balise <script async src="https://cdn.ampproject.org/v0.js"></script> en tant que dernier élément de la zone head. • Contenir <style>body {opacity: 0}</style><noscript><style>body {opacity: 1}</style></noscript> dans la zone head. AMP
  16. 16. - 16 - Statuts des balises HTML5 en AMP HTML Le standard AMP HTML définit une version « allégée » et « simplifiées » des balises disponibles en HTML. Ce n’est pas un nouveau langage.
  17. 17. / LA VERSION AMP HTML EST UN DOUBLON DE CONTENUS EXISTANTS - 17 - AMP  N’oubliez pas la balise canonical sur la page AMP HTML, pointant vers un contenu existant (s’il y’a lieu)
  18. 18. / http://www.ampproject.org - 18 - Pour en savoir plus : Démo : https://g.co/ampdemo Depuis un smartphone évidemment
  19. 19. MONITORINGSearch Foresight : Agence conseil en stratégie digitale - SEO, CRO, Inbound Marketing, Analytics
  20. 20. @k_lice VOTRE SITE EST-IL MOBILE FRIENDLY ? https://www.google.com/webmasters/tools/mobile-friendly/ MONITORING
  21. 21. @k_lice TEMPS DE TELECHARGEMENT DES PAGES - 21 - Search Foresight 2016 © Agence Conseil en Stratégie Digitale MONITORING https://developers.google.com/speed/docs/in sights/mobile
  22. 22. @k_lice TEMPS DE TELECHARGEMENT DES PAGES MOBILES LES PLUS VISITEES MONITORING
  23. 23. @k_lice VISIBILITE MOBILE MONITORING
  24. 24. @k_lice MONITORING : ERREURS EXPLORATIONS - 24 - Search Foresight 2016 © Agence Conseil en Stratégie Digitale OPTIMISER SON SITE MOBILE
  25. 25. @k_lice MONITORING : FETCH AS GOOGLE - 25 - Search Foresight 2016 © Agence Conseil en Stratégie Digitale OPTIMISER SON SITE MOBILE
  26. 26. @k_lice DES QUESTIONS ?

×