le seo pour mobile
TRANSCRIPT
Agence Conseil en stratégie digitale
SEO, CRO, Inbound Marketing, Analytics
BIEN PERFORMER SUR MOBILE EN 2016/ SEO
#4sight2016
LE 28 JANVIER 20169h-12h
PETIT DEJEUNER SEOSEARCH FORESIGHT11eme édition
#4SIGHT2016
K_lice
@k_lice
LE TEMPS PASSÉ SUR MOBILE DÉPASSE LE TEMPS SUR DESKTOP !
- 2 -
CONTEXTE
@k_lice
LES DEPENSES PUBLICITAIRES SUR MOBILES NE CESSENT D’AUGMENTER
- 3 -Search Foresight 2016 © Agence Conseil en Stratégie Digitale
CONTEXTE
@k_lice
SITE MOBILE ? RESPONSIVE DESIGN ? DYNAMIC SERVING ?
- 4 -Search Foresight 2016 © Agence Conseil en Stratégie Digitale
QUEL SUPPORT MOBILE CHOISIR ?
@k_lice
URL DEDIEE OU IDENTIQUE DESKTOP ?
- 5 -Search Foresight 2016 © Agence Conseil en Stratégie Digitale
URLS & VERSION MOBILE
@k_lice
CHOISIR LES BON KEYWORDS : MOBILE
- 6 -Search Foresight 2016 © Agence Conseil en Stratégie Digitale
OPTIMISER SON SITE MOBILE
@k_lice
KEYWORDS MOBILE ACTIFS
- 7 -Search Foresight 2014 © Agence Conseil en Stratégie Digitale
OPTIMISER SON SITE MOBILE
@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
@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
@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
@k_lice
AMP : DES PAGES MOBILES ULTRA RAPIDES
DES PAGES SÉRIEUSEMENT ALLÉGÉES
- 12 -
AMP
/ 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
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
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 -
Statuts des balisesHTML5 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.
/ 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)
/ http://www.ampproject.org
- 18 -
Pour en savoir plus :
Démo :
https://g.co/ampdemo
Depuis un smartphone évidemment
MONITORINGSearch Foresight : Agence conseil en stratégie digitale - SEO, CRO, Inbound Marketing, Analytics
@k_lice
VOTRE SITE EST-IL MOBILE FRIENDLY ?
https://www.google.com/webmasters/tools/mobile-friendly/
MONITORING
@k_lice
TEMPS DE TELECHARGEMENT DES PAGES
- 21 -Search Foresight 2016 © Agence Conseil en Stratégie Digitale
MONITORING
https://developers.google.com/speed/docs/insights/mobile
@k_lice
TEMPS DE TELECHARGEMENT DES PAGES MOBILES LES PLUS VISITEES
MONITORING
@k_lice
VISIBILITE MOBILE MONITORING
@k_lice
MONITORING : ERREURS EXPLORATIONS
- 24 -Search Foresight 2016 © Agence Conseil en Stratégie Digitale
OPTIMISER SON SITE MOBILE
@k_lice
MONITORING : FETCH AS GOOGLE
- 25 -Search Foresight 2016 © Agence Conseil en Stratégie Digitale
OPTIMISER SON SITE MOBILE
@k_lice
DES QUESTIONS ?