Le SEO pour mobile
•
0 j'aime•561 vues
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
Recommandé
Recommandé
Contenu connexe
En vedette
En vedette (12)
Similaire à Le SEO pour mobile
Similaire à Le SEO pour mobile (20)
Plus de Peak Ace
Plus de Peak Ace (20)
Le SEO pour mobile
- 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. @k_lice LE TEMPS PASSÉ SUR MOBILE DÉPASSE LE TEMPS SUR DESKTOP ! - 2 - CONTEXTE
- 3. @k_lice LES DEPENSES PUBLICITAIRES SUR MOBILES NE CESSENT D’AUGMENTER - 3 - Search Foresight 2016 © Agence Conseil en Stratégie Digitale CONTEXTE
- 4. @k_lice SITE MOBILE ? RESPONSIVE DESIGN ? DYNAMIC SERVING ? - 4 - Search Foresight 2016 © Agence Conseil en Stratégie Digitale QUEL SUPPORT MOBILE CHOISIR ?
- 5. @k_lice URL DEDIEE OU IDENTIQUE DESKTOP ? - 5 - Search Foresight 2016 © Agence Conseil en Stratégie Digitale URLS & VERSION MOBILE
- 6. @k_lice CHOISIR LES BON KEYWORDS : MOBILE - 6 - Search Foresight 2016 © Agence Conseil en Stratégie Digitale OPTIMISER SON SITE MOBILE
- 7. @k_lice KEYWORDS MOBILE ACTIFS - 7 - Search Foresight 2014 © Agence Conseil en Stratégie Digitale OPTIMISER SON SITE MOBILE
- 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. @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. @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. @k_lice AMP : DES PAGES MOBILES ULTRA RAPIDES
- 12. DES PAGES SÉRIEUSEMENT ALLÉGÉES - 12 - AMP
- 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. 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. 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 - 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. / 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. / http://www.ampproject.org - 18 - Pour en savoir plus : Démo : https://g.co/ampdemo Depuis un smartphone évidemment
- 19. MONITORINGSearch Foresight : Agence conseil en stratégie digitale - SEO, CRO, Inbound Marketing, Analytics
- 20. @k_lice VOTRE SITE EST-IL MOBILE FRIENDLY ? https://www.google.com/webmasters/tools/mobile-friendly/ MONITORING
- 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. @k_lice TEMPS DE TELECHARGEMENT DES PAGES MOBILES LES PLUS VISITEES MONITORING
- 24. @k_lice MONITORING : ERREURS EXPLORATIONS - 24 - Search Foresight 2016 © Agence Conseil en Stratégie Digitale OPTIMISER SON SITE MOBILE
- 25. @k_lice MONITORING : FETCH AS GOOGLE - 25 - Search Foresight 2016 © Agence Conseil en Stratégie Digitale OPTIMISER SON SITE MOBILE