2
0
2
4
6
8
10
SEO
TECHNIQUE
EDITORIAL
CONTENU
ERGO
DESIGN
MARKETING
COMMUNICATION
COMMERCIAL
REGIE
UN EXERCICE D’EQUILIBRE !

3
LES INGREDIENTS

4
POURQUOI REFONDRE SON SITE ?
 Les raisons de votre refonte
Pourquoi se lancer dans cette aventure ?
 Front Office : responsive, charte graphique, optimisations ergonomiques
 Fonctionnalités : apports de nouvelles possibilités
 Editorial : modification de l’arborescence, du spectre sémantique
 Back Office : changement de technologie, de CMS, d’architecture
 Les objectifs de votre refonte
Au-delà des raisons, il s’agit de se donner des KPI :
 Audience
 Monétisation
 Conversion
 A court, moyen et long terme : quelle est votre stratégie ?

5
DANS QUELLES CONDITIONS ?
 Les contraintes de votre refonte
Dans quel « état » est votre site ?
 Technique
 SEO
 Analytique
 …
 Avez-vous auditer votre site ? Quel est votre « héritage » ?
 Les moyens dont vos disposez
Dans quel environnement va se dérouler votre refonte ?
 Les équipes :
triptyque [Projet – SEO – Technique] au service du triptyque [Commercial – Marketing – Editorial]
 Le budget : éventuelles prestations (externalisations - régie), ou autres achats,…
 Le délai : obligation d’en avoir un (sinon sans fin !), et en même temps terriblement impactant…
 Voilà qui va orienter votre organisation, vos choix.
16 juin 2014
Auditer son site en 2014,comment et pourquoi ?

6
LE TEMPS DE PRÉPARATION

7
FOCUS SUR LE CRITERE TEMPS
Le critère temps nécessite souvent les choix les plus stratégiques.
 Les biais induits peuvent vous « poursuivre » longtemps en post refonte…
Attention aux étapes compressées voir supprimées ! Surtout si votre site est volumineux.
Ne pas hésiter à lotir pour trouver le meilleur équilibre possible.
Toutes les équipes doivent être motivées pendant, et fières après !
COM
INTERNE
DELAI
DEAD
LINE
 Communication interne
 De quand date votre précédente refonte ?!
 Comment est présentée cette refonte en interne ?
 Savoir gérer la motivation de ses équipes sur la durée
 Délai
 Refondre un site prend du temps
 Le respect de la Dead Line est souvent la 1ere contrainte mise en avant
 Que va vous coûter le respect de cette Dead Line ?
 Dead Line
 La date de sortie de votre refonte n’est pas qu’une problématique de communication
 Choisir la date de sortie en période creuse (audience – ventes)
 Voir lotir votre refonte via plusieurs phases de mise en ligne

8
LA BRIGADE, SON EQUIPEMENT, SES METHODES

9
ÉQUIPES ET ÉTAPES
0
• Audits
1
• Cahier des charges
2
• Conception : spécifications et zonings
3
• Design : charte et maquettes
4
• Intégration + Recette de l’intégration
5
• Développement + Recette en test
6
• Pré prod + Recette complète
7
• Surveillance
…
• Lots suivants / Maintenance
• Contenu – Editorial
• Marketing –
Communication
• Commercial – Régie
CONTENU
PROMOTION
• Gestion de projet
• Ergonomie
• Design
• SEO
PROJET
• Front End : intégration
• Back End :
développement
• Hosting
TECHNIQUE
COMMUNICATION
ORGANISATION
DEFINIR LES RÔLES
CLIENTARCHITECTEENTREPRISE

10
0
• Audits
1
2
3
4
5
6
7
• Surveillance
…
• Contenu – Editorial
• Marketing –
Communication
• Commercial – Régie
CONTENU
PROMOTION
• Gestion de projet
• Ergonomie
• Design
• SEO
PROJET
• Front End : intégration
• Back End :
développement
• Hosting
TECHNIQUE
IMPLICATION DE TOUS AUX ETAPES CLES

11
PROFIL SEO :
DES COMPÉTENCES INDISPENSABLES SUR TOUS LES SUJETS
17 juin 2014
SEO externalisé vs SEO chez l’annonceur

