1.
Camille Thomas
Consultant SEO chez Search Foresight
Réussir une refonte de site sans
perdre son référencement
naturel
K_lice

2.
Camille Thomas : www.search-foresight.comK_lice
Quand intégrer le SEO ?
 Le plus tôt est le mieux..
 Gain de temps et d’argent
Genius Not bad Good luck OMG
1 2 3 4

3.
Camille Thomas : www.search-foresight.comK_lice
Enjeux et risques
Préserver l’historique
positif du site
Engendrer de la
croissance
Réussir la mise en
ligne
Enjeux
Être sandboxé
Perdre votre
popularité (page rank)
Perdre l’historique du
site : trafic, positions
Risques

4.
Camille Thomas : www.search-foresight.comK_lice
Etude de cas
migration
 Cas d’un site où le SEO a été pensé dès la naissance du projet de
refonte
 Cas d’un site avec une migration sans accompagnement SEO
migration
+50 % de
trafic SEO
3 points
de page
rank
perdus
80 % de
trafic en
moins
Site réseau agence
immobilière
Guide des
restaurants

5.
Camille Thomas : www.search-foresight.comK_lice
Checkup 360 ° du site
Le but étant de ne pas reproduire les mêmes erreurs et identifier les axes
d’amélioration afin de les corriger dans la future version
Performances
Accessibilité
Google
Contenu
Structure du site

6.
Camille Thomas : www.search-foresight.comK_lice
Etude sémantique
 Bien souvent réalisée après le lancement du site ou bien
pendant la phase de recette mais cela est déjà trop tard !
 Elle doit être réalisée en amont car elle va permette
d’identifier la sémantique où vous êtes absents et ainsi
déterminer les pages à créer sur le futur site
 Cela a donc un impact sur la future arborescence du site et
sur les maquettes

7.
Camille Thomas : www.search-foresight.comK_lice
Customiser le back office
 Lors d’une refonte c’est le moment opportun pour faciliter
l’administration de vos contenus pour le SEO.
 Liste des champs utiles pour le SEO

8.
Camille Thomas : www.search-foresight.comK_lice
Moteur de recherche interne
 Ajouter des images à côté de vos résultats
pour améliorer l’expérience utilisateur.
 Vérifier que votre moteur de recherche
interne retourne les mêmes résultats pour
des termes au singulier ou au pluriel.
 les pages de résultats issues du moteur de
recherche interne sont identiques à celles
accessibles via votre arborescence lorsqu’il
y a matching Augmenter les critères
d’usages.

9.
Camille Thomas : www.search-foresight.comK_lice
Responsive design
 Doit être conçu en amélioration progressive, mobile first
 Avoir une image par défaut pour Google (balise no script) si
vous appelez vos images en javascript (en fonction du
device)

10.
Camille Thomas : www.search-foresight.comK_lice
Site mobile
 Mettre en place des redirections
appropriées entre un internaute sur
desktop accèdant à la version
mobile et vice versa
 Rendre vos vidéos lisibles sur
mobile (HTML5 standards)

11.
Camille Thomas : www.search-foresight.comK_lice
Guidelines SEO
 Le but de ce document est de lui expliquer comment Google
fonctionne et de présenter les prérequis à un bon
référencement.
 S’assurer que ce document ait bien été lu et compris par les
développeurs

12.
Camille Thomas : www.search-foresight.comK_lice
SFD SEO friendly
 Lire toutes les spécifications fonctionnelles de chaque
typologie de page et vérifier qu’elles soient conformes aux
bonnes pratiques du SEO

13.
Camille Thomas : www.search-foresight.comK_lice
Conception, intégration, développement
Conception
•Analyse des
maquettes /
Storyboard
•Bloc de liens SEO
•Pagination
•Fil d’ariane
•Menu de navigation
Intégration HTML
• Vérification du code
• Profondeur du site
• Volumétrie des urls
•Accessibilité Google
Développement
•Vérification de non
régressions entre
l’intégration et le
développement
•Crawl de préprod
Cahier des
charges SEO
Recette (tickets, réunions)

14.
Camille Thomas : www.search-foresight.comK_lice
Exemple de page SEO friendly
Responsive Design bien géré
pour s’adapter à n’importe quelle
taille d’écran.
Présence des mots clés
primaires & secondaires dans les
titres, sous titres et dans le
contenu
Boutons de partages placés en
haut du document pour
favoriser la viralité de vos
contenus
Page parfaitement accessible par
les moteurs de recherche.
Canonicalisée vers elle-même
Intégration des micro formats
pour avoir des snippets attractifs
Visuels de haute qualité avec des
balises alternatives
renseignées. Design simple et
épuré
Le contenu apporte une réelle
valeur ajoutée et répond aux
besoins des internautes
H1
H2
H2
A tester également :
- Recette Chocolat Cookies
- Recette Brownies
- ….
Des articles similaires pour
améliorer l’usage sur les pages
et le cross linking

15.
Camille Thomas : www.search-foresight.comK_lice
Title, meta description, urls
 Title : Recette Donut au chocolat – [Votre marque]
 Meta description : Découvrez notre recette magique de nos
donuts au chocolat connus pour le goût succulent et leur
onctuosité. Plus de 150 recettes sur [Votre marque]
 Urls : www.[votremarque].[TLD]/recette-donut-chocolat
