This document discusses search experience optimization (SXO), which involves optimizing a website for search engines, users, and conversions. It emphasizes that SXO requires a holistic approach involving technical SEO, content quality, and user experience design. Key topics covered include understanding user intent, optimizing for core web vitals, improving site structure and navigation, and creating accessible and relevant content. The overall message is that SXO is a journey that combines SEO, UX, and CRO techniques to provide the best search and user experiences.

1. SEO + UX + CRO
Les bonnes pratiques en 2022

2. UX
SXO
SEO
Search Experience Optimization
On parle de quoi aujourd’hui ?
Et vous, vous savez ce que c’est le SXO ? N’hésitez pas à nous le dire dans le Chat

3. Qui sommes nous ?
CEO ALTICS
Une agence UX qui, depuis 2004, conçoit et optimise
l‘UX et les parcours pour booster le taux de conversion
de sites e-commerce/e-business
CEO 410 GONE Prestashop
Ambassadeur SEMRUSH
Secrétaire SEOCAMP
Membre du bureau Friends of Presta

4. Un cadeau pour commencer
https://www.410-gone.fr/seo/formation/gratuite.html
Formation SEO référencement gratuite

5. LE SEO C’est quoi ?
TECHNIQUE
10%
CONTENU
40%
POPULARITE
50%
Satisfaire l’algorithme

6. Oui… mais c’était avant !
Google analyse le comportement des internautes
pour modifier ses résultats et ses algorithmes en
temps réel. Google se met à la place de l’utilisateur
Donner la meilleure réponse !
Engagement !!

7. SXO : Quels impacts
Technique
● Mobile
● Vitesse
● HTTPS
● Balisages
Contenu
● Pertinence
● Recherche vocale
Ergonomie
● Navigation
● Lisibilité
● Tunnel de conversion

8. Le SXO c’est un voyage !
● Une recherche dans Google
● Un clic sur un résultat de recherche
● L’affichage d’un site
● Une expérience agréable et une information facilement
trouvée
● Des contenus de qualité
● Un cheminement simple et clair sur le site
● Une conversion facilitée
● Technique parfaite
● Site responsive et rapide
● Optimiser les balises
● Répondre à une intention de recherche / Pertinence Contenu
● Travailler l’ergonomie des pages
● Suivre les “user metrics”
● Etudier les cartes de chaleurs
● Structurer les pages
● Intégrer des micro-données

9. Tout commence par une recherche

10. Répondre à l’intention de recherche

11. Répondre à l’intention de recherche
● Navigationnelle
● Informationnelle
● Commerciales
● Transactionnelles
● Box de bière Une petite mousse
● Comment fonctionne une box de bières
● Quelle est la meilleur box de bières
● Box de bières de Noel en promo
● Accueil / Catégorie
● Blog, Guide, Tutos
● Avis, Comparatif
● Page produit
● Acquérir le prospect le plus tôt possible
● Sortir du “Achète ou casse toi”
● Travailler des guides d’achats (se positionner avec des pages éditoriale, éduquer le prospect, requêtes moins concurrentielles)
● Feature Tells / Benefits Sells

12. Intention de recherche : Est-ce toujours
aussi simple ?
Analysons le SERP !

13. Intention de recherche : Est-ce toujours
aussi simple ?
L’odeur de la SERP ? (Recreation / Food ?)

14. Intention de recherche

15. Choisir la bonne expression clé
Attention aux glissements réalisés par Google, qui essaie de comprendre l’intention réelle, l’intention cachée
A chaque page son objectif

16. Attirer le clic (CTR)
● Balise Titre
● Meta Description
● Emoji
● Données structurées…
● Eviter le PogoSticking
Taux de clics = nombre d’utilisateurs qui ont cliqué / nombre d’impressions

17. La page arrive : Search Signal for Page
Experience

18. Core Web Vitals
Temps de chargement de la page
(éléments principaux sur l’écran)
Interactivité
le temps mis entre la première
interaction de l’utilisateur et le moment
où le navigateur sera capable de lui
répondre
stabilité visuelle d’une page web
Changements de mise en page subis
par les internautes