12
0
• Audits
1
2
3
4
5
6
7
• Surveillance
…
INTERVENTIONS DU SEO
SEO
Tous ses besoins sont-ils bien pris
en compte en amont ?
Tous ses besoins sont-ils bien gérés,
bien exprimés ?
Le design n’est-il pas venu modifier
un point pourtant utile ? Avoir l’œil !
Suivi de l’optimisation on-page
(balisage, rich snippet, etc.)
Tout revérifier et préparer les aspects
les plus techniques, dont avec le
hosting (redirections et autres…)
Suivi des indicateurs propres au
SEO
TOUT LE TEMPS !

13
ETAPES, SITUATIONS : A NE PAS OUBLIER !
?
• Tests utilisateurs : le graal que le
timing empêche souvent !
Tests sur : zonings, maquettes, recette
Certaines équipes où lots sont
externalisés ?
L’organisation de leur suivi est
majeur ; dont le suivi SEO. Le
gain de temps ici ne sera pas
côté gestion de projet !
EXTERNALISATION
Pendant ce temps là, votre site en ligne a t-il besoin des équipes ?!
Le prévoir dans votre organisation.
Avant : avis de vos internautes
dans le cadre de votre audit
Après : avis de vos internautes
pour aider aux calages post refonte

14
METHODES ET OUTILS
 Dé complexifier via découpe des tâches
du macro au micro
 Tableau pour suivre et communiquer sur l’avancement
Nom du
template
Zoning
(WRD : par
largeur)
SEO Maquette
(WRD : par
largeur)
SEO Spécifications SEO Intégration SEO Développement SEO En pre
prod
Template
1
Validé OK Validé OK Terminées OK Ticket n°…
OK
OK Ticket Master n°…
OK
OK OK
Template
2
Validé OK Validé OK Terminées OK Ticket n°…
En cours
Ticket Master n°…
En cours
• Liste des templates
et des fonctionnalités
• Arborescence et structure
Cahier des
charges
• Zonings (maquettes)
• Documentations
fonctionnelles et SEO
Spécifications
• Tickets d’intégration
• Tickets de développement
Jira, Mantis, Redmine, ….
Production

15
METHODES ET OUTILS
Et le ménage…
La refonte est souvent l’occasion de faire le ménage, mais :
 Un travail de l’ombre qui ne se voit pas en Front : du coup souvent délaissé (délai)
 Or peut s’avérer majeur, notamment pour des raisons SEO, techniques et d’utilisation BO
 Par où commencer ? Jusqu’où aller ? En fonction de vos objectifs / priorités !
Partager
DOCUMENTER
Points de
VISION
GLOBALE
PRIORISER
Orchestrer
 Communiquer c’est aussi documenter
Centraliser la documentation pour un accès par tous : outils de type wiki, comme
Confluence ou équivalent (servira aussi post refonte – bible des spécifications et autres
documents de référence à conserver ! – dont documentation SEO).
 Lorsqu’une vision globale est utile
 Zonings : logique de navigation
 Maquettes : logique de repères et de charte
 S’assurer de la cohérence de son projet et éviter trop
d’aller/retour (du coup, attention lors de la
parallélisassions des tâches)
 Prioriser, orchestrer
Le rôle de la gestion de projet selon la stratégie mise en place au préalable.

16
Un
chantier
Un
objectif
LA CHECK LIST DU SEO
1. Structure du site
Duplication interne / Pagination / Moteur de recherche interne / Moteur à facettes
S’assurer d’un univers sémantique et d’un maillage interne correct, d’une exploration efficace.
2. Templating
Responsive Design / Version Mobile / Rich Snippets / Code source / Images / Google News
S’assurer que toutes les optimisations one-page sont en place.
3. URLS
Redirections / Site Maps
Limiter la perte de l’historique acquis.
4. Suivi et tracking
Site Centric / Performances
Code de marquage des outils de web analyse sur toutes les pages. Surveillance du site via les
outils propriétaires des moteurs de recherche.
5. Recette
Pre production / Prod / Caches
Tout vérifier, sécuriser. Tout rendre visible pour les moteurs… et les internautes !
Gérer
les risques

17
LES RISQUES
- Modification de
la structure
- Changement
d’URLs
- Sand box
- Perte de la fidélité
des internautes
- Perte du
référencement sur
les moteurs
verticaux
Baisse des
positions
CHUTE
DE
TRAFIC
- Duplication interne
- Mauvaises
Performances
Présentation
de pages
inutiles
au moteur
Des pages non
crawlées par le
moteur
FUITE DE
CRAWL
/
MAUVAISE
ACCESS-
IBILITE

