Découvrez comment faire cohabiter UX & SEO chez 20 Minutes

1. Comment cohabitent UX & SEO dans un média ?
Novembre 2019

2. au programme
1. Qui suis-je / les slides de la comm
2. Pourquoi faut il bannir le terme « SXO »
3. Comment travaille-t-on chez 20 Minutes ?
a. L’équipe & la méthode
b. Timeline d’un projet
c. Quelle organisation de la conception UX & UI ?
4. Quelles contraintes s’imposent UX & SEO ?

3. DATAMAKERTING PARIS 2019
Qui suis-je ?
1

4. Qui suis-je ? François Moreau alias @fanchvin
Mon parcours SEO
Assistant Chef de Projet SEO chez Wineandco.com pendant 8 mois
Chef de projet SEO chez GroupM pendant 4 mois
Consultant SEO chez Altima pendant 3 ans et 2 mois

5. Qui suis-je ?
Quelques clients pour lesquels je suis intervenu

6. Qui suis-je ?
Chez 20 Minutes depuis le 1er Avril 2017
• Responsable SEO
• Chef de projet « assistants conversationnels »
• Chatbot messenger
• Skill Alexa
• Google Home
• Product Owner / Chef de produit
• suivi des développeurs via la méthode agile
• proposition d’améliorations pour le site
80% de mon temps consacré au SEO

7. DATAMAKERTING PARIS 2019
Les slides de la comm
1

8. Les slides pour la comm

9. Les slides pour la comm
Nbre lecteurs (en millions) – 30 J.
20,5 millions de lecteurs
qui font confiance à nos flux d’actu, sur tous les supports
8,110,6 4,8 3,5
Source : ACPM One Global T1 2018 – Brands One Global 30 jours
2,7 M. fans 2,3 M followers 80 K abonnés
3000
vues/storie

10. Les slides pour la comm
La marque leader au quotidien
Source : ACPM One Global T1 2018 – plan média 1 jour print + web mobile + web tablette + web fixe – hors PQR66
5,050
4,331
4,236
3,726
3,504
Avec plus de 5 millions de lecteurs chaque jour,
20 Minutes est la marque d’info n°1 au quotidien !
Nbre de lecteurs tous devices sur 1 jour (000)

11. DATAMAKERTING PARIS 2019
Pourquoi faut il bannir le terme « SXO » ?
2

12. Pourquoi faut il bannir le terme « SXO » ?
C’est quoi le « SXO » ?

13. Pourquoi faut il bannir le terme « SXO » ?
« SXO »
SXO est l’acronyme pour « Search eXperience Optimization ».
Le terme de SXO est parfois utilisé pour désigner ce qui serait une
nouvelle forme de SEO par laquelle on prendrait davantage en compte
la qualité de l’expérience de l’individu en phase de recherche
d’informations ou de contenus sur Internet.
SXO peut également être vu comme une « initiale » valise constituée
du mariage du SEO et de l’UX.
Source : https://www.definitions-marketing.com/definition/sxo/

14. Pourquoi faut il bannir le terme « SXO » ?
Quel est l’objectif 1er du SEO ?
• Que la page proposée réponde le mieux possible à :
l’intention de recherche
recherche ≠ intention de recherche
• Requête -> pneu
• Intention de recherche -> acheter un pneu
• Quelle page ?
• listing de pneus
• histoire du pneu
• un sélecteur

15. Pourquoi faut il bannir le terme « SXO » ?
L’exemple Speedy

16. Pourquoi faut il bannir le terme « SXO » ?
Quel est l’objectif 1er du SEO ?
• L’expérience utilisateur commence dans la SERP
• La 1ère interaction avec une marque sur Internet débute souvent
dans les résultats de recherche
• Le SEO doit couvrir le champ sémantique de sa marque avec la
réponse la plus adaptée
• Le SEO est le garant de l’image de l’entreprise dans les résultats
de recherche

17. Pourquoi faut il bannir le terme « SXO » ?
L’exemple BKT

18. Pourquoi faut il bannir le terme « SXO » ?
Recherche de BKT dans Google

