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
Migration les pièges a éviter - petit déjeuner 15-11-2018 Nantes
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
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
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)