Les techniques d'UX sont parfois en opposition avec le SEO : Lazy-loading, AJAX, navigation à facettes... sans parler des évolutions importantes comme le HTTP/2.
D'autre part, les techniques modernes telles que les entités de recherche sont le point d'orgue de la pertinence et il est indispensable aujourd'hui de les maitriser. Quelques explications dans ce document vous permettront de les appréhender avec plus de facilité.
Voici quelques éléments de réponse, survolés, mais qui vous aideront à démarrer :)
Techniques SEO 2016 : entités de recherche, navigation à facettes, AJAX et autres
1. Nouvelles techniques SEO
MATHIEU GHEERBRANT
Mathieu Gheerbrant TECHNIQUES SEO : NOUVELLES ET PLUS ANCIENNES - 08/04/2016 1
SEO Hackers
2. #seocamp
Au menu aujourd’hui
HTTP/2 : les questions à se poser
◦ Bien, pas bien ?
◦ Maintenant / plus tard ?
Navigation à facettes
◦ Les pièges
◦ Exploitation intelligente
AJAX
◦ Alors, ça crawl ?
◦ Meilleures pratiques
Mathieu Gheerbrant TECHNIQUES SEO : NOUVELLES ET PLUS ANCIENNES - 08/04/2016 2
Scroll infini / lazy-loading
◦ Impact
◦ Alternatives
Entités de recherche
◦ Définition
◦ Historique
◦ Constitution
◦ Fonctionnement
◦ Exploitation !
3. HTTP/2 et SEO
Mathieu Gheerbrant TECHNIQUES SEO : NOUVELLES ET PLUS ANCIENNES - 08/04/2016 3
4. #seocamp
HTTP/2 et SEO
Mathieu Gheerbrant TECHNIQUES SEO : NOUVELLES ET PLUS ANCIENNES - 08/04/2016 4
HTTP/1.1
HTTP+SPDY
HTTP/2
Vitesse
Années
6. #seocamp
HTTP/2 et SEO
Mathieu Gheerbrant TECHNIQUES SEO : NOUVELLES ET PLUS ANCIENNES - 08/04/2016 6
Les ressources sont
servies les unes après
les autres, par des
connexions multiples
Les ressources sont
servies en parallèle via
une seule et même
connexion
7. #seocamp
HTTP/2 et SEO
Ça vaut le coup ?
◦ Les navigateurs doivent supporter le protocole
◦ Les crawlers aussi
Mathieu Gheerbrant TECHNIQUES SEO : NOUVELLES ET PLUS ANCIENNES - 08/04/2016 7
8. #seocamp
HTTP/2 et SEO
Problème :
Les crawlers ne
supportent
pas le HTTP/2...
... pour le moment !
Googlebot : annoncé
Bingbot : ?
Yandex bot : ?
Baidu Spider : ?
Duckduckbot : ?
Mathieu Gheerbrant TECHNIQUES SEO : NOUVELLES ET PLUS ANCIENNES - 08/04/2016 8
10. AJAX et SEO
Mathieu Gheerbrant TECHNIQUES SEO : NOUVELLES ET PLUS ANCIENNES - 08/04/2016 10
11. #seocamp
AJAX et SEO
Plusieurs méthodes d’indexation
◦ Hash + Bang (Google)
◦ Alternatives statiques (ex: React.js)
◦ pushState
Mathieu Gheerbrant TECHNIQUES SEO : NOUVELLES ET PLUS ANCIENNES - 08/04/2016 11
12. #seocamp
AJAX et SEO
Technique du Hashbang (# + !)
◦ Réécriture d’URL spécifique nécessaire : _escaped_fragment_=xxx
◦ Revient à avoir un site statique en plus d’un site AJAX
◦ Configuration complexe pour une utilisation courante
Mathieu Gheerbrant TECHNIQUES SEO : NOUVELLES ET PLUS ANCIENNES - 08/04/2016 12
13. #seocamp
AJAX et SEO
pushState : la méthode qui rend sa place à AJAX
Mathieu Gheerbrant TECHNIQUES SEO : NOUVELLES ET PLUS ANCIENNES - 08/04/2016 13
http://www.site.fr/page/123.html http://www.site.fr/page/888.html
15. #seocamp
Scroll infini, lazy-loading et SEO
Lazy-loading d’images : problème courant
<a href="/ma-page.html">
<img src="/assets/blank.gif" data-src="/assets/image-finale.jpg" alt="Ancre de lien"
height="360" width="504">
<noscript>
<img src="/assets/image-finale.jpg" alt="Ancre de lien" height="360" width="504">
</noscript>
</a>
Résultat pour un moteur de recherche : Ancre de lienAncre de lien
Mathieu Gheerbrant TECHNIQUES SEO : NOUVELLES ET PLUS ANCIENNES - 08/04/2016 15
16. #seocamp
Scroll infini, lazy-loading et SEO
Lazy-loading d’images : solution indexable
<a href="/ma-page.html">
<img src="/#!img=image-finale.jpg" data-src="/assets/image-finale.jpg" alt="Ancre de lien"
height="360" width="504">
</a>
Résultat pour un moteur de recherche : Ancre de lien
Autre possibilité : pushState
Mathieu Gheerbrant TECHNIQUES SEO : NOUVELLES ET PLUS ANCIENNES - 08/04/2016 16
17. #seocamp
Scroll infini, lazy-loading et SEO
Scroll infini
◦ Excellent pour les utilisateurs sur mobiles
◦ Moins bon pour les pages vues
◦ Attention à l’accessibilité
◦ Ne peut pas remplacer la pagination
Mathieu Gheerbrant TECHNIQUES SEO : NOUVELLES ET PLUS ANCIENNES - 08/04/2016 17
18. #seocamp
Scroll infini, lazy-loading et SEO
Mathieu Gheerbrant TECHNIQUES SEO : NOUVELLES ET PLUS ANCIENNES - 08/04/2016 18
JavaScript Activé JavaScript Désactivé
20. #seocamp
Navigation à facettes
Avantages :
◦ Format utile aux utilisateurs
◦ Exhaustivité des filtres
◦ Sélection d’univers différents
◦ Développement de longue traine
Inconvénients :
◦ Volume potentiel de page
◦ Pertinence des pages VS requêtes
◦ Maillage interne
◦ Critères techniques
Mathieu Gheerbrant TECHNIQUES SEO : NOUVELLES ET PLUS ANCIENNES - 08/04/2016 20
21. #seocamp
Navigation à facettes
Problématique : gérer l’arborescence SEO
sans dégrader l’expérience utilisateur
Cas pratique : site e-commerce
multimarques (vêtements)
Mathieu Gheerbrant TECHNIQUES SEO : NOUVELLES ET PLUS ANCIENNES - 08/04/2016 21
23. #seocamp
Navigation à facettes
Filtres :
◦ Couleur : 5
◦ Matière : 3
◦ Taille : 5 (XS à XL)
◦ Motif : 3
◦ ...
◦ Marque : 10
Catégories : 8
Mathieu Gheerbrant TECHNIQUES SEO : NOUVELLES ET PLUS ANCIENNES - 08/04/2016 23
18 000 pages potentielles pour 1 seule catégorie
24. #seocamp
Navigation à facettes
Mathieu Gheerbrant TECHNIQUES SEO : NOUVELLES ET PLUS ANCIENNES - 08/04/2016 24
Redondance, maillage faible & contenu pauvre
25. #seocamp
Navigation à facettes
Exploitation en maillage : Etape 1
◦ Démarrer par les sous-catégories
◦ Pas de liens en dur vers les filtres au Niveau 1
◦ Conserver les liens vers toutes les catégories,
sur toutes les pages
Mathieu Gheerbrant TECHNIQUES SEO : NOUVELLES ET PLUS ANCIENNES - 08/04/2016 25
26. #seocamp
Navigation à facettes
Exploitation en maillage : Etape 2
◦ Sélectionner les filtres à indexer
◦ Priver les filtres inutiles de crawl
◦ Mettre en valeur des relations
◦ Mettre en valeur des propriétés
Mathieu Gheerbrant TECHNIQUES SEO : NOUVELLES ET PLUS ANCIENNES - 08/04/2016 26
Propriétés et relations : définir des entités de recherche
27. #seocamp
Navigation à facettes
Exploitation en maillage : Etape 3
◦ Déployer les filtres par discrimination
◦ Vérifier le nombre de produits disponibles
◦ Vérifier la duplication de contenu
Mathieu Gheerbrant TECHNIQUES SEO : NOUVELLES ET PLUS ANCIENNES - 08/04/2016 27
Propriétés et relations : renforcement sémantique
28. #seocamp
Navigation à facettes
Mathieu Gheerbrant TECHNIQUES SEO : NOUVELLES ET PLUS ANCIENNES - 08/04/2016 28
Exploitation en maillage : continuer le processus
30. #seocamp
Navigation à facettes
Duplication de contenu
Certaines URL sont redondantes tout en
ayant des structures différentes (DUST)
Pagination
Trouver le niveau le plus pertinent pour
afficher la pagination
Mathieu Gheerbrant TECHNIQUES SEO : NOUVELLES ET PLUS ANCIENNES - 08/04/2016 30
Normalisation d’URL
Gestion d’arborescence
31. #seocamp
Navigation à facettes
Quelques problèmes subsistent
◦ Gestion des filtres purement « utilisateur »
◦ Dynamisation des titres de pages et des métadonnées
◦ Indexation des pages de « thin content »
Mathieu Gheerbrant TECHNIQUES SEO : NOUVELLES ET PLUS ANCIENNES - 08/04/2016 31
33. #seocamp
Entités de recherche
Intérêt des entités
◦ Savoir de quoi on parle précisément
◦ Rapprocher les noms et écritures utilisées
pour une même chose
Mathieu Gheerbrant TECHNIQUES SEO : NOUVELLES ET PLUS ANCIENNES - 08/04/2016 33
Désambigüisation
34. #seocamp
Entités de recherche
Constitution des entités
◦ Propriétés
◦ Relations avec d’autres entités
Mathieu Gheerbrant TECHNIQUES SEO : NOUVELLES ET PLUS ANCIENNES - 08/04/2016 34
Typage du terme
38. #seocamp
Entités de recherche
Mathieu Gheerbrant TECHNIQUES SEO : NOUVELLES ET PLUS ANCIENNES - 08/04/2016 38
Entité 1
Entité 2
Lien /
Prédicat
Résultat de
recherche
désambigüisé
Propriétés Relations
Propriétés
Relations
Intention / attente
39. #seocamp
Entités de recherche
Variation des résultats
Entité seule
◦ universal search
◦ Knowledge Graph
Mathieu Gheerbrant TECHNIQUES SEO : NOUVELLES ET PLUS ANCIENNES - 08/04/2016 39
40. #seocamp
Entités de recherche
Variation des résultats
Entité + Prédicat
◦ news
◦ shopping
◦ universal search
◦ Pas de Knowledge Graph
Mathieu Gheerbrant TECHNIQUES SEO : NOUVELLES ET PLUS ANCIENNES - 08/04/2016 40
41. #seocamp
Entités de recherche
Variation des résultats
Entité + Prédicat + Autre entité
◦ résultats plus précis
◦ universal search
Mathieu Gheerbrant TECHNIQUES SEO : NOUVELLES ET PLUS ANCIENNES - 08/04/2016 41
44. #seocamp
Entités de recherche
Index dynamique
Mathieu Gheerbrant TECHNIQUES SEO : NOUVELLES ET PLUS ANCIENNES - 08/04/2016 44
Requêtes utilisateurs
(tous services)
Ecriture (majuscules, etc.)
Citations documentées
Synonymes
Proximité des motsCo-occurrences
Liens (action et hypertexte)
Contexte des liens entrants
Rythme des requêtes
46. #seocamp
Merci !
Mathieu Gheerbrant TECHNIQUES SEO : NOUVELLES ET PLUS ANCIENNES - 08/04/2016 46
Nom : Mathieu Gheerbrant
Mail : contact@seo-france.net
Twitter : @BlackMelvyn
Site : http://www.seo-france.net/
Agence : SEO Hackers