18
1- ORGANISATION DU CONTENU…
G-SUBCH
G-OUV
DONNÉES CONSOLIDÉES
MSEASC
ERI
INPUT SAISONNALITÉ
Légende des sources :
SC : Données Site Centric
(exploitable avant l’arrivée du « not provided »)
ERI : Etudes Recherche des Internautes
MSEA : Matrice SEA
BCH : Positions de la Concurrence
G-SU : Google Suggest
G-OUV : Ouverture Google Adwords
 A la recherche de la sémantique et du potentiel
Optimisation
Edito
Optimisation
Structurelle
et/ou
contenu existant
UN IMPACT
POTENTIEL
SUR LA STRUCTURE
Landing page à
travailler
Type de contenu ?
Rangement ?
contenu inexistant

19
1- …ET DE LA STRUCTURE
 Gérer l’historique
Des pages ont été peut-être ajoutées au fil du temps
sans respect d’une organisation précise
 Identifier les forces et faiblesses de votre structure
Objectif : obtenir une structure efficiente pour le SEO
et convenant aux équipes marketing et éditoriales
le tout en minimisant les impacts audience
Source : Botify
Problème de profondeur : Qui se répercute sur le crawl : Qui se répercute sur les visites :
Structurer ses champs sémantiques

20
CHANGEMENT D’URLS : ALORS… J’Y VAIS OU J’Y VAIS PAS ?

21
1- DUPLICATION INTERNE
 Evitez la fuite de crawl !
Duplicate
Boucles de liens
Duplicate
Chemins
réversibles
Duplicate
Pages de recherche
Duplicate
Pagination
Duplicate
Pages de
commentaires
Duplicate
Divers
Base de
contenu
(contenu
unique)
Surface
additionnelle
Contenu utile
DANGER

22
1- COMMENT CORRIGER LA DUPLICATION INTERNE ?
SELON LE CAS OÙ L’ON SE TROUVE,
TOUTES LES SOLUTIONS NE PEUVENT
PAS ÊTRE APPLICABLES
SOLUTIONS À METTRE EN PLACE
EN FONCTION DE LA
PROBLÉMATIQUE RENCONTRÉE
www et sans www
http / https
Slash et sans slash
Minuscule / majuscule
Chemin réversible
Mauvaise gestion des commentaires
Problèmes de pagination
Boucle de liens (liens relatifs)
Pages de recherche
générées par les balises Rel canonical
Environnement de pré prod
Mixité Tld / URL
Paramètres
Système de multi positionnement (cms)
structure des URLS trop permissive
Les solutions
Redirection 301
Protection par mot de passe
Disallow via Robots.txt
Balise meta noindex
Utilisation du # dans l’url
Balise link rel Canonical
Pages 404 / 410
Forbidden sur User Agent / IP
Header X robots tag
…

23
1- PAGINATION
 Objectifs :
1. Permet à un internaute d’accéder à l’ensemble du contenu facilement
2. Permet aux moteurs de recherches de découvrir et crawler tout le contenu
3. Permet d’écraser les niveaux de profondeur : une page de résultat
à 3 clics de distance par rapport à la 1ère page
 Comment faire :
Limiter le nombre de liens présentés sur chaque page de résultats
(ratio contenus / pages de pagination)
Exemple de modèle à utiliser :
Astuce
En cas de pagination en infinite scroll pour l’internaute
pensez à la pagination en claire dans le code source
pour l’accès des moteurs.

24
1- MOTEUR DE RECHERCHE INTERNE
 Pour l’internaute :
Que lui proposer comme résultats ?
 S’assurer de ne pas y remonter les pages que vous souhaitez cacher !
 Proposer les pages majeures, les pages carrefour (pages de hub, etc.)
 Pour le moteur :
A quelles pages lui donner accès ?
 Ne pas soumettre au crawl des pages inutiles
 Etablir quand l’ouverture au crawl de certaines pages de résultats peut être
réellement bénéfique, comme pour compenser un manque de pages
carrefour sur certaines thématiques
Analyser l’utilisation de ce moteur interne par vos internautes
Source de bien d’informations pertinentes !
 Le top des recherches : car autrement difficilement accessible via la navigation ?
 Mots clés, thématiques qui intéressent vos internautes : pour venir compléter au besoin
