65
@Adele_delourme @GuilhemChauvin UX & SEO One Shot d’une nuit ou Amour pour la vie ? SEO Camp 2016

UX & SEO : one shot d'une nuit ou amour pour la vie ? - SEO campus nantes

  • Upload
    intuiti

  • View
    2.986

  • Download
    1

Embed Size (px)

Citation preview

Page 1: UX & SEO : one shot d'une nuit ou amour pour la vie ? - SEO campus nantes

@Adele_delourme @GuilhemChauvin

UX & SEO

One Shot d’une nuitou

Amour pour la vie ?SEO Camp 2016

Page 2: UX & SEO : one shot d'une nuit ou amour pour la vie ? - SEO campus nantes

@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

Page 3: UX & SEO : one shot d'une nuit ou amour pour la vie ? - SEO campus nantes

@Adele_delourme @GuilhemChauvin 3

Pour commencer …

# Les opposés s’attirent

Page 4: UX & SEO : one shot d'une nuit ou amour pour la vie ? - SEO campus nantes

@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

Page 5: UX & SEO : one shot d'une nuit ou amour pour la vie ? - SEO campus nantes

@Adele_delourme @GuilhemChauvin 5

Pour commencer…

# Préjugés !

A bas les clichés !

Page 6: UX & SEO : one shot d'une nuit ou amour pour la vie ? - SEO campus nantes

@Adele_delourme @GuilhemChauvin 6

1 – L’écoute utilisateur

# Ne pas zapper les préliminaires

Page 7: UX & SEO : one shot d'une nuit ou amour pour la vie ? - SEO campus nantes

@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 !

Page 8: UX & SEO : one shot d'une nuit ou amour pour la vie ? - SEO campus nantes

@Adele_delourme @GuilhemChauvin 8

1- L’écoute utilisateurDe quoi ça s’agit ?

Crayon de bois ?

Page 9: UX & SEO : one shot d'une nuit ou amour pour la vie ? - SEO campus nantes

@Adele_delourme @GuilhemChauvin 9

1- L’écoute utilisateurDe quoi ça s’agit ?

Crayon de bois ?

Crayon à papier ?

Page 10: UX & SEO : one shot d'une nuit ou amour pour la vie ? - SEO campus nantes

@Adele_delourme @GuilhemChauvin 10

1- L’écoute utilisateurDe quoi ça s’agit ?

Crayon de bois ?

Crayon à papier ?

Crayon gris ?

Page 11: UX & SEO : one shot d'une nuit ou amour pour la vie ? - SEO campus nantes

@Adele_delourme @GuilhemChauvin 11

1- L’écoute utilisateurQuel métier exerce ce charmant jeune homme ?

Pisciniste ?

Page 12: UX & SEO : one shot d'une nuit ou amour pour la vie ? - SEO campus nantes

@Adele_delourme @GuilhemChauvin 12

1- L’écoute utilisateurQuel métier exerce ce charmant jeune homme ?

Pisciniste ?

Vendeur de piscine ?

Page 13: UX & SEO : one shot d'une nuit ou amour pour la vie ? - SEO campus nantes

@Adele_delourme @GuilhemChauvin 13

1- L’écoute utilisateurQuel métier exerce ce charmant jeune homme ?

Pisciniste ?

Vendeur de piscine ?

Fabricant de piscine ?

Page 14: UX & SEO : one shot d'une nuit ou amour pour la vie ? - SEO campus nantes

@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 ?

Page 15: UX & SEO : one shot d'une nuit ou amour pour la vie ? - SEO campus nantes

@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 ?

Page 16: UX & SEO : one shot d'une nuit ou amour pour la vie ? - SEO campus nantes

@Adele_delourme @GuilhemChauvin 16

#S’outiller

#Le faire parler #Le faire agir

Page 17: UX & SEO : one shot d'une nuit ou amour pour la vie ? - SEO campus nantes

@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 !

Page 18: UX & SEO : one shot d'une nuit ou amour pour la vie ? - SEO campus nantes

@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 !

