Le SEO pour mobile
-
Upload
search-foresight -
Category
Internet
-
view
456 -
download
0
Transcript of Le SEO pour mobile
![Page 1: Le SEO pour mobile](https://reader035.fdocuments.us/reader035/viewer/2022062903/58a401a81a28ab64528b647b/html5/thumbnails/1.jpg)
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
![Page 2: Le SEO pour mobile](https://reader035.fdocuments.us/reader035/viewer/2022062903/58a401a81a28ab64528b647b/html5/thumbnails/2.jpg)
@k_lice
LE TEMPS PASSÉ SUR MOBILE DÉPASSE LE TEMPS SUR DESKTOP !
- 2 -
CONTEXTE
![Page 3: Le SEO pour mobile](https://reader035.fdocuments.us/reader035/viewer/2022062903/58a401a81a28ab64528b647b/html5/thumbnails/3.jpg)
@k_lice
LES DEPENSES PUBLICITAIRES SUR MOBILES NE CESSENT D’AUGMENTER
- 3 -Search Foresight 2016 © Agence Conseil en Stratégie Digitale
CONTEXTE
![Page 4: Le SEO pour mobile](https://reader035.fdocuments.us/reader035/viewer/2022062903/58a401a81a28ab64528b647b/html5/thumbnails/4.jpg)
@k_lice
SITE MOBILE ? RESPONSIVE DESIGN ? DYNAMIC SERVING ?
- 4 -Search Foresight 2016 © Agence Conseil en Stratégie Digitale
QUEL SUPPORT MOBILE CHOISIR ?
![Page 5: Le SEO pour mobile](https://reader035.fdocuments.us/reader035/viewer/2022062903/58a401a81a28ab64528b647b/html5/thumbnails/5.jpg)
@k_lice
URL DEDIEE OU IDENTIQUE DESKTOP ?
- 5 -Search Foresight 2016 © Agence Conseil en Stratégie Digitale
URLS & VERSION MOBILE
![Page 6: Le SEO pour mobile](https://reader035.fdocuments.us/reader035/viewer/2022062903/58a401a81a28ab64528b647b/html5/thumbnails/6.jpg)
@k_lice
CHOISIR LES BON KEYWORDS : MOBILE
- 6 -Search Foresight 2016 © Agence Conseil en Stratégie Digitale
OPTIMISER SON SITE MOBILE
![Page 7: Le SEO pour mobile](https://reader035.fdocuments.us/reader035/viewer/2022062903/58a401a81a28ab64528b647b/html5/thumbnails/7.jpg)
@k_lice
KEYWORDS MOBILE ACTIFS
- 7 -Search Foresight 2014 © Agence Conseil en Stratégie Digitale
OPTIMISER SON SITE MOBILE
![Page 8: Le SEO pour mobile](https://reader035.fdocuments.us/reader035/viewer/2022062903/58a401a81a28ab64528b647b/html5/thumbnails/8.jpg)
@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
![Page 9: Le SEO pour mobile](https://reader035.fdocuments.us/reader035/viewer/2022062903/58a401a81a28ab64528b647b/html5/thumbnails/9.jpg)
@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
![Page 10: Le SEO pour mobile](https://reader035.fdocuments.us/reader035/viewer/2022062903/58a401a81a28ab64528b647b/html5/thumbnails/10.jpg)
@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
![Page 11: Le SEO pour mobile](https://reader035.fdocuments.us/reader035/viewer/2022062903/58a401a81a28ab64528b647b/html5/thumbnails/11.jpg)
@k_lice
AMP : DES PAGES MOBILES ULTRA RAPIDES
![Page 12: Le SEO pour mobile](https://reader035.fdocuments.us/reader035/viewer/2022062903/58a401a81a28ab64528b647b/html5/thumbnails/12.jpg)
DES PAGES SÉRIEUSEMENT ALLÉGÉES
- 12 -
AMP
![Page 13: Le SEO pour mobile](https://reader035.fdocuments.us/reader035/viewer/2022062903/58a401a81a28ab64528b647b/html5/thumbnails/13.jpg)
/ 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
![Page 14: Le SEO pour mobile](https://reader035.fdocuments.us/reader035/viewer/2022062903/58a401a81a28ab64528b647b/html5/thumbnails/14.jpg)
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
![Page 15: Le SEO pour mobile](https://reader035.fdocuments.us/reader035/viewer/2022062903/58a401a81a28ab64528b647b/html5/thumbnails/15.jpg)
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
![Page 16: Le SEO pour mobile](https://reader035.fdocuments.us/reader035/viewer/2022062903/58a401a81a28ab64528b647b/html5/thumbnails/16.jpg)
- 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.
![Page 17: Le SEO pour mobile](https://reader035.fdocuments.us/reader035/viewer/2022062903/58a401a81a28ab64528b647b/html5/thumbnails/17.jpg)
/ 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)
![Page 18: Le SEO pour mobile](https://reader035.fdocuments.us/reader035/viewer/2022062903/58a401a81a28ab64528b647b/html5/thumbnails/18.jpg)
/ http://www.ampproject.org
- 18 -
Pour en savoir plus :
Démo :
https://g.co/ampdemo
Depuis un smartphone évidemment
![Page 19: Le SEO pour mobile](https://reader035.fdocuments.us/reader035/viewer/2022062903/58a401a81a28ab64528b647b/html5/thumbnails/19.jpg)
MONITORINGSearch Foresight : Agence conseil en stratégie digitale - SEO, CRO, Inbound Marketing, Analytics
![Page 20: Le SEO pour mobile](https://reader035.fdocuments.us/reader035/viewer/2022062903/58a401a81a28ab64528b647b/html5/thumbnails/20.jpg)
@k_lice
VOTRE SITE EST-IL MOBILE FRIENDLY ?
https://www.google.com/webmasters/tools/mobile-friendly/
MONITORING
![Page 21: Le SEO pour mobile](https://reader035.fdocuments.us/reader035/viewer/2022062903/58a401a81a28ab64528b647b/html5/thumbnails/21.jpg)
@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
![Page 22: Le SEO pour mobile](https://reader035.fdocuments.us/reader035/viewer/2022062903/58a401a81a28ab64528b647b/html5/thumbnails/22.jpg)
@k_lice
TEMPS DE TELECHARGEMENT DES PAGES MOBILES LES PLUS VISITEES
MONITORING
![Page 23: Le SEO pour mobile](https://reader035.fdocuments.us/reader035/viewer/2022062903/58a401a81a28ab64528b647b/html5/thumbnails/23.jpg)
@k_lice
VISIBILITE MOBILE MONITORING
![Page 24: Le SEO pour mobile](https://reader035.fdocuments.us/reader035/viewer/2022062903/58a401a81a28ab64528b647b/html5/thumbnails/24.jpg)
@k_lice
MONITORING : ERREURS EXPLORATIONS
- 24 -Search Foresight 2016 © Agence Conseil en Stratégie Digitale
OPTIMISER SON SITE MOBILE
![Page 25: Le SEO pour mobile](https://reader035.fdocuments.us/reader035/viewer/2022062903/58a401a81a28ab64528b647b/html5/thumbnails/25.jpg)
@k_lice
MONITORING : FETCH AS GOOGLE
- 25 -Search Foresight 2016 © Agence Conseil en Stratégie Digitale
OPTIMISER SON SITE MOBILE
![Page 26: Le SEO pour mobile](https://reader035.fdocuments.us/reader035/viewer/2022062903/58a401a81a28ab64528b647b/html5/thumbnails/26.jpg)
@k_lice
DES QUESTIONS ?