19. Pourquoi faut il bannir le terme « SXO » ?
Je ne suis pas le seul

20. Pourquoi faut il bannir le terme « SXO » ?
Les gens veulent savoir !

21. Pourquoi faut il bannir le terme « SXO » ?
Et là, c’est le drame

22. DATAMAKERTING PARIS 2019
Comment travaille-t-on chez 20 Minutes ?
3

23. Timeline projet 20 Minutes
Quelle équipe ?
• 1 responsable numérique
• 1 cheffe de projet CRM
• 2 PO / Product Owner / chef de projet / ce qui vous fait plaisir
• 1 designer
• 1 responsable SEO
• 0 Data analyst & UX designer

24. Timeline projet 20 Minutes
Quelle équipe ?
• 13 développeurs pour le site + 1 CTO
• 3 front end, 9 back end, 1 devops
• Développement des applications géré par une agence

25. Timeline projet 20 Minutes
Quelle méthode ?
• Méthode SCRUM
• Stand up tous les matins
• Une démo par semaine
• Un « poker » par semaine
• Sprint d’une à deux semaines selon les projets
• Open space partagé entre webmarket et devs

26. Timeline projet 20 Minutes
Timeline d’un projet type
1 2 3 4 5 6 7 8 9 10 11 12
Jusqu’à 12 étapes selon les projets

27. Timeline projet 20 Minutes
Cadrage : recueil du besoin
1 2 3 4 5 6 7 8 9 10 11 12
• Définition du besoin
• Définition de la problématique
• Définition de l’objectif ( SEO, pages vues, monétisation, interactions… )
• Avis du CTO ( faisabilité, coût, durée )

28. Timeline projet 20 Minutes
Cadrage : étude de mots clés
1 2 3 4 5 6 7 8 9 10 11 12
• Etude du volume de recherche mensuel et annuel

29. Timeline projet 20 Minutes
Cadrage : benchmark SEO
1 2 3 4 5 6 7 8 9 10 11 12
• Comment se comporte la SERP ?
• Quel type de page remonte sur la requête ?
• Qui sont mes concurrents ?
• Que font ils pour se positionner ?

30. Timeline projet 20 Minutes
Cadrage : benchmark SEO
1 2 3 4 5 6 7 8 9 10 11 12

31. Timeline projet 20 Minutes
Textes
1 2 3 4 5 6 7 8 9 10 11 12

32. Timeline projet 20 Minutes
SEO du projet
1 2 3 4 5 6 7 8 9 10 11 12
• Définition de l’arborescence
• Définition des URLS
• Définition des meta titre / meta description
• Mise en place des données structurées
• Optimisation des textes
• Maillage
• Ajout au sitemap

33. Timeline projet 20 Minutes
Phase UX
1 2 3 4 5 6 7 8 9 10 11 12
• Pas dans les règles de l’art
• Pas d’UX
• Jusqu’à début 2019 : wireframe dans son coin, un projet par PO
• Mise en place d’un point de suivi
• Mise en place d’ateliers

34. Timeline projet 20 Minutes
Atelier UX
1 2 3 4 5 6 7 8 9 10 11 12
• 1 : Quelle est la problématique ?
• 2 : Quel est l’objectif ? ( SEO, pages vues, monétisation, interactions… )
• 3 : Quelle est la cible ?
• 4 : Quel est le périmètre ? ( site desktop, mobile, AMP, PWA, les 3 )
• 5 : Dessiner, itérer
• 6 : Définition des wireframe

35. Timeline projet 20 Minutes
Atelier UX
1 2 3 4 5 6 7 8 9 10 11 12

36. Timeline projet 20 Minutes
Atelier UX
1 2 3 4 5 6 7 8 9 10 11 12

37. Timeline projet 20 Minutes
Design
1 2 3 4 5 6 7 8 9 10 11 12
• Proposition de 2 à 3 maquettes différentes
• Validation par le webmarketing / devs / journalistes / comité numérique

38. Timeline projet 20 Minutes
Suivi UX / Design
1 2 3 4 5 6 7 8 9 10 11 12