votre spectre sémantique
 …

25
1- MOTEUR À FACETTES : OBJECTIF
Créer des pages supplémentaires
Augmenter la surface de visibilité du site
 A éviter
Quelques exemples de défauts :
 Génération de millions de pages
 Fermeture complète des pages
 Pas d’optimisation sémantique des pages
 Utilisation de « rustines »
 Quelques best practice
 Pas de cloaking / évolutif / flexible / module de réécriture
 Choix des filtres et ordres
 Les URLS (formats, nommage)
 Gestion de la pagination
 Sémantique (optimisation du contenu pour éviter le near duplicate)
 Ouverture aux moteurs

26
1- MOTEUR À FACETTES : CONSEILS
 Ouverture aux moteurs en fonction de 2 critères
1. La pertinence des filtres // basé sur le potentiel de trafic
2. La distribution // basé sur la segmentation de l’inventaire
 Eléments qui doivent être « invisibles » aux moteurs
 Filtres non pertinents
 Combinaisons de filtres non pertinentes
 Eléments de tri
 Eléments de réorganisation
 Pagination
Ne pas compter que sur :
 Robots.txt
 Balise META robots
 Header X-robots tag
 Balise Link rel=canonical
 Exclusion de paramètres dans Google Webmaster Tools
Des techniques non suffisantes, bien qu’utiles dans certains cas pour verrouiller des
comportements non souhaités.

27
2- TEMPLATES : LA LISTE !
 Le nerf de la guerre, surtout si vous passez en
Responsive Design
C’est alors clairement le moment de faire le ménage dans vos templates…
Lister les templates et les trier par type : templates communs, par rubrique, par fonctionnalité :
4 possibilités :
1. Conserver = un template à garder et à ajouter à sa liste des templates à traiter
2. Supprimer = un template à supprimer, donc absent de la liste des templates à traiter
3. Fusionner = x templates très proches à passer sous un seul, l’unique à ajouter à sa liste des templates à traiter
4. Retyper = transformer un template en un autre, déjà présent dans sa liste de templates à traiter
Nom du template URL d’exemple Stats annuelles
globales
Stats annuelles
Search
Stats dernier mois
globales
Stats dernier mois
Serach
Remarques
équipes
Décision
Template 1 site.fr/titre-
contenu-1
Visites
Pages vues
Visites
Pages vues
Visites
Pages vues
Visites
Pages vues
important,
obsolète, etc.
Template 2 site.fr/titre-
contenu-1
Visites
Pages vues
Visites
Pages vues
Visites
Pages vues
Visites
Pages vues
important,
obsolète, etc.
Actions à mener bien en amont de la mise en ligne de la refonte,
pour lisser les effets et gérer les éventuels impacts

28
2- TEMPLATES : LEUR OPTIMISATION
 Les éléments à prendre en compte :
 META
 Maillage : Descendant / Ascendant / Connexe
• Menu / Fil d’Ariane / Pagination / En savoir plus / …
 Type de liens : Clairs / Cryptés
 HTML : Balisage / Headings / Rich snipets / OpenGraph (Facebook - Twitter) / Rel author / …
 Images : URL / Format / Position / Titre / Alt /…
Pour ne pas en oublier, conserver la méthode du tableau, à associer aux maquettes et spécifications :
Nom du
template
Title Description H1 Hn… Liens en clairs Liens cryptés …
Template 1
Page
Règle ou texte
spécifique
Règle ou texte
spécifique
Tel texte/champ
+ sur maquette
idem
+ sur maquette
+ sur maquette + sur maquette …
Les indiquer au sein des spécifications,
directement sur la maquette, permet d’éviter bien
des erreurs de compréhension !
CUSTOMISEZ VOTRE BACK OFFICE
Notamment pour permettre les surcharges / les spécificités
17 juin 2014
Authorship et Google +

29
2- RESPONSIVE DESIGN
 Quel intérêt pour son référencement ?
Outre les intérêts de lisibilité multi device et de maintenance commune :
 Une solution recommandée par Google
 Un crawl unique
 La capitalisation sur une seule URL
 Quels risques pour son référencement ?
 Performance
