Refonte de site : Des méthodes pour préserver son SEO ?
Chaque refonte est unique, a ses propres raisons et ses propres contraintes...
Intervenants:
Cécile Barbier, Dir. Numérique Adjointe, Elle.fr
Alexy Souciet, Responsable SEO, Elle.fr
Modérateur :
- Laurent Rignault, Expert is Me
Refonte de site : Des méthodes pour préserver son SEO ?
1. 1
SMX PARIS – 16 ET 17 JUIN 2014
Y A T-IL DES MÉTHODES
POUR PRÉSERVER SON SEO
LORS DE LA REFONTE D’UN SITE ?
Alexy SOUCIET
Responsable SEO
Lagardère Active - ELLE
Cécile BARBIER
Dir. Numérique Adjointe
Lagardère Active - ELLE
2. 2
SMX PARIS – 16 ET 17 JUIN 2014
0
2
4
6
8
10
SEO
TECHNIQUE
EDITORIAL
CONTENU
ERGO
DESIGN
MARKETING
COMMUNICATION
COMMERCIAL
REGIE
UN EXERCICE D’EQUILIBRE !
4. 4
SMX PARIS – 16 ET 17 JUIN 2014
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. 5
SMX PARIS – 16 ET 17 JUIN 2014
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. 6
SMX PARIS – 16 ET 17 JUIN 2014
LE TEMPS DE PRÉPARATION
7. 7
SMX PARIS – 16 ET 17 JUIN 2014
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. 8
SMX PARIS – 16 ET 17 JUIN 2014
LA BRIGADE, SON EQUIPEMENT, SES METHODES
9. 9
SMX PARIS – 16 ET 17 JUIN 2014
É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. 10
SMX PARIS – 16 ET 17 JUIN 2014
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
IMPLICATION DE TOUS AUX ETAPES CLES
11. 11
SMX PARIS – 16 ET 17 JUIN 2014
PROFIL SEO :
DES COMPÉTENCES INDISPENSABLES SUR TOUS LES SUJETS
17 juin 2014
SEO externalisé vs SEO chez l’annonceur
12. 12
SMX PARIS – 16 ET 17 JUIN 2014
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
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. 13
SMX PARIS – 16 ET 17 JUIN 2014
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. 14
SMX PARIS – 16 ET 17 JUIN 2014
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. 15
SMX PARIS – 16 ET 17 JUIN 2014
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. 16
SMX PARIS – 16 ET 17 JUIN 2014
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. 17
SMX PARIS – 16 ET 17 JUIN 2014
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. 18
SMX PARIS – 16 ET 17 JUIN 2014
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. 19
SMX PARIS – 16 ET 17 JUIN 2014
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. 20
SMX PARIS – 16 ET 17 JUIN 2014
CHANGEMENT D’URLS : ALORS… J’Y VAIS OU J’Y VAIS PAS ?
21. 21
SMX PARIS – 16 ET 17 JUIN 2014
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. 22
SMX PARIS – 16 ET 17 JUIN 2014
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. 23
SMX PARIS – 16 ET 17 JUIN 2014
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. 24
SMX PARIS – 16 ET 17 JUIN 2014
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. 25
SMX PARIS – 16 ET 17 JUIN 2014
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. 26
SMX PARIS – 16 ET 17 JUIN 2014
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. 27
SMX PARIS – 16 ET 17 JUIN 2014
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. 28
SMX PARIS – 16 ET 17 JUIN 2014
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. 29
SMX PARIS – 16 ET 17 JUIN 2014
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. 30
SMX PARIS – 16 ET 17 JUIN 2014
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. 31
SMX PARIS – 16 ET 17 JUIN 2014
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. 32
SMX PARIS – 16 ET 17 JUIN 2014
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. 33
SMX PARIS – 16 ET 17 JUIN 2014
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. 34
SMX PARIS – 16 ET 17 JUIN 2014
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. 35
SMX PARIS – 16 ET 17 JUIN 2014
RÉSULTAT : LES URLS ONT CHANGÉ !
36. 36
SMX PARIS – 16 ET 17 JUIN 2014
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. 37
SMX PARIS – 16 ET 17 JUIN 2014
REDIRECTIONS : ON N’OUBLIE PERSONNE !
38. 38
SMX PARIS – 16 ET 17 JUIN 2014
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. 39
SMX PARIS – 16 ET 17 JUIN 2014
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. 40
SMX PARIS – 16 ET 17 JUIN 2014
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. 41
SMX PARIS – 16 ET 17 JUIN 2014
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. 42
SMX PARIS – 16 ET 17 JUIN 2014
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. 43
SMX PARIS – 16 ET 17 JUIN 2014
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. 44
SMX PARIS – 16 ET 17 JUIN 2014
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. 45
SMX PARIS – 16 ET 17 JUIN 2014
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. 46
SMX PARIS – 16 ET 17 JUIN 2014
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. 47
SMX PARIS – 16 ET 17 JUIN 2014
REFONTE DE SITE : VOUS Y ÊTES PRESQUE…
48. 48
SMX PARIS – 16 ET 17 JUIN 2014
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. 49
SMX PARIS – 16 ET 17 JUIN 2014
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. 50
SMX PARIS – 16 ET 17 JUIN 2014
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. 51
SMX PARIS – 16 ET 17 JUIN 2014
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. 52
SMX PARIS – 16 ET 17 JUIN 2014
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. 53
SMX PARIS – 16 ET 17 JUIN 2014
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. 54
SMX PARIS – 16 ET 17 JUIN 2014
MAINTENANCE DU SITE : EVITEZ LES RÉGRESSIONS !
55. 55
SMX PARIS – 16 ET 17 JUIN 2014
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. 56
SMX PARIS – 16 ET 17 JUIN 2014
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. 57
SMX PARIS – 16 ET 17 JUIN 2014
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. 58
SMX PARIS – 16 ET 17 JUIN 2014
MERCI POUR VOTRE ATTENTION
Crédits Photos : Disney/Pixar