1.
Dans la jungle des sites mobiles : comment
les rendre (vraiment) SEO-friendly ?

2.
Paris 2021 #seocamp
Cycle Search 2
Consultant SEO depuis 10 ans
Stratégie On-site
🔧 Migrations SEO & refontes de sites
🧰 Problématiques mobile & web performance
🚑 Missions « coups de poing » / chute de trafic
Aymeric
Bouillat
Le Collectif Performance du groupe Havas
Havas Market : un collectif qui réunit plus de
50 experts display, des spécialistes de
l'affiliation, des consultants édito, des experts
tech et data, des experts retail et des
passionnés de SEO et SEA.

3.
Paris 2021 #seocamp
Cycle Search
Index mobile-first… oui mais ?
3
?

4.
Paris 2021 #seocamp
Cycle Search 4
Les SERP mobile
Géolocalisation &
stratégie

5.
Paris 2021 #seocamp
Cycle Search
Le Search, point de contact privilégié avec
les intentionnistes et un réflexe quotidien
5
20 ans que le Search existe. Plus de 10 ans
que le smartphone le rend accessible en
tous temps et en tous lieux.
Le consommateur sait qu’il peut tout
chercher en ligne, en un minimum d’efforts.
Il en devient plus curieux, exigeant et
impatient.

6.
Paris 2021 #seocamp
Cycle Search
Recherche mobile et intention locale
6
En France, les requêtes mobiles
dépassent les requêtes sur
ordinateurs depuis 2017, et 25%
des utilisateurs français ont déjà
acheté sur mobile.
Identifier le device derrière chaque
requête permet d’imaginer le
contexte de réceptivité des
messages.
Au bureau, à la maison ou en
voyage. À midi ou à minuit. Le
contexte diffère. Les besoins aussi.
En France, les requêtes « proche
de moi » et « à proximité » ont
grimpé de 340% au cours des 2
dernières années.
Source : Données Google, France, janvier-
juin 2015 à janvier-juin 2017
Les consommateurs se tournent vers
le Search pour répondre à leurs
besoins immédiats. De plus en plus
souvent, l’urgence s’accompagne
d’une intention locale.
Plus de 150% de croissance des
requêtes mobiles
« ___ à proximité maintenant ».
Source : Données Google pour les États-Unis,
comparaison entre janvier-décembre 2015 et
janvier-décembre 2017

7.
Paris 2021 #seocamp
Cycle Search
Intention locale
7
Besoin émis
par le cerveau
Requête Reformulation Résultats
Intention locale ?
Requête : « achat maison »
Pages
géolocalisées ?
🏠

8.
Paris 2021 #seocamp
Cycle Search
Implicite vs explicite
8
En fonction de notre géolocalisation et de
l’intention de recherche, Google peut
proposer des résultats géolocalisés
Même si j’ai 0 recherche(s)
mensuelles pour « achat maison
+ trifouilli les oies », je crée
quand même des pages?
🧰

9.
Paris 2021 #seocamp
Cycle Search
Un brevet Google
9
Référence : https://patents.google.com/patent/US8200694B1/en

10.
Paris 2021 #seocamp
Cycle Search
Quand une requête est-elle géolocalisée ?
10
Plusieurs signaux sont utilisés par
Google pour déterminer si une
requête ne contenant aucune
information de localité nécessite des
résultats géolocalisés
• Emplacement du moteur de recherche
• Pertinence locale implicite par rapport
aux termes de la requête
• Langue , pays
• Comportement des utilisateurs
• Utilisation de termes dans le contenu
rattachés à des localités

11.
Paris 2021 #seocamp
Cycle Search
Ne pas tout ouvrir à l’indexation
11
Définir ou non la pertinence de
l’utilité d’avoir pages géolocalisées
en fonction
o Du volume de recherche
o De la détection ou non d’une
intention locale par Google
Local Intent =
OUI
Local Intent =
NON

12.
Paris 2021 #seocamp
Cycle Search 12
La jungle parmi
3 méthodes d’intégration
« To be mobile friendly or not to be »

