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 !

3. 3 SMX PARIS – 16 ET 17 JUIN 2014 LES INGREDIENTS

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 audité votre site ? Quel est votre « héritage » ?  Les moyens dont vous 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