Chargement de ce qui ne s’affiche pourtant pas
Poids de l’image en format desktop sur le mobile
 Images
Des URLs différentes
Une taille trop réduite pour l’image de référence
 …
TOUT
EN UN !
16 juin 2014
Site Mobile et SEO : les erreurs à ne pas commettre

30
2- VERSION MOBILE
Site dédié
Distinction HTML
URL identique
version desktop
www.domaine.com
version mobile
www.domaine.com
2 sites distincts, le html
change en fonction du
user-agent
Site adapté
Distinction CSS
URL identique
version desktop
www.domaine.com
version mobile
www.domaine.com
1 seul site en web responsive,
le site va s’adapter selon le
format du support
Site dédié
Distinction HTML
URL différente
version desktop
www.elle.fr
version mobile
m.elle.fr
2 sites distincts
Optimisations spécifiques proposées par les moteurs pour site mobile dédié :
 Redirections selon user agent
 Sitemap.xml spécifique
 Rel alternate sur le contenu desktop pointant vers la page correspondante mobile
 Rel canonical sur le contenu mobile pointant vers la page correspondante desktop
 http vary user agent
16 juin 2014
Site Mobile et SEO : les erreurs à ne pas commettre

31
2- RICH SNIPPETS
 Vocabulaires
 Data-Vocabulary / Schema.org
 Dublin Core
 Good Relations
 Foaf
 Microformat vocabularies
 …
+
 Syntaxes
 Microformats
 Microdata
 Rdfa, rdfa lite
 Turtle
 …
 Types de rich snippets
 Fil d’Ariane
 Evènements
 Avis / notes
 Produits
 Recettes
 Personnes
 Musique
 Organisations
 …
Outils :
Google data highlighter
aide graphique pour génération du code
Google Rich Snippet tool
validateur de Google
Editeur et Data visualizer RDFa http://rdfa.info/play/
Parser Microdata http://tools.seomoves.org/microdata

32
2- CRAWL À L’AVEUGLE DE GOOGLE
 A la recherche de nouvelles pages…
Les moteurs tentent de plus en plus de crawler de nouvelles pages :
- en interprétant les variables des fonctions javascript
- en allant chercher des informations à divers endroits dans le code source
 Les effets négatifs
- Une optimisation de la structure hypertexte qui peut se révéler inefficace
- Indexation de pages dupliquées, incomplètes ou vides
 Les cas déjà répertoriés
 Fonctions Javascript
 window.location : <a href="javascript:window.location.href = var + '/url';">lien</a>
 document.location : <a href="javascript:document.location.href = 'url=' + document.location.href;">lien</a>
 Onclick
 Aléatoirement les variables javascript
 En dur dans le code source
 tout ce qui se trouve dans la balise <a href>
 nom de formulaire html
 name dans les <select>
 test sur suite logique : offset/20 , offset/40, offset/21
Soigner votre code source :
 Externaliser au maximum
 Verrouiller tout comportement
d’URL non prévu

33
 Le risque : une perte sèche de trafic sur Google images
 Pourquoi ?
 Changement des images
 Modification des noms de fichiers / changement de chemin
 Image isolée du contenu
 La solution :
Conserver au maximum ce qu’il y avait avant… ce qui n’est pas toujours évident
selon les scénarios.
Exemples de scénarios :
2- IMAGES
Changement d’image pour une image de meilleure résolution Changement de chemin pour une image au même format
Avant : URL X

Après : URL Y
Crédit Illustrations : Luna Joulia – elle.fr

34
2- GOOGLE ACTUALITÉS
Anticiper le comportement de Google News…
…pas toujours évident
 Quand : dès l’optimisation des templates
 Comment :
Respectez les nombreuses exigences techniques
 Format image
 Accessibilité des contenus
 Sitemap news
 Votre allié : Google Webmaster Tools, pour comprendre ce que Google
comprend de vous
 Votre cauchemar : les erreurs d’exploration spécifiques à Google Actu
17 juin 2014
Réussir son référencement sur Google Actualités
https://support.google.com/news/publisher/?hl=fr#topic=4359929

35
RÉSULTAT : LES URLS ONT CHANGÉ !

36
3- REDIRECTIONS : DE QUEL TYPE ?
 Minimisez l’impact du changement d’URLS :
on ne repart pas de 0 !
 Le type de redirection :