39. Timeline projet 20 Minutes
PO’s time
1 2 3 4 5 6 7 8 9 10 11 12
• Définition du MVP ( produit minimum viable )
• Définition des lots de développement
• Définition des versions
• Définition du marquage analytics

40. Timeline projet 20 Minutes
PO’s time
1 2 3 4 5 6 7 8 9 10 11 12

41. Timeline projet 20 Minutes
Dev’s time
1 2 3 4 5 6 7 8 9 10 11 12

42. Timeline projet 20 Minutes
Tests
1 2 3 4 5 6 7 8 9 10 11 12
• Par devices ( desktop, mobile )
• Par OS
• Par navigateurs

43. Timeline projet 20 Minutes
« MEP »
1 2 3 4 5 6 7 8 9 10 11 12
• Pas de mise en ligne le vendredi

44. Timeline projet 20 Minutes
Analyser & ajuster
1 2 3 4 5 6 7 8 9 10 11 12
• Données trafic -> visites, pages vues
• Données UX -> pages par visites, temps passé, taux de rebond, taux de clic
• Données SEO -> position, trafic, clics, impressions, taux de couverture
• Données techniques -> indexation, crawl, temps de chargement
• Commentaires « clients »

45. Timeline projet 20 Minutes
Timeline projet type
1. Cadrage
2. Etude de mots clés
3. Benchmark SEO
4. Textes
5. Travail SEO
6. Atelier UX
7. Design
8. Prise en main par le PO ( définition MVP, lots, versions, )
9. Développement
10. Tests
11. MEP : mise en ligne
12. Analyser et ajuster

46. Timeline projet 20 Minutes
Timeline projet type
• Personae ?
• Tests utilisateurs ?

47. DATAMAKERTING PARIS 2019
Quelles contraintes s’imposent UX & SEO ?
4

48. Quelles contraintes s’imposent UX & SEO ?
Quelles contraintes ?
SEO UX
Pages par visites Pages par visites
Temps passé Temps passé
Taux de rebond Taux de rebond
Accessibilité Accessibilité
Position Interactions
Volume de recherche
Trafic

49. Quelles contraintes s’imposent UX & SEO ?
Quand le SEO prime sur l’UX
• TOP requête du secteur -> actualités ( 7 480 000 recherches mensuelles )
• 1er média sur la requête
• 1ère page génératrice de trafic SEO

50. Quelles contraintes s’imposent UX & SEO ?
Quand l’UX se sert du SEO
• Perte de positions et de trafic pendant des mois sur Google News
• Problème identifié -> mauvaise extraction des articles, jugés trop courts
• Google ne vous aide pas
• Solution -> interdire l’insertion de A lire aussi dans le corps du texte

51. Quelles contraintes s’imposent UX & SEO ?
Quand l’UX se sert du SEO
• A lire aussi à la fin de l’article
• Lecture plus agréable
• Plus de problèmes d’indexations

52. Quelles contraintes s’imposent UX & SEO ?
Quand le SEO se sert de l’UX
L’exemple de la page DANS L’ACTU

53. Quelles contraintes s’imposent UX & SEO ?
Quand le SEO se sert de l’UX

54. Quelles contraintes s’imposent UX & SEO ?
Quand le SEO se sert de l’UX

55. Quelles contraintes s’imposent UX & SEO ?
Quand le SEO se sert de l’UX

56. Quelles contraintes s’imposent UX & SEO ?
Quand le SEO se sert de l’UX

57. Quelles contraintes s’imposent UX & SEO ?
Quand le SEO se sert de l’UX

58. Quelles contraintes s’imposent UX & SEO ?
Quand le SEO se sert de l’UX

59. Quelles contraintes s’imposent UX & SEO ?
Quand le SEO se sert de l’UX
• Requête cible : Actualités à la une
• Résultat :

60. Quelles contraintes s’imposent UX & SEO ?
Quand l’UX prime sur le SEO
• Mise en place de pushstate ?

61. Quelles contraintes s’imposent UX & SEO ?
Conclusion
• SEO & UX vont de pair
• Intégrez la dimension SEO dès le début d’un projet
• L’un prime sur l’autre en fonction de l’objectif

62. François Moreau
@fanchvin
merci