Téléchargé 23 fois
Téléchargé parPeak Ace
Le SEO pour mobile
Le document traite de l'importance de l'optimisation des sites mobiles, notamment à travers le design responsive et les pages AMP pour améliorer la vitesse de chargement. Il souligne que les dépenses en publicité mobile augmentent et que le temps passé sur mobile dépasse désormais celui sur desktop. Enfin, il aborde des aspects techniques liés à AMP et fournit des conseils pour optimiser les sites afin d'améliorer leur performance sur les plateformes mobiles.
Le SEO pour mobile
- 1. Agence Conseil enstraté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 PUBLICITAIRESSUR 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 OUIDENTIQUE DESKTOP ? - 5 - Search Foresight 2016 © Agence Conseil en Stratégie Digitale URLS & VERSION MOBILE
- 6. @k_lice CHOISIR LES BONKEYWORDS : 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 SURMOBILE - 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 à nepas 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 : DESPAGES MOBILES ULTRA RAPIDES
- 12. DES PAGES SÉRIEUSEMENTALLÉ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 TECHNIQUESEN 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 - Statutsdes 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 VERSIONAMP 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-ILMOBILE FRIENDLY ? https://www.google.com/webmasters/tools/mobile-friendly/ MONITORING
- 21. @k_lice TEMPS DE TELECHARGEMENTDES 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 TELECHARGEMENTDES PAGES MOBILES LES PLUS VISITEES MONITORING
- 23.
- 24. @k_lice MONITORING : ERREURSEXPLORATIONS - 24 - Search Foresight 2016 © Agence Conseil en Stratégie Digitale OPTIMISER SON SITE MOBILE
- 25. @k_lice MONITORING : FETCHAS GOOGLE - 25 - Search Foresight 2016 © Agence Conseil en Stratégie Digitale OPTIMISER SON SITE MOBILE
- 26.