Dans la jungle des sites mobiles : comment les rendre (vraiment) seo-friendly ? - Aymeric Bouillat - SEO CAMP'us Paris 2021
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.
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é à 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 l’intention locale
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
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
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
26. Paris 2021 #seocamp
Cycle Search
Des effets de bord
26
o Redirection bureau mobile : OK
o Redirection mobile bureau : NOK
o 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 ?
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. »
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
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
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 = danger 😲
Le site qui se mord la queue :
moins de visites = plus de pub = encore
moins de visites = encore plus de pub =
penalité !
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
Location of Search Engine – A search via searchengine.co.uk might indicate an intent to restrict a search to the UK.
Implicit Local Relevance for All Terms in Query – Whether one or more terms in a query have been determined in the past to be relevant to a specific locale.
Language – Some queries might have significance in some languages, but not others. For example, the word “tax” has meaning in English speaking countries, but not in Spanish speaking countries, so it wouldn’t carry an “implicit preference for local results” in a country where people predominantly speak Spanish
Country – The word “freedom” has a fairly generic meaning in most English speaking countries and doesn’t have an implied preference for local results. In Australian though, it’s the name of a prominent home furnishings business and would have local significance there.
Aggregated User Behavior – If a statistically significant number of searchers who use a particular query tend to select search results associated with their location, then it’s likely to have an implicit preference for local results.
Again, if a statistically significant number of people tend to combine a term from a query with an explicit specification of a location, then it also could be seen as being an Implicitly Local query.
Also, if a statistically significant number of people who search for the term or phrase tend to add an explicit location to it in a followup query (during the same query session), then once again it could be seen as a term having an implicit preference for local results.
If people from a particular country code top-level domain tend to search for that term at a statistically significant rate, that could be another indication of a desire for a local result.
Use of Term in Content – If the term frequently appears in content related to particular locales, it might also be determined to have some implicit preference for local results. For instance, “if a term frequently appears in content associated with the United Kingdom, the term may be determined to carry some implicit preference for local results, specifically results from local to the United Kingdom.”
Noindex sur les templates desktop seulement ne marchera pas…!
la structure des pages ainsi que du maillage était très différente sur Mobile vs Ordinateur. Ainsi, des pages bien éditorialisés et performantes sur ordinateur ne proposaient qu’une liste de produits sur mobile, ce qui avait réduit leur pertinence par rapport à l’intention de recherche initiale
Attention aux en-têtes HTTP!
- dynamic service et trop de diff (ex: impact priceminister ...), penser mobile everywhere
Google commence à envisager l'abandon du format AMP, qui n'a jamais réellement percé sur le Web et est toujours critiqué, 5 ans après sa création.
Limiter la pression anti
AMP will no longer be a requirement to get web pages featured in Google’s top stories section.trust qui pèse sur Google https://www.developpez.com/actu/310644/Google-mettra-fin-aux-avantages-qu-accorde-l-utilisation-d-AMP-dans-le-carrousel-Top-stories-au-printemps-prochain-cela-entrainera-t-il-la-mort-du-format-AMP/
un paragraphe de 150 mots ne représente qu’une petite partie de l’écran sur ordinateur, il peut en représenter 100% sur mobile
https://searchengineland.com/case-study-the-true-value-of-informational-content-for-e-commerce-seo-327692
Fait un layus sur le texte en bas de page = pas fier de ton texte ne le mets pas.
(donner du contexte)
<div=textseo>..., check avec nerdydata