13.
Paris 2021 #seocamp
Cycle Search
3 configurations possibles
13
Responsive Web Design
Le même code HTML est
affiché sur la même URL
quel que soit l'appareil
utilisé
Dynamic Serving
Utilise la même URL quel
que soit l'appareil utilisé,
mais génère une version
distincte du code HTML
pour les différents types
d'appareils
Site mobile / URL distinctes
Un code distinct est affiché
sur chaque appareil et sur
des URL distinctes

14.
Paris 2021 #seocamp
Cycle Search
Les outils nous y aident pas !
14
Les outils marchés de
benchmark et suivi SEO…
Les outils techniques…
Et parfois les créa… se lancent
en desktop

15.
Paris 2021 #seocamp
Cycle Search
La configuration idéale pour l’analyse mobile
15

16.
Paris 2021 #seocamp
Cycle Search
Le responsive ?
Pas toujours si simple de
s’adapter…
16

17.
Paris 2021 #seocamp
Cycle Search
Les liens doublés…
17
Page Rank brut
Chaque page envoie 2x plus de jus aux pages du
menu = moins de jus pour les autres URL
Pondération en fonction du template + PR
thématique…
Voir : https://www.ledzepseo.fr/distribution-pagerank/

18.
Paris 2021 #seocamp
Cycle Search
Temps de chargement & SEO = départager 2 pages mais cela vaut quand même la peine d’y
jeter un œil
Lien dans PageSpeed Insights
Responsive ne rime pas toujours avec vitesse
18

19.
Paris 2021 #seocamp
Cycle Search
Le dynamic
serving ?
Plus léger, mais pas
toujours fiable
19

20.
Paris 2021 #seocamp
Cycle Search
Des différences impactantes
20
Chute de positions suite au passage du site à
l’index mobile-first sur les pages de 1er niveau
Niveau 1 sans lien vers les
pages « catégories »,
permet juste l’ouverture du
niveau 2…

21.
Paris 2021 #seocamp
Cycle Search
Les menus : quelques bonnes pratiques
21
Lien <a href=…>Ancre </a> sur chaque univers
Possibilité de dérouler chaque sous-catégorie avec le
signe « + »
Lien <a href=…>Ancre </a>
cliquable sur le titre de
chaque Univers

22.
Paris 2021 #seocamp
Cycle Search
Des directives
parfois discrètes
22
<meta name="robots" content="index">
Redirection 302 vers une ancienne page
d’accueil pour « mobile »

23.
Paris 2021 #seocamp
Cycle Search
Le test pour savoir ce que Google voit vraiment
23
https://search.google.com/test/mobile-
friendly?hl=FR
Et la Search Console pour les en-têtes
HTTP !

24.
Paris 2021 #seocamp
Cycle Search
Site mobile
dédié ?
Avec des différences d’URL,
c’est encore plus
compliqué !
24

25.
Paris 2021 #seocamp
Cycle Search
Google n’aime pas
25

26.
Paris 2021 #seocamp
Cycle Search
Des effets de bord
26
Redirection site bureau  mobile : OK
Redirection site mobile  bureau : NOK
Pas de canonical vers la page « bureau » mais vers elle même

27.
Paris 2021 #seocamp
Cycle Search 27
Vérifier la configuration mobile et découvrir toutes
les versions d’une même page (alternate,
amphtml, etc)
S’assurer de la cohérence entre les deux versions
Pourquoi Googlebot Desktop explore encore
mon site ?

28.
Paris 2021 #seocamp
Cycle Search 28
Et Google AMP ?

29.
Paris 2021 #seocamp
Cycle Search 29
FAITES ATTENTION A PAS TOMBER
DANS LES PIÈGES VUS PLUS TOT
« Google recommande
l'utilisation du Responsive
Web Design, car il s'agit du
modèle de conception le
plus simple à mettre en
œuvre et à gérer. »

30.
Paris 2021 #seocamp
Cycle Search 30
Structure des
templates
« Sortir du cadre »

31.
Paris 2021 #seocamp
Cycle Search
On s’accroche pour
garder le fil d’Ariane
31
 On en a besoin en SEO pour