Page 19: UX & SEO : one shot d'une nuit ou amour pour la vie ? - SEO campus nantes

@Adele_delourme @GuilhemChauvin 19

2 – L’architecture du site & la conception

# Oubliez votre Ex, repartez sur des bases saines

Page 20: UX & SEO : one shot d'une nuit ou amour pour la vie ? - SEO campus nantes

@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 !

Page 21: UX & SEO : one shot d'une nuit ou amour pour la vie ? - SEO campus nantes

@Adele_delourme @GuilhemChauvin 21

#Echanges plus ou moins formalisés

#Questionnaire marketing #Workshop

Page 22: UX & SEO : one shot d'une nuit ou amour pour la vie ? - SEO campus nantes

@Adele_delourme @GuilhemChauvin 22

2 – L’architecture du site & la conception

# Chacun sa route, chacun son chemin !

A chaque page son mot clé !

Page 23: UX & SEO : one shot d'une nuit ou amour pour la vie ? - SEO campus nantes

@Adele_delourme @GuilhemChauvin 23

2 – L’architecture du site & la conception

# Ne choisissez pas forcement le CMS à la mode !

Le choix du socle technique

Page 24: UX & SEO : one shot d'une nuit ou amour pour la vie ? - SEO campus nantes

@Adele_delourme @GuilhemChauvin 24

3 – La navigation

# Ce soir c’est moi qui pilote !

Page 25: UX & SEO : one shot d'une nuit ou amour pour la vie ? - SEO campus nantes

@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…

Page 26: UX & SEO : one shot d'une nuit ou amour pour la vie ? - SEO campus nantes

@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 !

Page 27: UX & SEO : one shot d'une nuit ou amour pour la vie ? - SEO campus nantes

@Adele_delourme @GuilhemChauvin 27

3- La navigation : s’aimer jusqu’à l’impossible !Moteurs de recherche interne & navigation à facette : de la data pour le SEO…

Page 28: UX & SEO : one shot d'une nuit ou amour pour la vie ? - SEO campus nantes

@Adele_delourme @GuilhemChauvin 28

3- La navigation : s’aimer jusqu’à l’impossible !Moteurs de recherche interne & navigation à facette : de la data pour le SEO…

Page 29: UX & SEO : one shot d'une nuit ou amour pour la vie ? - SEO campus nantes

@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…

Page 30: UX & SEO : one shot d'une nuit ou amour pour la vie ? - SEO campus nantes

@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…

Page 31: UX & SEO : one shot d'une nuit ou amour pour la vie ? - SEO campus nantes

@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

Page 32: UX & SEO : one shot d'une nuit ou amour pour la vie ? - SEO campus nantes

@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 ?

Page 33: UX & SEO : one shot d'une nuit ou amour pour la vie ? - SEO campus nantes

@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 ?

Page 34: UX & SEO : one shot d'une nuit ou amour pour la vie ? - SEO campus nantes

@Adele_delourme @GuilhemChauvin 34

3- La navigation : ne vous laissez pas avoir par les sentiments !Contenu caché : pas vu, pas pris ?

Page 35: UX & SEO : one shot d'une nuit ou amour pour la vie ? - SEO campus nantes

@Adele_delourme @GuilhemChauvin 35

3- La navigation : ne vous laissez pas avoir par les sentiments !Contenu caché : pas vu, pas pris ?

Page 36: UX & SEO : one shot d'une nuit ou amour pour la vie ? - SEO campus nantes

@Adele_delourme @GuilhemChauvin 36

4 – Le temps de chargement et le mobile

# Mieux vaut une petite travailleuse qu’une grande paresseuse

Page 37: UX & SEO : one shot d'une nuit ou amour pour la vie ? - SEO campus nantes

@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 !

Page 38: UX & SEO : one shot d'une nuit ou amour pour la vie ? - SEO campus nantes

@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

Page 39: UX & SEO : one shot d'une nuit ou amour pour la vie ? - SEO campus nantes

@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

Page 40: UX & SEO : one shot d'une nuit ou amour pour la vie ? - SEO campus nantes

@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