Qui dit changement d’URLS et/ou ménage dit…
REDIRECTIONS
Astuces
1. Les redirections doivent être conservées indéfiniment
2. Système de « permalien » pour fixer, de base l’url, pour éviter les redirections suite
à des changements de titres, de classes, etc…
301

37
REDIRECTIONS : ON N’OUBLIE PERSONNE !

38
3- REDIRECTIONS : URLS DE DEPART ET D’ARRIVEE
 Listez les anciennes urls
Multipliez les sources !
 Déterminez les pages d’arrivées et les règles
URL Type Url de destination Règle
X X ? ?
Analytics
Avec + de trafic
Logs Serveurs
Les + importantes côté moteurs
Backlinks
Avec + de popularité
Index Google +
Gwt/Bwt
Fouille archéologique
site:
inurl:
Crawl / Sitemap
L’inventaire
<Sitemap xml>
Positions
Les mieux positionnées

39
3- REDIRECTIONS : PLANS DE REDIRECTIONS
 Segmentez les plans de redirections
 Les règles de redirection et à quel niveau ?
Beaucoup de syntaxes selon le support/langage :
mettez vous d’accord avec l’équipe technique !
 Langage conceptuel : 1-1 / n-1 / n-n ou 1-1 / *-1 / *-*
 Conf serveur
 htaccess
 Php
 …
RewriteCond %{QUERY_STRING} !=""
RewriteCond %{QUERY_STRING} !^.*(gclid|utm_medium|xtor)=.* [NC]
RewriteRule ^(.*)$ http://www.url.com/$1? [R=301,L]
Requête
HTTP
.htaccess
Url
délivrée
Redirect php
Table de redirections administrable
depuis le BO
« Schéma très simplifié »
Astuce
Il n’y a pas que le htaccess !
Pour un fort volume de redirections,
préférez les redirections en php.
Astuce
Si vous avez 2 URLs distinctes
mobile et desktop, inutile d’écrire 2
fois les redirections.
Faites en sorte que les redirections
desktop soient valables pour la
version mobile également.

40
3- REDIRECTIONS : LEUR RECETTE
 Vérifiez les redirections
Testez les redirections en preprod… et en prod !
 Les outils pour suivre les redirections
 Les crawleurs (outils tiers ou « maison »)
 Les analyseurs HTTP - quelques exemples :
Astuces
- Passez votre crawler en mode « list » : fichier txt avec uniquement les urls à recetter
- Dans certains cas techniques : config host + DNS qui pointe vers environnements de
preprod pour checker les redirections en interne
CHARLES DEBUGGER PROXY HTTPFIDDLER

41
3- REDIRECTIONS
 Les pièges à éviter

La syntaxe
dans le statut
Page A
(page historique)
Page B
(ancienne page)
Page C
(nouvelle page)
Redirection 301
Redirection 301
Les cascades de
redirections
Les boucles de
redirections
Page A
Page B
Redirection
301
Redirection
301
L’ordre des priorités
Astuce
Attention à l’ordre
d’exécution des
redirections :
du plus spécifique
au plus générique
Astuce
Système pour rediriger
toutes les pages
historiques toujours
vers la dernière version
A vers C
et
B vers C
4
31
2

42
3- REDIRECTIONS
 Les effets bénéfiques des redirections :
 Une prise en compte des moteurs plus ou moins rapide
Dépend du contexte…
Vision Google
(> 200 000
doublons)
Doublons
réels
(40 150 urls)
Contenu
utile
(4000 urls)
APRESAVANT
Vision
Google
(> 5 000 doublons)
Doublons
réels
(168 urls)
Sous domaine 0 Sous domaine 1
Contenu
utile
Astuce
Uniformisation des liens du site  objectif que des codes HTTP 200

43
3- SITE MAPS
 Pourquoi : pour faire ou refaire découvrir le site
 Comment :
 Exploitez au maximum tous les types de sitemaps
 web, images, vidéos, news,…
 Segmentez par lot :
 Par type de contenu
 Par rubrique
 Pour une meilleure visibilité de l’indexation des pages
 La déclaration :
 Directive Sitemap dans le robots.txt
 Dans Google Webmaster Tools
 A éviter
 Présenter des anciennes pages, pages en 404
 Présenter des pages non canoniques
 Ne pas traiter les erreurs et avertissements