la navigation ascendante
 L’utilisateur peut aussi en
avoir besoin !
« Pas de place pour ça »
- Le designer

32.
Paris 2021 #seocamp
Cycle Search
Fil d’Ariane :
soyons
pragmatiques
32
Quelques ressources :
 https://codepen.io/lezed1/pen/oNNXKxL
 https://codepen.io/vanhoofmaarten/pen/
oAGyc
 https://codepen.io/fraddski/pen/azjwev
Fil d’Ariane
rétractable
Fil d’Ariane
« scrollable »

33.
Paris 2021 #seocamp
Cycle Search 33
« Ton texte SEO sur
mobile, il prend trop de
place »
Loïc. (Designer)
« Mais le texte, ça améliore
la compréhension
sémantique du contenu
d’une page »
Coline. (Consultante SEO)
👨 👩

34.
Paris 2021 #seocamp
Cycle Search
Exemples peu
user-friendly
34
Tout afficher sur mobile, pas idéal
d’un point de vue utilisateur
Masquer le texte derrière
des onglets, sans que l’on
voit qu’il s’agisse d’onglets
Pavé de texte pour une
liste produit avec intention
d’achat ?
1er produit de la
liste

35.
Paris 2021 #seocamp
Cycle Search 35
https://www.seroundtable.com/google-content-hidden-mobile-24111.html
https://www.searchenginejournal.com/googles-mueller-on-myth-of-hidden-tab-content/358724/
Ce que dit Google

36.
Paris 2021 #seocamp
Cycle Search 36
Proposer du texte directement dans le
HTML et éviter les appels Ajax sur un clic…
Rester cohérent : % de texte visible vs. la
taille de la page
Quelques ressources :
- https://codepen.io/Nuke66/pen/LgzRLW
- https://codepen.io/lucaskuhn/pen/OJNgdPv
Intégration SEO-friendly

37.
Paris 2021 #seocamp
Cycle Search 37
Maillons peu, mais maillons bien !
Liste de liens avec des <a href=« … »>
Ressource :
https://codepen.io/LydiaB/pen/GqKQRJ
Maillage, navigation secondaire entre sous-
catégories

38.
Paris 2021 #seocamp
Cycle Search
La publicité,
elle occupe de
l’espace…
38

39.
Paris 2021 #seocamp
Cycle Search
Rapport relatif à l'expérience publicitaire
39
https://www.google.com/webmasters/tools/ad-
experience-mobile-unverified
Votre ennemi n°1 : FRED Update & co.
Signal Page Expérience : cela reste un
signal faible (et prends en compte les
Interstitiels intrusifs)
Ad Experience Report

40.
Paris 2021 #seocamp
Cycle Search
Perte de ranking
40
Publicité qui ne permet pas de voir le
sujet principal d’une page au dessus
de la ligne de flottaison = danger 😲
Le site qui se mord la queue :
moins de visites = plus de pub = encore
moins de visites = encore plus de pub =
penalité !
https://www.sistrix.com/blog/googles-fred-update-what-do-all-losers-have-in-common/

41.
Paris 2021 #seocamp
Cycle Search 41
https://www.betterads.org/
Densité des
annonces sup. à
30%
Pop-up
ads
Publicité avec
défilement en plein
écran
Pub. sticky
large
Full
Intersticiel
Pub avec
flash
Video en
autoplay avec
son
Pub. avec
compte à
rebours

42.
Paris 2021 #seocamp
Cycle Search 42
 Intégrer le SEO très en amont pour parler
aux équipes marketing, créa et UX avant
leur réflexions, décisions et travaux
 Ne pas toujours se fier à ce que l’on voit
 Discuter avec les équipes commerciales
(pour les publicités) et les équipes de
développement
🌴 TRAVERSER LA JUNGLE DU MOBILE, C’EST
PLUS FACILE A PLUSIEURS 🌴

43.
Question Mug
Paris 2021 #seocamp
Cycle Search
Quelle méthode
d’intégration mobile
est dépréciée par
Google ?
43

44.
MERCI AUX SPONSORS
Paris 2021 #seocamp
Cycle Search