La refonte d'un site est une formidable opportunité pour améliorer son référencement naturel encore faut-il bien s'y prendre ! Best practices SEO pour réussir sa refonte.
Réussir sa refonte de site sans perdre son référencement naturel
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
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