19. CWV : Quelques pistes
● Surveiller le poids des images (attention aux diaporamas
● CMS : Sélectionner des thèmes légers et optimisés pour le SEO
● Mettre en place des mécanismes de LazyLoading
● Vérifier les options de performances des CMS
● Mettre en place des CDNs
● Limiter les appels de ressource externes / trackers
● Précharger les polices
● Minifier les ressources
● Déférer le chargement des JS
● Mettre en place des cache côté serveur (Varnish etc.. )
● S’assurer que la page reste stable (CSS / Publicité / Police / Images etc… )

20. Et après : Pogosticking ?
● Suivre des kpi analytics
● Observer les heatmaps (scroll, clics)
● Plus difficile “se comparer” à la moyenne !
● Taux de rebond adapté
● Dwell Time

21. Quelques pistes UX
● Penser à la ligne de flottaison
● Information importante et CTA au dessus de la ligne de flottaison
● Couper la structure pour montrer qu’il y a du contenu en dessous
● Les utilisateurs “scannent” vos pages => pas que du texte (organiser visuellement, des titres clairs)
● Montrer les liens et les CTA (taille, contraste, qui donnent envie de passer à l’action)
● Utiliser des zones sticky (ou des encres)
● Favoriser la conversion (formulaire simple et rapide)

22. • Bannière,qui prend toute la largeur = Texte court + prix + CTA visible
• Mise en avant de catégories ( inutile de remettre toutes les
catégories > La barre de navigation est là pour ça ! )
• Des marques
• Meilleures ventes et/ou nouveautés
• Avis clients
• Placer des contenus « conseils » sur le bas de page
• La page doit être aérée
_HOME PAGE
Place à l’Ergo

23. _PAGE LISTE
• Visuels d’ambiance sur le haut de page + texte de présentation + lien
vers guides si pertinent
• Filtre sur la gauche de l’écran avec nombre de résultats sur chaque
facette + résultats de l’affinage
• Zone de tri au-dessus des résultats
• Vignettes avec titre + prix + avis + stock
• Bouton ou lien d’action sur la vignette que si pertinent (L’incitation
au clic se fait sinon via un mouse-over)
• Vignettes de réassurance au sein des résultats (attention : pas trop
de couleurs !)

24. _FICHE PRODUIT
Un visuel principal avec zoom + vignettes présentant les différentes vues
produits. La photo doit être grande et NETTE
• Hiérarchiser les informations produits :
Titre
Avis
Disponibilité
Descriptif court + lien vers descriptif long
Options produit
Prix
CTA
Eléments de réassurance
• Hiérarchiser les boutons d’action mais rester dans la charte
• Placer les éléments de partage sous le visuel
• Préciser les avis clients
• Ajouter du cross selling
Au clic sur le bouton « ajouter au panier » faire apparaître une pop-in
avec récapitulatif produit + cross sell

25. • Avoir un contenu qui correspond à l’intention de recherche et aux buyer personas
• Répondre aux attentes (qualité, hiérarchisé…) : Créer du contenu Pertinent
• Optimisations pour le SEO (YourTextGuru, 1.fr, SemRush, SemJi… )
• CopyWriting
Et le fond ? Quid du contenu ?
Le jeu du mot MYSTERE
En droit, le mot mystère est un juriste dont les fonctions traditionnelles sont de conseiller, représenter, d'assister et de défendre ses clients,
personnes physiques ou morales, en justice, en plaidant pour faire valoir leurs droits et, plus généralement, pour les représenter. le mot mystère
s'acquitte d'une fonction de conseil et de rédacteur d'actes.
Les mots mystère représentent et défendent leurs clients dans des affaires aussi diverses qu’un divorce, une succession, un litige, un vol, un crime,
etc. Et, de fait, certains mot mystères se spécialisent : mot mystère d'affaires, mot mystère en droit du travail, mot mystère en droit de la famille,
etc.

26. Méthodes / Outils
Test des 5 secondes (+eye tracking ?)
Heatmap (scroll et clics) : Hotjar, Clarity, Crazzy Eggs
Tri de cartes
Test A/B
Focus Group / Entretien
Tester / Analyser / Optimiser

27. Structure et Navigation
● Menu Orienté Utilisateur
● Structure Orientée SEO
● Mega / Menu - Footer - Sidebar
● Obfuscation - Cloaking
● Manipulation du PR
● Facettes
● Cross Selling
● Catégories SEO

28. Structure et Navigation

29. Navigation : Pour aller plus loin
● Navigation personnalisée
● Navigation prédictive
● Bandit Manchots
● ….
Rappelez vous que la majorité des internautes ne vont pas découvrir votre site via la page
d’accueil….
Toutes les pages sont des Landing Pages

30. L’importance du moteur de recherche
● Faute de frappe / Orthographe
● Synonymie
● Affichage
● Levier de conversion
● ...

31. moteur de recherche
��

32. Mauvais exemple
👎

33. Des sites pour vraiment TOUT le monde. (70 % du web n’est pas accessible)
Taille de police : 12 points au minimum (14 étant l’idéal)
Contraste : le texte noir sur fond blanc (contraste maximal) est idéal pour les
malvoyants ; le noir sur jaune, ou le bleu clair sur bleu foncé, est meilleur dans
le cas des dyslexiques
Couleurs : éviter le vert et le rouge (ou rose), parce qu’ils gênent les daltoniens
Type de police : sans sérif (Verdana, Arial, Comic Sans MS, Tahoma, etc.) ;
Emphase: éviter d’utiliser les lettres CAPITALES, le soulignement et l’italique,
préférer le gras
Interlignes : l'interligne double est la plus appropriée
Alignement du texte : à gauche et pas justifié, car des espaces inégaux entre
les mots sont source de difficultés pour les dyslexiques et les malvoyants
Longueur de ligne : entre 60 et 70 caractères. Des lignes trop courtes ou trop
longues fatiguent les yeux
Limiter l’utilisation des fenêtres escamotables (pop-up)
Et demain ? Accessibilité ?

34. ● Augmentation du CTR
● Augmentation du temps passé sur le site et du nombre de
pages vues
● Amélioration du taux de rebond (et pris en compte du TR
adapté)
● Trafic de meilleur qualité
● Augmentation des conversions
● Une meilleure image / réputation / notoriété...
Pour conclure : les avantages du SXO

35. Il est temps de répondre à vos questions !