Plutôt que :
- www.[votremarque].[TLD]/recette/chocolat/recette-donut-
chocolat
1) Lors d’un changement d’arborescence, évite les
redirections
2) Evite le duplicate si l’item est rangé dans plusieurs
articles

16.
Camille Thomas : www.search-foresight.comK_lice
Structure du site
 Avoir les produits accessibles en 2 clics grâce à votre mega menu, oui
mais ..
 On charge dans le code source uniquement la navigation courante
(sauf pour la home page où tout est chargé)
 Le reste de la navigation est cachée à Google (présente dans un
fichier json)
Si je suis sur un produit issu de la
catégorie « Gros
Electroménager », Google verra
uniquement les liens issus de
cette navigation

17.
Camille Thomas : www.search-foresight.comK_lice
Navigation à facette
 L’erreur la plus commune est de tout ouvrir ou de tout fermer à Google
 Il faut ouvrir seulement les couples attributs/valeurs qui ont du potentiel SEO
 Dès que la combinaison de couples attributs valeurs n’offre pas de potentiel de
recherche on ne génère pas de nouvelles urls (appel en ajax OU noindex, follow)
 Page avec zéro résultat  Noindex, follow + suppression de la page dans le maillage
interne

18.
Camille Thomas : www.search-foresight.comK_lice
Store locator pas SEO friendly
 La plupart des implémentations des stores locators ne sont
pas SEO Friendly
Pas crawlable
par Google
(javascript)

19.
Camille Thomas : www.search-foresight.comK_lice
Store locator SEO friendly
1
2
3
4

20.
Camille Thomas : www.search-foresight.comK_lice
Robots.txt
 Le contenu de votre fichier robots.txt doit bloquer
uniquement des urls de votre back office mais aucune urls du
front office
 Pensez également à retirer la directive « disallow / » de votre
robots.txt lorsque vous passez en prod.

21.
Camille Thomas : www.search-foresight.comK_lice
Crawl de la préprod
Validation des titres, Hn, meta description
Vérification de la volumétrie et de la profondeur des urls
Response code, temps de réponse
Vérification des metas robots, canonical
Plan de tagguage analytics
Accès à
l’outil de
mantis 
créations de
tickets
adéquats
Recette
 C’est le moment de faire un état des lieux en pré-prod de la
bonne implémentation des recommandations SEO

22.
Camille Thomas : www.search-foresight.comK_lice
URLS
 Dans la théorie :
« Nous conserverons les anciennes urls sur le futur site »

23.
Camille Thomas : www.search-foresight.comK_lice
URLS
 Dans la pratique :
« Il est impossible de conserver les urls, nous changeons de PIM
& PCM »

24.
Camille Thomas : www.search-foresight.comK_lice
Votre fer de lance
 Identifier les pages qui génèrent le plus de visites
 Identifier les pages les plus linkées du site
 Identifier les pages qui ont des liens externes  Contacter les
sites qui vous ramènent le plus de trafic pour leur demander
de changer l’url
 Identifier les pages qui sont les plus crawlées
 Vos alliés de poids :

25.
Camille Thomas : www.search-foresight.comK_lice
Plan de redirections
 Utilisation de redirections 301 uniquement, la 302 est à
proscrire
 Transmettre aux développeurs une table de
correspondances anciennes urls  nouvelles urls pour
l’établissement de règles de redirections
 Pour cela on utilise un fichier HT Access déposé à la racine du
host
RewriteEngine on RewriteRule ^(.*).html$ http://www.domaine.com$1.php
[L,R=301]
TESTER LES REDIRECTIONS 301 en
pré-prod

26.
Camille Thomas : www.search-foresight.comK_lice
Changement de serveur
 Il est important de garder les deux serveurs « up » pendant
deux semaines
– Les robots utilisent des caches DNS
– Evite une courbe en J sur le trafic
– Limiter au maximum le temps d’indisponibilité
 Prévoir les cas d’indisponibilités temporaires de serveurs
– Etre capable de monter une page 503 en 5 mn en cas de
problème
 Prévoir le scénario de rollback
– Etre capable de revenir à la version précédente en cas de
problème
– Avoir testé ce scénario

27.
Camille Thomas : www.search-foresight.comK_lice
Changement de domaine
 Dans GWT, vous pouvez indiquez à Google votre nouveau
nom de domaine afin d’effectuer une transition tout en
douceur en plus de vos redirections 301
 Garder à vie l’ancien domaine afin de maintenir les
redirections

28.
Camille Thomas : www.search-foresight.comK_lice
Alea jacta est

29.
Camille Thomas : www.search-foresight.comK_lice
Mesurer mes résultats
 Suivi des positions avant / après
refonte du site
 Suivi de la visibilité
– Impressions / clics
– Indice de visibilité SEM Rush ,
Search Metrics
 Suivi de l’exploration de Google
– Logs serveurs
– GWT
 Suivi des performances
– GWT
 Suivi du trafic et du comportement
des visiteurs
– Votre solution analytics

30.
Camille Thomas : www.search-foresight.comK_lice
Des questions ?
Camille Thomas
Consultant SEO chez Search Foresight
Mon profil
K_lice
Merci pour votre attention