Upload
intuiti
View
2.986
Download
1
Embed Size (px)
Citation preview
@Adele_delourme @GuilhemChauvin
UX & SEO
One Shot d’une nuitou
Amour pour la vie ?SEO Camp 2016
@Adele_delourme @GuilhemChauvin 2
Mais t’es qui toi ?Nice to meet you !
Adèle DelourmeChef de projet SEO@Adele_delourme
Guilhem ChauvinChef de projet SEO
@GuilhemChauvin
@Adele_delourme @GuilhemChauvin 3
Pour commencer …
# Les opposés s’attirent
@Adele_delourme @GuilhemChauvin 4
Pour commencer…Deux visions opposées?
# UX # SEO
Faut que ça soit beau et à la pointe de
l’innovation !
Faut que ça rank et que ça génère de la
perf’
Développement du site
Optimisation SEO
@Adele_delourme @GuilhemChauvin 5
Pour commencer…
# Préjugés !
A bas les clichés !
@Adele_delourme @GuilhemChauvin 6
1 – L’écoute utilisateur
# Ne pas zapper les préliminaires
@Adele_delourme @GuilhemChauvin 7
1- L’écoute utilisateurQue recherchent vraiment vos utilisateurs ?
# S’affranchir de ses aprioris : ne soyez pas des sachants !
# Des cibles différentes
# Un vocabulaire différent
Demandez leur directement !
@Adele_delourme @GuilhemChauvin 8
1- L’écoute utilisateurDe quoi ça s’agit ?
Crayon de bois ?
@Adele_delourme @GuilhemChauvin 9
1- L’écoute utilisateurDe quoi ça s’agit ?
Crayon de bois ?
Crayon à papier ?
@Adele_delourme @GuilhemChauvin 10
1- L’écoute utilisateurDe quoi ça s’agit ?
Crayon de bois ?
Crayon à papier ?
Crayon gris ?
@Adele_delourme @GuilhemChauvin 11
1- L’écoute utilisateurQuel métier exerce ce charmant jeune homme ?
Pisciniste ?
@Adele_delourme @GuilhemChauvin 12
1- L’écoute utilisateurQuel métier exerce ce charmant jeune homme ?
Pisciniste ?
Vendeur de piscine ?
@Adele_delourme @GuilhemChauvin 13
1- L’écoute utilisateurQuel métier exerce ce charmant jeune homme ?
Pisciniste ?
Vendeur de piscine ?
Fabricant de piscine ?
@Adele_delourme @GuilhemChauvin 14
1- L’écoute utilisateurQuel métier exerce ce charmant jeune homme ?
Pisciniste ?
Vendeur de piscine ?
Fabricant de piscine ?
Constructeur de piscine ?
@Adele_delourme @GuilhemChauvin 15
1- L’écoute utilisateurQuel métier exerce ce charmant jeune homme ?
Pisciniste ?
Vendeur de piscine ?
Fabricant de piscine ?
Constructeur de piscine ?
Piscinier ?
@Adele_delourme @GuilhemChauvin 16
#S’outiller
#Le faire parler #Le faire agir
@Adele_delourme @GuilhemChauvin 17
1- L’écoute utilisateurComment vous perçoivent-ils ?
# Internet fait tomber les barrières et permet une amplification du bouche à oreille
# L’internaute s’exprime tout le temps et partout
# Du bruit négatif qui prend de plus en plus de place dans les résultats naturels
Surveillez votre E-réputation !
@Adele_delourme @GuilhemChauvin 18
#S’outiller
#Le faire parler #Le faire agir
#En requête de marque
#En requête générique #En 2ème résultat naturel !
@Adele_delourme @GuilhemChauvin 19
2 – L’architecture du site & la conception
# Oubliez votre Ex, repartez sur des bases saines
@Adele_delourme @GuilhemChauvin 20
2 – L’architecture du site & la conception
# La conception, c’est plus efficace à deux (ou plus..) !
L’union fait la force !
@Adele_delourme @GuilhemChauvin 21
#Echanges plus ou moins formalisés
#Questionnaire marketing #Workshop
@Adele_delourme @GuilhemChauvin 22
2 – L’architecture du site & la conception
# Chacun sa route, chacun son chemin !
A chaque page son mot clé !
@Adele_delourme @GuilhemChauvin 23
2 – L’architecture du site & la conception
# Ne choisissez pas forcement le CMS à la mode !
Le choix du socle technique
@Adele_delourme @GuilhemChauvin 24
3 – La navigation
# Ce soir c’est moi qui pilote !
@Adele_delourme @GuilhemChauvin 25
3- La navigation : s’aimer jusqu’à l’impossible !
# Proposer une vision d’ensemble du contenu à l’internaute
# Valoriser la navigation en silo & faciliter le crawl et l’indexation pour les robots
L’avènement du méga-menu : une aubaine pour le SEO…
@Adele_delourme @GuilhemChauvin 26
3- La navigation : s’aimer jusqu’à l’impossible !Moteurs de recherche interne & navigation à facette : de la data pour le SEO…
# Récupérer de la data concernant les recherches des internautes
# Exploiter ces données pour créer de nouvelles pages dédiées
# Exploiter ces données pour envisager de nouvelles offres !
Le petit + : les microdonnées !
@Adele_delourme @GuilhemChauvin 27
3- La navigation : s’aimer jusqu’à l’impossible !Moteurs de recherche interne & navigation à facette : de la data pour le SEO…
@Adele_delourme @GuilhemChauvin 28
3- La navigation : s’aimer jusqu’à l’impossible !Moteurs de recherche interne & navigation à facette : de la data pour le SEO…
@Adele_delourme @GuilhemChauvin 29
3- La navigation : s’aimer jusqu’à l’impossible !
# Croiser vos données : proposer les bons produits aux bons endroits, les bons conseils aux bons moments !
Cross selling & contenu affinitaire : des mots, toujours des mots…
@Adele_delourme @GuilhemChauvin 30
3- La navigation : s’aimer jusqu’à l’impossible !
# Croiser vos données : proposer les bons produits aux bons endroits, les bons conseils aux bons moments !
Cross selling & contenu affinitaire : des mots, toujours des mots…
@Adele_delourme @GuilhemChauvin 31
3- La navigation : ne vous laissez pas avoir par les sentiments !Moteurs de recherche interne & navigation à facette : de la data pour le SEO…
# Opter pour l’infinite scroll pour faire plaisir à l’utilisateur ? Ok ! Mais qu’en est-il d’un point de vue SEO ?
# Intégrer un système de pagination avec URL unique : ajouter les balises rel=prev et rel=next dans le <head> de chacune des pages
La démo qui va bien :http://scrollsample.appspot.com/
items
@Adele_delourme @GuilhemChauvin 32
3- La navigation : ne vous laissez pas avoir par les sentiments !Contenu caché : pas vu, pas pris ?
# Opter pour un système de contenu à onglet ou de contenu déroulant user-friendly ? Yes ! Mais qu’en pense vraiment Google ?
@Adele_delourme @GuilhemChauvin 33
3- La navigation : ne vous laissez pas avoir par les sentiments !Contenu caché : pas vu, pas pris ?
# Opter pour un système de contenu à onglet ou de contenu déroulant user-friendly ? Yes ! Mais qu’en pense vraiment Google ?
# « Les contenus accessibles après un clic supplémentaire au sein d’une même page ne seraient potentiellement plus indexés par les robots de Google » J.M. 2014
Qu’en est-il vraiment ? Qu’est-ce que je fais
quoi ?
@Adele_delourme @GuilhemChauvin 34
3- La navigation : ne vous laissez pas avoir par les sentiments !Contenu caché : pas vu, pas pris ?
@Adele_delourme @GuilhemChauvin 35
3- La navigation : ne vous laissez pas avoir par les sentiments !Contenu caché : pas vu, pas pris ?
@Adele_delourme @GuilhemChauvin 36
4 – Le temps de chargement et le mobile
# Mieux vaut une petite travailleuse qu’une grande paresseuse
@Adele_delourme @GuilhemChauvin 37
4 – Le temps de chargement et le mobile
# Capter l’intérêt du visiteur et améliorer sa perception de la vitesse
# Diminuer au maximum le temps de réponse du serveur pour faciliter l’indexation
Faire monter la température pour atteindre le sommet !
@Adele_delourme @GuilhemChauvin 38
4 – Le temps de chargement et le mobile3 étapes de chargement, 3 moyens d’être plus performant !
# Time to First Byte (TTFB) Chargement du 1er octet200 millisecondes
@Adele_delourme @GuilhemChauvin 39
4 – Le temps de chargement et le mobile3 étapes de chargement, 3 moyens d’être plus performant !
# Time to First Byte (TTFB) Chargement du 1er octet200 millisecondes
# Start Render Affichage du 1er élément
1 seconde
@Adele_delourme @GuilhemChauvin 40
4 – Le temps de chargement et le mobile3 étapes de chargement, 3 moyens d’être plus performant !
# Time to First Byte (TTFB) Chargement du 1er octet200 millisecondes
# Start Render Affichage du 1er élément
1 seconde
# Visually Complete Chargement terminé
3 secondes
@Adele_delourme @GuilhemChauvin 41
4 – Le temps de chargement et le mobileSe donner les moyens d’atteindre les sommets !
# Prioriser l’affichage du contenu
# Garder un style commun au dessus de la ligne de flottaison
# Utiliser des CDN
# Compresser les ressources
« DareBoost, un outil breton qu’on aime bien
se servir » F.Ribéry
@Adele_delourme @GuilhemChauvin 42
4 – Le temps de chargement et le mobileEtre performant sur tous les terrains !
# Avril 2015 : la compatibilité mobile, critère de positionnement sur les résultats mobiles
# Février et Juin 2015 : les mentions « slow » en test dans les SERP mobiles
# Octobre 2015 : Accelerated Mobile Pages (AMP), solution open source permettant l’accélération de l’affichage sur mobile.
Index & critères exclusifs pour mobile ?
@Adele_delourme @GuilhemChauvin 43
5 – Le Rich Content & les medias
# Varier les positions, donc les sensations !
@Adele_delourme @GuilhemChauvin 44
5- Rich content & medias : joindre l’utile à l’agréableCe que veulent les internautes…
# De l’info fraiche
# Des réponses pertinentes et rapides
# De l’images, des schémas, des infographies
# De la vidéo
Et des chatons !
@Adele_delourme @GuilhemChauvin 45
5- Rich content & medias : joindre l’utile à l’agréable… Ce que propose Google
Réponse rapide
@Adele_delourme @GuilhemChauvin 46
5- Rich content & medias : joindre l’utile à l’agréable… Ce que propose Google
Réponse rapideImages
@Adele_delourme @GuilhemChauvin 47
5- Rich content & medias : joindre l’utile à l’agréable… Ce que propose Google
Réponse rapideImages
Vidéo
@Adele_delourme @GuilhemChauvin 48
5- Rich content & medias : joindre l’utile à l’agréable… Ce que propose Google
Réponse rapideImages
Vidéo
Réponse pertinente
@Adele_delourme @GuilhemChauvin 49
5- Rich content & medias : joindre l’utile à l’agréable… Ce que propose Google
Réponse rapideImages
Vidéo
Réponse pertinente
Actus
@Adele_delourme @GuilhemChauvin 50
5- Rich content & medias : joindre l’utile à l’agréable
# Qui a dit qu’on ne pouvait pas plaire à tout le monde ?
… Ce que votre site doit proposer !
@Adele_delourme @GuilhemChauvin 51
5- Rich content & medias : joindre l’utile à l’agréable… Ce que votre site doit proposer !
# Galerie d’images
# Caractéristiques
# Aperçu sonore
# Vidéos de mise en situation # Représentation graphique / schématique
# Artistes utilisant le produit
# Comparatif produits
Seymourduncan.com
@Adele_delourme @GuilhemChauvin 52
5- Rich content & medias : joindre l’utile à l’agréable… et n’oubliez pas les microdonnées !
# Renvoyer les bons signaux aux moteurs de recherche à propos de votre entreprise et de votre contenu
# Accroitre votre visibilité en Rich Snippet et/ou Knowledge Graph
# S’appuyer sur la notice schema.org pour utiliser les microdonnées qui vont bien.
Faites-vous remarquer !
@Adele_delourme @GuilhemChauvin 53
6 – Le Store Locator et le SEO Local
# Voyage au bout de la nuit
@Adele_delourme @GuilhemChauvin 54
6 – Le Store Locator et le SEO LocalToujours plus haut, toujours plus fort !
# 2010 : Personnalisation progressive des résultats de recherche
# Juin 2015 : lancement de Google Pigeon, impactant les résultats GMaps et les résultats de Google.
# Août 2015 : baisse du nombre de résultats du « pack local » dans les SERP. Disparition du lien vers la fiche Google +.
Mais finalement, c’est qui le pigeon ?
@Adele_delourme @GuilhemChauvin 55
6 – Le Store Locator et le SEO LocalDévelopper votre store locator
#Un annuaire de vos établissements SEO & mobile
friendly
#Avec des pages dédiées par régions/villes ciblées
#Et des fiches établissements optimisées
@Adele_delourme @GuilhemChauvin 56
6 – Le Store Locator et le SEO LocalEt devenez une star locale !
# Utiliser Google My Business pour chaque implantation
# Alimenter vos fiches Google My Business
# Développer votre maillage local
# S’inscrire sur des annuaires et sites d’avis (re)connus : Pages Jaunes, Yelp etc.
@Adele_delourme @GuilhemChauvin 57
7 – La mesure de l’UX
# Entretenir le désir & gérer l’après bébé
@Adele_delourme @GuilhemChauvin 58
7 – La mesure de l’UX
# A votre avis, quel site obtient les meilleurs statistiques « d’engagements » ?
Un engagement qui reflète la satisfaction de l’utilisateur ?
# Voyages SNCF # Capitain Train
@Adele_delourme @GuilhemChauvin 59
7 – La mesure de l’UX
# Force est de constater qu’un site qui performe présente quelques fois des indicateurs « d’engagement non prioritaires » à la baisse !
Sortez des sentiers battus !
# Voyages SNCF # Capitain Train
@Adele_delourme @GuilhemChauvin 60
7 – La mesure de l’UX
# Avez-vous identifié un objectif prioritaire à votre site Web ? Est-ce le temps d’exposition à la marque ? Les interactions ? Le recrutement Web Social ? La génération de leads commerciaux ?
Concentrez-vous sur les KPIs qui vous concernent !
# Voyages SNCF
@Adele_delourme @GuilhemChauvin 61
7 – La mesure de l’UX
# Qui êtes-vous ? D’où venez-vous ? Que cherchez-vous ? L’avez-vous trouvé facilement ?
Pourquoi ne pas poser la question à vos visiteurs?
# Voyages SNCF
@Adele_delourme @GuilhemChauvin 62
Pour finir…
# Vers la Search Engine Xperience ?
@Adele_delourme @GuilhemChauvin 63
Pour finir …
# Fuuuuuuuusion ?
Coucou, tu veux faire du Search Engine Xperience ?
# Voyages SNCF
@Adele_delourme @GuilhemChauvin 64
Pour finir …Pas encore prêt pour le mariage ?
# Certaines pratiques UX posent quelques problèmes de SEO (Ajax, lazy loading…)
# Certaines pratiques SEO posent des problèmes à l’UX (contenu trop dense, page pensée pour « ranker »…)
Suis moi je te fuis, fuis moi je te suis !