44
4- ANALYTICS
 Quand : une gestion dès la pré production !
 Pour une ouverture des « vannes » le jour J
 Comment :
 Un plan de marquage exhaustif
 Un périmètre stable
 Une segmentation de l’audience
 Des nouvelles améliorations
 Pourquoi : pour des données fiables et de qualité
Avant Après
L’ANALYTICS : UNE AIDE PRÉCIEUSE
POUR FAIRE LES MEILLEURS CHOIX
Astuce
Sécurisez vos données en ayant 2 outils de mesure d’audience

45
4- PERFORMANCES
 Optimiser le temps de chargement et d’affichage des pages :
 Taux de transformation
 Quality Score pour les Campagnes Adwords
 Un des critères de ranking pour les moteurs
 Consommation de la bande passante
 Sur quels éléments agir ?
A 2 niveaux :
 Client Side
 Server Side
Minification des
ressources
•Html
•JS
•Css
•Compression
gzip
Externalisation
JS et CSS
•Js inline
•Css inline
•…
Divers
•Déclaration du
doctype
•Dns prefetch
•Réduction
Requêtes http
•…
Server Side
•Serveur DNS
•Perfs du NAS
•Caches
•CDN
•ESI include
•…

46
4- MESURER SES PERFORMANCES : QUELS OUTILS ?
Mesure en local
Firebug (plugin firefox)
Yslow/Page Speed
Fiddler
Chrome speed tracer
HttpWatch
Dynatrace
Mesure à distance
Gtmetrix
WebpageTest
Blaze Mobile
PingDom
Yottaa
Page speed online
HTTP Archive
Google Analytics
(dashboard perf)

47
REFONTE DE SITE : VOUS Y ÊTES PRESQUE…

48
5- COMMENT AVOIR CONFIANCE EN SA PRE PRODUCTION ?
Robots.txt
Disallow : /
test.domain.fr
dev.domain.frpp.domain.fr
Solution trop légère Solution robuste
test.domain.fr
dev.domain.frpp.domain.fr
• CONFIANCE LIMITÉE
• SI CETTE PROTECTION SAUTE =
INDEXATION DE LA PRÉPRODUCTION
• PLUSIEURS COUCHES DE PROTECTIONS
• SI LE VERROU PRINCIPAL SAUTE =
PAS D’IMPACT
EN PROD
Ne pas laisser le robots.txt
ni les metas robots de la preprod
SURVEILLANCE
Parsing de données sur robots.txt
et metarobots sur les pages principales
+ alerte mail
Outils : cURL / fonctions XPATH / Google spreadsheet + triggers / …
Protection mot de passe
+
Robots.txt : Disallow : /
+
Meta noindex,nofolow


49
5- RECETTE DE LA PREPROD
 Checklist pour éviter les imprévus le jour J
A destination des équipes techniques
 …ces imprévus que tous les SEO redoutent
 Noindex sur toutes les pages
 Disallow: / dans le robots.txt de la prod
 Un changement de chemin des images
 Pages vides
 Pages en 404
 Site en maintenance
 Code de tracking qui disparait
 Reset des TITLE
 Changement d’Urls non souhaité
 Canonical vers la home
 Redirections en boucle
 …
Crédit Illustrations : Blog ELLE « La vie de LU »

50
5- EXEMPLE D’IMPREVU
URL A
URL B
Redirection 301
Attribut
rel=Canonical
URL A
URL B
Attribut
rel=Canonical
Attribut
rel=Canonical
URL A
URL B
Attribut
rel=Canonical
Robots.txt
?
URL C
URL A
URL B
Attribut
rel=Canonical
Attribut
rel=Canonical
Attribut
rel=Canonical
Redirection 301
 Incohérence des signaux : les erreurs les plus courantes
 Une utilisation de la balise « canonical » à double tranchant

51
Niv 3
Niv 2 Rubrique
Sous
rubrique
Sous
rubrique
Rubrique
Sous
rubrique
Niv 4
Niv 3
Niv 2
Niv 1
Home
page
Listing
Listing
Contenu Contenu
Listing
Contenu
Listing
Listing
Contenu Contenu
5- EXEMPLE D’IMPREVU
Outre le changement imprévu d’url,
un autre danger est possible :
une partie de la structure historique
non irriguée par le nouveau maillage.
La partie visible de l’iceberg
Une nouvelle structure créée de
toute pièce
…au détriment de la structure
historique
La partie cachée de l’iceberg
Structure SEO oubliée
Nouvelle Structure créée
 Une structure peut en cacher une autre