Page 41: UX & SEO : one shot d'une nuit ou amour pour la vie ? - SEO campus nantes

@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

Page 42: UX & SEO : one shot d'une nuit ou amour pour la vie ? - SEO campus nantes

@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 ?

Page 43: UX & SEO : one shot d'une nuit ou amour pour la vie ? - SEO campus nantes

@Adele_delourme @GuilhemChauvin 43

5 – Le Rich Content & les medias

# Varier les positions, donc les sensations !

Page 44: UX & SEO : one shot d'une nuit ou amour pour la vie ? - SEO campus nantes

@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 !

Page 45: UX & SEO : one shot d'une nuit ou amour pour la vie ? - SEO campus nantes

@Adele_delourme @GuilhemChauvin 45

5- Rich content & medias : joindre l’utile à l’agréable… Ce que propose Google

Réponse rapide

Page 46: UX & SEO : one shot d'une nuit ou amour pour la vie ? - SEO campus nantes

@Adele_delourme @GuilhemChauvin 46

5- Rich content & medias : joindre l’utile à l’agréable… Ce que propose Google

Réponse rapideImages

Page 47: UX & SEO : one shot d'une nuit ou amour pour la vie ? - SEO campus nantes

@Adele_delourme @GuilhemChauvin 47

5- Rich content & medias : joindre l’utile à l’agréable… Ce que propose Google

Réponse rapideImages

Vidéo

Page 48: UX & SEO : one shot d'une nuit ou amour pour la vie ? - SEO campus nantes

@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

Page 49: UX & SEO : one shot d'une nuit ou amour pour la vie ? - SEO campus nantes

@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

Page 50: UX & SEO : one shot d'une nuit ou amour pour la vie ? - SEO campus nantes

@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 !

Page 51: UX & SEO : one shot d'une nuit ou amour pour la vie ? - SEO campus nantes

@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

Page 52: UX & SEO : one shot d'une nuit ou amour pour la vie ? - SEO campus nantes

@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 !

Page 53: UX & SEO : one shot d'une nuit ou amour pour la vie ? - SEO campus nantes

@Adele_delourme @GuilhemChauvin 53

6 – Le Store Locator et le SEO Local

# Voyage au bout de la nuit

Page 54: UX & SEO : one shot d'une nuit ou amour pour la vie ? - SEO campus nantes

@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 ?

Page 55: UX & SEO : one shot d'une nuit ou amour pour la vie ? - SEO campus nantes

@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

Page 56: UX & SEO : one shot d'une nuit ou amour pour la vie ? - SEO campus nantes

@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.

Page 57: UX & SEO : one shot d'une nuit ou amour pour la vie ? - SEO campus nantes

@Adele_delourme @GuilhemChauvin 57

7 – La mesure de l’UX

# Entretenir le désir & gérer l’après bébé

Page 58: UX & SEO : one shot d'une nuit ou amour pour la vie ? - SEO campus nantes

@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

Page 59: UX & SEO : one shot d'une nuit ou amour pour la vie ? - SEO campus nantes

@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

Page 60: UX & SEO : one shot d'une nuit ou amour pour la vie ? - SEO campus nantes

@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

Page 61: UX & SEO : one shot d'une nuit ou amour pour la vie ? - SEO campus nantes

@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

Page 62: UX & SEO : one shot d'une nuit ou amour pour la vie ? - SEO campus nantes

@Adele_delourme @GuilhemChauvin 62

Pour finir…

# Vers la Search Engine Xperience ?

Page 63: UX & SEO : one shot d'une nuit ou amour pour la vie ? - SEO campus nantes

@Adele_delourme @GuilhemChauvin 63

Pour finir …

# Fuuuuuuuusion ?

Coucou, tu veux faire du Search Engine Xperience ?

# Voyages SNCF

Page 64: UX & SEO : one shot d'une nuit ou amour pour la vie ? - SEO campus nantes

@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 !

Page 65: UX & SEO : one shot d'une nuit ou amour pour la vie ? - SEO campus nantes

@Adele_delourme @GuilhemChauvin 65

Merci !