52
5- LES CACHES
 Objectifs :
 Gérer une forte charge
 Optimiser la réactivité de publication
 Contraintes / difficultés :
 Gestion des actions parallèles
 décachage en parallèle
 Durée des scripts pour décacher
 Les réglages :
Une communication essentielle et optimisée
entre tous les systèmes de cache,
avec la BDD et le Filesystem
 Les dangers :
 Des performances médiocres
 Des optimisations réalisées mais non visibles par les internautes et
moteurs = impacts difficilement mesurables par la suite
…
…
…
…
Mem
Cache
Template
Cache
View
Cache
Static
Cache
Serveur
Cache

53
 Le jour J, mobilisez
toutes les ressources !
 Un instant convivial : tout le
monde en est en fier ensemble
 En cas de souci, outre le roll back
possible, avoir toutes les entités
en présence pour pouvoir agir sur
tous les fronts, prendre les
décisions nécessaires ensemble.
 Poursuivez vos efforts
ça continue avec…
 Recette du site en ligne
 Premières corrections
 Suivi des KPI…
 Transmettre les bonnes
pratiques SEO aux
différentes entités (éditorial,
marketing,…)
LE MOMENT DU SWITCH… ET APRÈS…
SEO
TECHNIQUE
EDITORIAL
CONTENU
ERGO
DESIGN
MARKETING
COMMUNICATION
COMMERCIAL
REGIE

54
MAINTENANCE DU SITE : EVITEZ LES RÉGRESSIONS !

55
Incidents avec
impact visible
sur l’audience
Incidents sans
impact audience
grâce à une
détection puis
intervention rapide
Incidents avec
effet négatif
mais non
«palpable»
directement
Visibilité de l’impact :
LES INCIDENTS SEO
 3 types d’incidents / 3 types d’impacts

56
QUEL OUTIL POUR QUEL SUIVI ?
Avant Après
Suivis KPI / références Outils
Suivi de la bonne implémentation
des recommandations SEO
• Volume de pages
• Profondeur
• Taux de META uniques
• Snippets
• Répartition des liens internes
• Res code HTTP
• Sitemap
• Suivi du code de tracking
 Crawleur tiers (Xenu, Screaming Frog, Link
Examiner, Integrity, …)
 Crawleurs « maison »
 HubScan, WASP
 Outils rich snippets [voir les outils slide 30]
 GWT / BWT
Suivi du crawl des moteurs
et de l’indexation
• Pages actives
• Nombre de pages indexées
 Logs serveurs (Botify, Watussi, Urchin, …)
Suivi du trafic • Visites / PV / Taux de rebond  Solution Analytics « Site Centrics »
Suivi des performances • Temps de chargement  GWT [plus d’outils en slide 45]
Suivi du positionnement • Nombre de mots clés Outils de suivi de positions
 Base industrielle (Semrush, Search Metrics,
Myposeo, SeeUrank webtools, …)
 Base propriétaire (AWR, Ranks, …)
Suivi de la popularité • Nb de domaines référents unique  Majestic SEO, Ahrefs, Cognitive SEO,
SEOMoz Open Site Explorer , Yooda
SeeURank, Linkody, …
Suivi de la satisfaction utilisateur • Indice de satisfaction  Questionnaires (iPerception,…), tests A/B,…
Astuce pour retrouver l’historique de votre site :
- Wayback machine
- Miroir du site en local

57
AU FINAL : UNE BONNE REFONTE ?
 Idéalement rien ne doit changer même si tout à changé !
 Un site opérationnel le jour J : une opération « invisible » pour les moteurs
 Un site qui séduit moteurs et… internautes !
 Un site bien conçu, qui ne connaît pas de fortes régressions par la suite
 KPI principal de la refonte : % conservation de l’historique
 KPI en croissance (en fonction de votre type de site : E-commerce Ventes / Site media PV)
 Une évolution du trafic
 Chaque refonte est unique, son comportement post refonte aussi.
-+

58
MERCI POUR VOTRE ATTENTION
Crédits Photos : Disney/Pixar

Refonte de site : Des méthodes pour préserver son SEO ?