60 REGLES D'OR pour reussir son SITE WEB 2 oY ‘oe 2 " =aMaquette intérieure et de couverture: Maud Warg le pidogromme qui figure cicontre denseinementsupétew, prxequant ne méste une explcohon. Son objet est boise brvale des achat de ies ot de dle laden ar france que res aypoi elo posi nner repeésnte pour Fever de Frit, les cules de créer des coves Poriclirement dansle domoine (BANGER) 22reles et dele fire elie cor Ee ton echnique et univers ‘eecmert es caurdh meraie. toe, le développement massif du ® "Nous roppelons done que toute photocopila reprediion, porile ov lle te Code de propiinel de lo présenle publication est fuele du 1 oil 1992 interdit|igsiEIRUNGE | interie. sans. ulersation de cenefeexpresément lo photoco: TUE LELIVRE) outeu, de son édieur ou du pie 6 vioge collec sons cuter: Ceniefrangois exploitation dy Soon des ens di Or cote rique dite coe (CFG 2, ue des ‘est généoliste dons ls toblssements Grands Augusins, 7500 Paris © Dunod, Paris, 2014 ISBN 978-2-10-059364-4 Une précédente édition de cet ouvrage a paru chez Dunod en 2010 sous le titre Réussir son site web en 60 fiches. 20 yright le Code de lo. propriié intellecivelle n’outoisant, oux termes de article 122-5, 2° et 3° a}, diune part, que les «copies ov reproductions shictement réservées & usage piivé du copiste et non destinges & une ullsation collective » 1, d'aute part, que les analyses et les coures citations dans un but d'exemple et illuotion, «toute représentation ov reproduction intégrale ov perelle fite sans le consentement de auteur ou de ses ayants droit ou ayants couse est ilicite » for. L. 1224), Cette représentation ou reproduction, por quelque procédé que ce soi, consitve- roit donc une contrefagon sanctionnée por les orfcles L. 3352 et suivants du Code de lo propriséinelecvelleDuno Labsence d'une vision globale et d’échanges entre les différents orga- nisateurs peut mettre en péril un pro- jet de féte foraine: on pourrait oublier la campagne de promotion, Uaffichage d'un numéro de téléphone pour plus de renseignements, la réservation de l'em- placement pour les montagnes russes et, plus dramatique, celui du stand de la péche aux canards. Plus généralement, la segmentation des métiers conduit a des projets bancals. Que serait un projet web ou mobile sans stratégie d'entreprise définie? Com- bien de rustines faut-il mettre sur le site sans conception formalisée? Uarchitec- ture du site tient-elle bien debout si le moteur de recherche interne tourne & plein régime? Peut-on raisonnablement ignorer un taux de rebond de 95% sur une page d'accueil? Comment amélio- rer son positionnement sur les moteurs sans fonctionnalités de partage? Et cet outil de gestion de contenu, ne génére- tilpas du contenu dupliqué a envi, etc. Siune de ces questions vous a effleurés, vous tenez la solution par le bon bout du livre. Les 60 ragles d'or présentées dans cet ouvrage vont vous aider, non pas & organiser une féte foraine, mais & construire un projet web qui attein- dra vos objectifs. Autant de questions et réponses pour satisfaire vos utilisa~ teurs, alléger vos budgets, vos serveurs, Vambiance des pauses café et motiver vos troupes, Le génie de ce livre réside dans sa pré- sentation: des fiches percutantes, des questions et des réponses éclairées par quinze ans de formation et d’expé- rience de terrain, des conseils et de nombreuses ressources. Synthétique a faire blémir d’envie mes canards*, ce livre met efficacement le pied a Uétrier. Il appartient ensuite au lecteur d'approfondir le sujet et de s'at- taquer courageusement aux pavés dans les thématiques qui les intéressent. 500 g pour la stratégie de contenu en pratique. 1,3 kg pour la rédaction web ou lergonomie des interfaces. 1,2 kg pour le référencement mobile. Plus encore qu'une mine d'informations, par leur travail de dentelligre et de four- mi, Jean-Marc et Jacqueline nous font passer un message clé: point de projet web sans transversalit Manager, concepteur, stratége, rédac- teur, référenceur, ergonome, graphiste, développeur... nous sommes tous dans le méme bateau autour d'un méme objectif de réussite. Allons, tournons la page et... surfons verse succes. Bonne lecture! Isabelle Canivet Auteur et consultante en stratégie de contenu et référencement 1 Confidence de nénuphar... Isabelle Cani- vet et Jean-Marc Hardy s‘unissent... Cap vers 60canards.com |REMERCIEMENTS Je remercie Guy de San d'avoir ouvert ma confiance profes- sionnelle avec une sobre et profonde humanité. Jean-Marc HARDY Le livre «Bien rédiger pour le web» d'Isabelle Canivet m’a ouvert une nouvelle voie passionnante. Merci a Isabelle pour son écoute et son professionnalisme. Jacqueline LEO LESAGE Nous remercions Gaetano Palermo, qui a permis la pour- suite de cet ouvrage en contribuant aux deuxiéme et troi- siéme éditions.Copyright © 2013 Dunod Sommaire INTRODUCTION 1 MARKETING 7 01. Votre site communique-t-il clairement ce qu’ila a offrir? 8 02, Votre nom de domaine est-il percutant? 10 03, Mesurez-vous le succes de votre site? 2 04, Avez-vous envisagé des scénarios utilisateurs ? 4 05. Votte site incite-t-il a Laction? 16 06. Votte site est-il populaire sur la toile? 18 7. Votte site est-il optimisé pour un bon référencement ? 20 08. Les formats publicitaires sont-ils efficaces? 2 09. Votre site fait-il parler de lui off-line ? EY" 10. Votte site est-il relié au reste de la toile? 26 CONTENUS 29 41, Vos contenus sont-ils d’actualité? 30 12. Quelle est la valeur ajoutée de votre contenu? 32 13. Lécriture est-elle adaptée au Web? 34 44, Les contenus importants sont-ils mis en évidence? 36 15. Votte site est-il crédible? 38 46. Les contenus exploitent-ils la richesse du média? 40 47. Les contenus correspondent-ils 8 ce qui est annoncé? 42 48. Les contenus sont-ils juridiquement acceptables ? 44 49. Vos contenus sont-ils centrés utilisateurs? 46 20. Votte site existe-til en plusieurs langues ? 48 21, Avez-vous adapté votre offre de contenu aux mobiles? 50ERGONOMIE 53 22. Votre page d'accueil incite-t-elle a visiter le site? 54 23. Les fonctions essentielles de navigation sont-elles prévues ? 56 24, Larchitecture de contenu est-elle organisée logiquement? 58 25. La navigation est-elle cohérente a travers le site? 60 26. La profondeur du site est-elle acceptable? 62 27. Les liens hypertextes sont-ils efficaces? 64 28. Un moteur de recherche performant est-il disponible ? 66 29. Le basculement du gratuit au payant est-il bien orchestré? 68 30. Permet-on au navigateur de fonctionner correctement? 70 31. Des outils d'aide a la navigation sont-ils proposés? n DESIGN GRAPHIQUE 75 32. La qualité graphique est-elle professionnelle? 76 33. Votre design est-il léger? 78 34, Votre charte graphique est-elle respectée? 80 35. Quel est l'intérét des visuels ? 82 36. ambiance est-elle adaptée a votre cible? 84 37. Le systéme typographique est-il efficace et cohérent? 86 38. Avez-vous apporté le méme soin a toutes les pages? 88. 39. Les métaphores utilisées sont-elles intuitives ? 90 40. Maitrisez-vous le cut-off design? 92 41. Profite-t-on du potentiel vidéo et multimédia? 94INTERACTIVITE 97 42, Estil facile de vous contacter? 98 43. Répondez-vous efficacement aux messages de vos visiteurs ? 100 44, Les bases de données sont-elles conviviales? 302 45. Les formulaires sont-ls faciles 8 utiliser? 104 46. Les commandes en ligne s'effectuent-elles facilement? 106 47. Une newsletter électronique vient-elle rythmer le site Web? 108 48. Votte site s'exporte-t-il vers les médias sociaux? 110 49. Utilise-t-on a bon escient la personnalisation? 312 50. Votre site témoigne-t-il d'une certaine interactivité? 114 51. Profitez-vous de l'apport des utilisateurs ? 116 52. Avez-vous testé votre site avec de vrais utilisateurs? 118 ASPECTS TECHNIQUES ET FONCTIONNELS 121 53. Votre site se charge-t-il rapidement ? 122 54, Votre site comporte-t-il des dysfonctionnements ? 124 55. Vos pages épousent-elles bien les écrans? 126 56. Vos pages sont-elles adaptées aux différents navigateurs? 128 57. Votre site respecte-t-il les standards techniques ? 130 58. Votre site est-il accessible? 332 59. Votre site est-il bien sécurisé? 134 60. Vos pages s‘impriment-elles correctement? 136 SELECTION BIBLIOGRAPHIQUE 139 INDEX 143 aa ioung €t0z @ aysuAdopLA QUALITE WEB: INDISPENSABLE ET FRAGILE LA QUALITE OU L'OUBLI La situation actuelle d'Internet ne laisse plus place aux errements des premiers temps. Le succés repose sur de nom- breux paramétres qui combinent des cultures métiers trés différentes: mar- keting, communication, informatique, graphisme, ergonomie. La concurrence sur Internet est plus sévére encore que dans l'économie traditionnelle. En effet, il est rare de faire vingt kilométres pour choisir «LA» boulangerie dont vous appréciez particuliérement les petits pains. Sur Internet, en revanche, plus de distances; les meilleurs sites s‘im- posent face & tous les autres, pourvu quiils se fassent connaitre. Décevez un visiteur et il ne vous laissera pas une seconde chance. Appréhender la qua- lité, la définir, la mesurer, devient un réflexe indispensable pour qui prétend vouloir occuper une niche de marché ou, tout simplement, se faire entendre. Or, la qualité d'un site Internet dépend de nombreux facteurs, parfois étrangers au sens commun, parfois contradictoires. LA QUALITE INTERNET EST-ELLE OBJECTIVABLE ? Lorsque vous faites réaliser expertise de votre automobile, les techniciens passent en revue une série de points précis comme le réglage des phares, Uépaisseur des pneus, état des amor- tisseurs, etc. Sur la base d'une check-list, on entend ainsi mesurer la qualité de la voiture. Dans ce cas-ci, il s‘agit d'un contréle purement «technique», mais (audit du véhicule pourrait aussi porter sur des aspects plus subjectifs - bien qu’ob- jectivables dans une certaine mesure = comme Vesthétique (l'état de la pein- ture, labsence de rouille, etc) ou le confort (espace intérieur, la mobilité des siéges, etc) Dans pratiquement tous les domaines de notre société, il existe des grilles d’évaluation permettant de mesurer la qualité des produits, des services ou des performances. Méme des dis- ciplines créatives parviennent a étre objectivées Les associations de consommateurs testent la qualité de presque tout. Pas seulement des produits, mais aussi des services, comme par exemple la qualité de l'accueil dans le secteur bancaire, etc. Pourquoin‘en serait-il pas de méme pour les sites Internet? Par quel privilege &chapperaient-ils 3 analyse? Comme si la seule présence sur le réseau des réseaux suffisait, encore aujourd'hui, & se faire encenser! LA QUALITE WEB: UN FRAGILE CHATEAU DE CARTES La qualité d'un site Internet est un véri- table chateau de cartes: négligez un aspect et l'ensemble s‘écroule! A quoi bon avoir un beau site s'il n'y a rien & y voir ni 3 y faire? A quoi bon proposerde information de grande valeur si les gens s'y perdent? A quoi bon avoir une interface et un contenu de qualité si les gens quittent le site parce qu'il est trop lent 4 se charger? A quoi bon avoir un super site Web qui fonctionne bien si personne ne le connait et si aucun moteur de recherche ne le référence? La check-list que nous vous proposons comprend six éclairages complémen- taires: 1. le marketing; 2. le contenu; 3. Vergonomie; 4. le design graphique ; 5. Uinteractivité; 6. les aspects techniques et fonction- nels. LE DEFI DE LA NORMALISATION Un défi particulier est celui de la quan- tification. Par exemple, tout le monde s'accordera aisément sur le fait qu'un bon site doit se charger rapidement; mais quest-ce que «rapide» veut dire? Deux secondes? Cing secondes? Ici les statistiques nous sont d'un grand secours: savoir qu'en moyenne x pour cent des utilisateurs quitte effective- ment un site aprés x secondes si ce der- nier ne s'est toujours pas téléchargé, ou que x pour cent des utilisateurs possé- dent tel type de connexion, va nous aider a définir des normes et des repéres. Les statistiques présentées dans ce livre ont toutes été actualisées 4 l'occasion de cette édition. Bien entendu, nous n'imaginons pas un seul instant qu’un site Internet puisse &tre concu et produit suivant des équa- tions toutes définies. On a affaire 8 un produit de communication, avec toutes les dimensions que cela peut impliquer: information, persuasion, échange, sur- prise, émotion, divertissement... Un bon site reste personnalisé, aux couleurs de celui qui lédite. Imaginez un instant que nous vous exhortions & mettre en ligne tous les textes de tous vos sites en noir sur fond blanc, et en caractéres sans serif, car il est prouvé quill s‘agit [8 de la meilleure formule en termes de lisibilité. Seriez~ vous d’accord? Pas sar, si cela entre tota- lement en contradiction, par exemple, avec l'image graphique développée par votre entreprise depuis 30 ans. Les ragles sont faites pour étre transgres- sées, ou du moins mises en compétition. PONDERER LA QUALITE Tous les paramétres permettant de juger de la qualité n‘ont pas toujours le meme poids. Selon le contexte auquel on a affaire, certains critéres prennent plus ou moins ‘importance. Par exemple, le critére de la crédibilité du contenu (voir fiche n° 15) aura une grande impor- tance pour un site médical, tandis que la mise en place d'un moteur de recherche interne performant (voir fiche n® 28) n’aura pas de sens sur un site fonction- nel a faible volume éditorial. Pondérer la qualité, c'est aussi affiner evaluation par la prise en compte de circonstances atténuantes ou aggra- vantes. Par exemple, commettre des erreurs au niveau de la page d'accueil d'un site sera considéré comme une cir- constance aggravante.L'EVOLUTION DES NORMES Depuis la premigre édition de cet ouvrage en 2004, Interneta bien évolué. Lévolution du contexte technologique, social, économique et juridique d'inter- net se faisant trés rapide, il va de soi que la définition des bonnes pratiques exige une veille informative intensive, de valuation de la qualité un métier & part entiére. Certains problémes, trés présents il y a quelques années, tendent aujourd'hui 8 disparaitre. Plus personne ne s‘acharne sur l'utilisation des «frames» et réduire la palette de couleurs n'est plus une obsession des webdesigners. Les médias sociaux et le Web mobile ont pris une importance considérable. Nous leur dédions deux nouvelles fiches dans cet ouvrage. RECONCILIER LES CULTURES Un bon audit de la qualité d’un site Web doit intégrer plusieurs cultures: informatique, lergonomie, les arts gra- phiques, la psychologie cognitive, la communication, le marketing, etc. Ce qui fait Valchimie d’un site, c'est un ensemble de composants parfois assez réactifs — on songe notamment aux conflits trés fréquents entre ergonomes et directeurs graphiques. C'est quelque part 3 Uintersection de ces cultures, l8 ov elles se rencontrent et parviennent 8 s‘entendre, que nait la qualité Trop d'acteurs d'Internet continuent de réduire la qualité Web & sa dimension technique. Comme si la qualité d'un pro- jet Web pouvait étre garantie par le seul achat d'un bon CMS ou si la propreté du code source déterminait le bonheur des utilisateurs! Il est définitivement temps, & ce propos, de désacraliser la nature technique d'Internet et d'en faire un média & part entiére, un vecteur de contenu et de service. LE MYTHE DE L'UTILISATEUR MOYEN (ET CELUI DU SITE IDEAL) Le présent ouvrage adopte résolument le point de vue de Cutilisateur. Les conseils que l'on y trouve se fondent sur Uexpérience utilisateur. Mais qu’entend- on par «utilisateur» au juste? La difficulté étant que lutilisateur moyen n’existe pas a proprement parler. En fonction du contexte dans lequel le site Web s‘insére, des caractéristiques sociologiques de chaque utilisateur et, surtout, des différentes motivations a Visiter le site, les attentes et comporte- ments pourront différer sensiblement. Cest pourquoi il n'y a pas de site idéal dans l'absolu. Il faut pouvoir composer avec une réalité hétéroclite et com- plexe. A QUI S‘ADRESSE CE GUIDE? CHEFS DE PROJET INTERNET / INTRANET Ce livre va vous aider 2 cerner Ven- semble des facettes de votre projet. Il va vous permettre d'appréhender Uensemble des facteurs qui vont déter- miner votre réussite, en vous évitant de vous laisser enfermer dans un seul aspect de la qualité (comme le fait de vous concentrer uniquement sur le design graphique, par exemple) rareEn cours de route, ce livre va vous aider 3 objectiver la qualité de vos développe- ments ainsi que la qualité des concepts produits par votre équipe, de maniére 3 vous guider tout droit vers lobjectif final: la satisfaction et la fidélisation du visiteur. Ce livre vous fournira également de nombreux arguments pour défendre votre projet auprés de vos clients. COMMANDITAIRES DE SITES WEB Responsables de la communication, res- ponsables marketing... Ce livre va vous faire découvrir Uensemble des para- metres qui déterminent la satisfaction de votre audience sur Internet... parmi lesquels figurent trés probablement certains paramétres auxquels vous n’avez pas songé ou dont vous r’avez pas soupconné importance. Grace aux informations publiges dans ce livre, vous pourrez notamment éva- luer plus objectiverent la qualité des prestations de vos fournisseurs. WEBMASTERS Ce livre se concentre sur tout ce qui fait la satisfaction des utilisateurs d’In- ternet. Autrement dit, sur tout ce qui devrait préoccuper le maitre d'hotel que vous étes. Les rubriques Ergonomie, Contenu et Design guideront certains de vos choix quotidiens dans la gestion du contenu et dans sa mise en forme. La rubrique Interactivité améliorera la qualité du dialogue que vous allez entretenir avec vos utilisateurs. La rubrique Marketing vous permettra d'objectiver le succes de votre site de maniére continue. WEBDESIGNERS Ce livre risque parfois de ne pas vous faire plaisir. En effet, la qualité globale d'un site Internet a ses exigences qui entrent souvent en confrontation avec la liberté d'expression graphique. Ainsi, les exigences liges 8 l'ergonomie, aux performances ou a la compatibilité tech nique peuvent devenir des contraintes. Mais n’est-ce pas la tout l'art et tout le plaisir de créer un design qui colle vrai- ment au caractére du média Ce livre va vous conduire 8 prendre en compte davantage que la réussite esthétique; il va vous conduire & réali- ser un design qui favorise la satisfac- tion a utilisation. SURFEURS CRITIQUES Ce livre vous offre une grille d’évalua- tion de la qualité des sites Internet. En principe destinées 8 un public profes- sionnel, les informations publiges ici peuvent toutefois enrichir votre culture générale du Web, ainsi qu’aiguiser votre sens critique en tant que consommateur d'information. Si, en tant qu'utilisateur d'Internet, vous tes sensible & un critére de qualité auquel nous n’aurions pas songé, n’hé- sitez pas 8 nous le faire savoir & travers notre site: www.60canards.com.CLES DE LECTURE DE L'OUVRAGE LA PRESENTATION DES 60 FICHES Les 60 fiches respectent un canevas de présentation rigoureux. Elles sont toutes présentées sous la forme d'une question et contiennent: Une explication de la question, une description des enjeux; Des conseils concrets, en liaison avec la question; Des chiffres clés, sources a 'appui; Deux études de cas, illustrant des exemples a suivre ou a ne pas suivre: Diautres ressources: définitions, lectures, adresses utiles, concepts, etc. DOUBLE MODE DE LECTURE Cet ouvrage peut étre lu de deux maniéres. Soit de bout en bout, afin davoir une vision globale des enjeux d'un site Web et la garantie de ne pas passer 3 cété d'un point essentiel. Soit au gré des besoins: le lecteur pourra consulter directement une question précise (par exemple: « Vos pages s'im- priment-elles correctement?» ou «Une newsletter e-mail vient-elle rythmer le site Web?») et y trouver des réponses ou des ressources spécifiques, qui pour- ront U'aider a trancher un probléme ou & soutenir une argumentation. INTERET ET LIMITES D'UNE TELLE APPROCHE GLOBALE Cet ouvrage s‘apparente & une check- list de contréle de la qualité. Les 60 questions peuvent servir de guide la conception, au cahier des charges ou 8 la gestion d'un projet Internet ou intra net. La lecture de ce livre est une garan- tie de ne pas passer a cété d’un point essentiel, Lapproche se veut multidisciplinaire: toutes les facettes influencant le succés d'un site Web sont abordées ici : aspects techniques, aspects graphiques, aspects marketing, aspects contenu, aspects liés a letgonomie. Ceci devrait répondre aun besoin (souvent non comblé) des chefs de projet de maitriser toute Ualchimie des métiers et compétences impliqués. Un énorme effort de concision a été rea- lisé. Au départ d'une matiére premiére extrémement volumineuse (plus de 5000 données de références, soit prés de 30000 pages résultant de activité de veille que nous menons depuis plus de 10 ans), nous nous sommes astreints a tout ramener a 60 fiches. Une fiche se liten 5 minutes. En contrepartie, cet ouvrage n’offre qu'un début de réponse & la plupart des questions qu'il évoque. Chaque fiche pourrait faire Lobjet d'un livre 8 part entiére. Et c'est d'ailleurs souvent le cas. Nous n’avons pas la prétention d’étre exhaustifs. Notre but est d'offrir une vision globale et un fil rouge. Précisons également que ce livre est orienté «résultats »; il aborde moins la question du «comment». Par exemple, nous insisterons sur la nécessité de compresser les images, mais nous évo- querons tout au plus existence de logi- ciels de compression. Concision oblige. eresVISITEZ LE BLOG DU LIVRE! Pour faire face 8 U'évolution rapide de la matiére traitée dans ce livre, nous invi- tons le lecteur & consulter gratuitement notre site Web http://www.60canards.com/blog SUIVEZ NOS FORMATIONS! Nous organisons des formations en entreprise et proposons des formules d'accompagnement: http://www.60canards.net/forma- tions.htm CONTACTEZ LES AUTEURS! A Jean-Marc HARDY E-mail: [email protected] Twitter: @jeanmarc_hardy Jacqueline LEO LESAGE E-mail: [email protected] Twitter: @auditetredacweb Facebook: https://www.facebook.com/ AuditRedacWebCopyright © 2013 Dunod (e) Votre site communique-t-il clairement ce qu'il a a offrir? Vous n’avez que quelques secondes pour convaincre le nouveau visiteur de l'uti- lité de votre site. La page d'accueil joue un rdle prépondérant, mais certaines personnes, ne U‘oubliez pas, atterrissent sur des pages profondes, au départ des- quelles elles se font une idée de ce que vous offrez. Que votre site Web mise sur (éditorial, sur la vente ou sur le service aux usagers, il doit étre capable de présen- ter son offre en un clin d'ceil. CHIFFRES » Bsecondes: c'est le temps que les visiteurs passent sur un site avant de décider s‘ils restent ou non sur ce site. (MarketingSherpa, 2009] = 7% ducontenu de la page d'accueil d'un site Web est lu mot & mot. [KPCB, septembre 2005] * 186 millions de sites Web sont en ligne dans le monde, dont prés de 3 millions en France. D’ou la nécessité de se distinguer. [Netcraft, novembre 2012] CONSEILS > Posez-vous cette question fondamentale: A quoi sert votre site Web? Que peut-on venir y faire? Répondez-y de maniére claire, en attirant latten- tion des utilisateurs sur les principales raisons de visiter votre site. Prévoyez un slogan, qui résume, en quelques mots, le positionnement de votre site, sa raison d‘étre. Positionnez ce slogan en dessous de votre logo, la plupart du temps dans le coin supérieur gauche. > Prévoyez une architecture de contenu qui refléte vos services ou les themes que vous couvrez (par exemple, «obtenir un conseil immobilier» est plus précis que «nos services»). Démarquez-vous, si possible, de la concurrence. Mettez des exemples de produits en vitrine. Spécifiez votre rayon d'action: zone de livraison, audience visée, etc. + » Evitez les fausses promesses.a ‘opyright © 201 ETUDES DE CAS 9 @ Le site PicHacks vous fait comprendre PicHacks en un coup d’eeil le service quil offre: retoucher des photos de visages pour les rendre amusantes. L'enchainement des trois images, en plein coeur de la page d'accueil, parle de lui-eméme: la photo originale —outil de retouche trés simple ~la photo déformée. Le texte colle parfaitement & cette syntaxe. En trois mots, tout est dit: «Upload > Center > Lol!». Du coup, le texte explicatif, un peu plus bas, est 4 peine nécessaire. Lutilisateur est immédiatement [DRAIN TRAINING GAMES Se plongé dans l'action:il peut d'emblée = enter télécharger une photo et la retoucher. Source: wunwpichacks.com (26.09.12) Pas de long discours 8 latterrissage sur wix.com. La page d'accueil, & ls fois trés colorée et trés aérée, FW om wove » permet immédiatement de poser son ceil sur 'accroche texte qui resume le propos du ste: « Créez CREEZ VOTRE votre superbe site gratuitement» SUPERBE SITE Quelques arguments concis Viennent renforcer la valeur de GRATUITEMENT Uoffre: « Facile 8 personnaliser», «Aucune programmation », «Adapté & Google». Le nombre réalisés invite & faire confiance, et la variété des exemples en vitrine convaine = diemblée de la richesse des possibilités. IL n'y a plus qu’a cliquer sur le bouton « Commencez maintenant»! => —— ‘Source: wwwwir.com (26.09.12) @ Asavoir Le coin supérieur gauche de la page est crucial. Quand l'internaute arrive sur un site Web, Cest la premiére chose qu'il regarde pour se situer. Dans 90 % des cas, ony trouve le logo de (’éditeur, mais il manque encore trop souvent un slogan qui précise en quelques mots activité de entreprise ou Uoffre de contenu du site Web.Copyright © 2013 Dunod 02 re nom de domaine est-il percutant? Votre nom de domaine véhicule votre identité et votre positionnement marketing. Les noms de domaine sur Internet portent les marques et servent de socle pour construire une notoriété. Véritables propriétés dématérialisées, ils se revendent parfois au prix fort. CHIFFRES = 2,5 millions de .fr: cest le chiffre atteint en décembre 2012. Une des cing extensions les plus actives dans le monde, [afnicfr juin 2012) » 100 millions de .com: en 2012, un nouveau seuil est franchi! [abenaming.com, janvier 2012] = 30 millions de dollars: est le codt de revente du nom de domaine privatejet. com, Jusqu‘ici, c'est sex.com qui détenait le record. [blog. nordnet.com, mars 2012] CONSEILS > Choisissez une appellation intuitive, courte et mémorisable. En tant que papetier, a défaut d'un marketing tapageur, mieux vaut s‘appeler que ou quelque autre appellation non signifiante. » Si votre marque bénéficie déja d’une notoriété dans l'économie réelle, utilisez-la. *% Un nom de domaine contenant des mots-clés explicites (www.formation-electricien.com par exemple), permet de renforcer votre référence- ment sur ces mots-clés. % Vous choisirez votre extension en fonction de votre stratégie, globale (.com) ou locale (fr, .be, .ca), ainsi que de la nature de votre activité: com- merciale (.com, .biz), académique (.edu), institu- tionnelle (.gouv), etc. > Vous réserverez le mobi votre site Web mobile, a moins de simplement opter pour un sous-domaine précédé du «m» (par exemple: m.railtime.be). * Il peut étre intéressant de posséder plusieurs domaines, soit pour améliorer l'accessibilité du site Web (avec et sans trait d’union, par exemple), soit pour protéger la marque.od. 3 Du ight © 201 op: ETUDES DE CAS PARTICIPEZ ane ee ctr Cees Encore un nom de domaine bien pensé: maboitecartonne. com. Ce nom de domaine fait pressentir le contenu du site Web. Ia une connotation conviviale et sympathique, sans tomber dans le grotesque. ILcontient des valeurs et une promesse: la réussite de lentreprise. ILest facile 3 mémoriser, long mais pas trop. extension com donnera a ce site Web une connotation commerciale et internationale. Dans un tel as, nous vous recommandons néanmoins de réserver également les suffixes nationaux (fr, be, .ca, etc.) en fonction de l'étendue de vos ambitions. = ‘Source: www. maboitecartonne.com (26.09.12) RX Outils re @ Reduisezvotrefacture be: voila un nom de domaine malin! Ila avantage o'étre intelligible et tres, mémorisable. Il est dynamique, porté sur action. Il sume lui seul Voffre de service sous- jacente au site Web. Il contient des mots-clés qui faciliteront le référencement, Bien que, de ce point de we, « Réduire ma facture» eat été plus porteur que «Réduiser votre facture» en tant qu'expression de recherche Les traits d'union favoriseraient le référencement et la lisibilité (reduisez-votre-facture.be), mais admettons que, sans traits d'union, Vencodage est plus fluid Source: wwwreduiservotreacturebe (2609.12) Le Blog de Entrepreneur Moderne eB cemesaaae | Découvrez le Business Model Nouvelle Generation Comment vérifier la disponibilité d'un nom de domaine et de ses différentes extensions? Il existe des centaines de services de réservation en ligne de nom de domaine. En voici deux qui nous semblent fiables et conviviaux: http://en.gandi.net/ et www.ovh.com (nous n‘avons pas d'actions chez eux!)Copyright © 2013 Dunod 03 Mesurez-vous le succes de votre site? Les outils d'analyse de trafic se sont considérablement améliorés ces derniéres années. Google Analytics™ s’est répandu a la vitesse de la lumiére. Pour un outil gra- tuit, iLoffre un nombre impressionnant de fonctionnalités. Non seulement vous pour- rez suivre l’évolution de votre trafic en termes quantitatifs (nombre de visites, nombre de visiteurs, nombre de pages vues, etc.), mais vous pourrez également obtenir des données qualitatives (mots-clés qui générent du trafic, parcours de navigation, etc.). CHIFFRES = 50%: cest le «taux de rebond» moyen d'un site Web. Traduction: un visiteur sur deux quitte le site immédiatement, sans avoir exploré davantage. Si le taux de rebond sur votre site est de 40 %, ne soyez done pas effrayé... votre site est meilleur que la moyenne! [Wikipedia, décembre 2012] = 200 visiteurs par jour, est-ce beaucoup ou pas? Diffcile de répondre a cette question, depuis que Google Analytics™ a supprimé la fonctionnalité « Benchmark». Dot lutilité de partager vos chiffres avec des sites similaires pour vous faire une idée du trafic moyen dans votre secteur d'activité, © 12 millions de visiteurs uniques: c'est le trafic mensuel du site aufeminin. com. ILoccupe la 17° place du classement des sites francais, en téte des sites éditoriaux, devant les plus grosses chaines de télévision comme TF1. [Médiamétrie, janvier 2012) CONSEILS Choisissez les indicateurs de succés les plus perti- nents en relation avec les objectifs de votre site Web. * Pour un site commercial: les ventes effectuées, le taux d’abandon du panier d’achat, le taux de pro- duits refusés, le volume d’achat moyen par visi- teur, le taux de conversion des pages produits, le nombre de catalogues téléchargés, etc. > Pour un site éditorial: le nombre de pages vues, la fréquence des visites, la durée des visites, le nombre d’abonnés 4 la newsletter, le nombre de commentaires, le nombre de partages dans les réseaux sociaux, la nature des pics de consulta- tion, la qualité des sites référents, etc. Ne vous arrétez pas aux indicateurs basiques. C'est le croisement des données (ce qu’on appelle la seg- mentation) qui présente le plus grand intérét: quelle est la proportion de visiteurs en provenance du Canada qui s'intéressent aux détails de notre offre de formation ? Cela vaut-il la peine de créer une offre a Montréal?ETUDES DE CAS roe tec de te, (somes ° 4 Google Analytics permet iar east de créer des tableaux de bord Se shee personnalisés. Vous configurez 273 bo sm ton une série de modules statistiques 22079 aes 1494 tort que vous pouvez glisser trés oo i facilement & Vintérieur du tableau — —S de bord. Une entreprise pourra ae a - ainsi créer des vues spécialisées en some Soiee__| | Pos sete fonction du profil des personnes ——s = ees _ qui les utilisent. Un responsable oe - — ‘ ‘informatique pourra afficher Ls = Acntepeapnaatmatn® les temps de chargement des ad 7 = pages, les systémes opérateurs et = + eS navigateurs, etc, Un responsable ry 1 ‘dein xe * : 7? éditorial aura accés aux nombres de pages vues. Un responsable marketing s‘intéressera aux taux de conversion, et ainsi de suite. Source: wwww.google.com/analytics/ Le saviez-vous? Google Analytics (28.12.12) permet d'afficher les taux de clics a Uintérieur de vos pages. Vous : naviguez a travers votre site, les redaction.be pages s'affichent avec, au-dessus eee ees de chaque élément cliquable, le taux de clic en pourcentage. Il est oe done trés facile de connattre quels liens textes, images, boutons ou éléments de menu générent le plus de clics. Un excellent laboratoire pour les ergonomes ou, tout simplement les responsables de contenu qui se préoccupent de la maniére dont les visiteurs circulent au sein des pages. Les Américains appellent cette approche In-Page Analytics. 3 Source: wwngooglecom/analyties/ 2 (28.12.22) & @ Asavoir 8 Return On Investment (RO!) - Le fameux « retour sur investissement » fait toujours parler de lui. Depuis les déboires des start-up, tout le monde jure par les « business plans ». Gardez a l'esprit que les bénéfices dun site Web sont parfois indirects: réputation, image de marque, relation client, etc. Customer Relationship Management (CRM) - Uapproche CRM consiste 8 consolider la connaissance que l'on a du client, en s‘appuyant sur des technologies (tracking, profiling, call center...), mais aussi et avant tout par une attitude résolument orientée vers le client.04 Avez-vous envisage des scenarios utilisateurs? Votre site doit répondre aux besoins de vos utilisateurs. Ils viennent pour y trouver une information ou exécuter une tache. Mais avez-vous formalisé ces attentes ? Savez-vous ce que cherchent vos visiteurs ? Connaissez-vous leur profil? Cette information est cruciale quand on se lance dans un processus de création ou de refonte. Elle influencera certains choix critiques dans la définition du contenu et des maquettes graphiques. La scénarisation permet également de juger objectivement Uefficacité d'un site. Elle est un point d’accord pour tous ceux qui participent au projet: les objectifs du site sont désormais clairement définis et mis en priorité. - CONSEILS ® Outils La méthode des Personas Etablissez une liste de 10 8 20 scénarios représen- consiste 8 matérialiser tatifs: «Je veux contacter lentreprise », «Comman- son audience sous forme der tel type de produits», « Résoudre tel probléme », de quelques personages etc, tout dépend de votre métier. Et surtout, éta- fictifs. Ceux-ci regroupent ‘ Se nel ate crcl riue eestens leccarsttsistinescéedes _DUiSSez des priorités: c'est difficile mais nécessaire groupes cibles: age, situation quand vient le temps de trancher entre différentes familiale et professionnelle. possibilités dans la conception. Lexercice consiste 8 atabli gol ioe 5 , personnalser ce profleny Pour établir ces scénarios, récoltez les informations ajoutant méme un prénom et des diverses sources a votre disposition: un nom. Par la suite, léquipe > Quelles sont les questions les plus souvent posées de conception peut se baser sur ce persona pour orienter a votre centre d’appel? les discussions. Cette *D A F An ; technique a été popularisée le quels sujets traitent en général les courriers par Alan Cooper. [La stratégie que vous recevez? de contenu en pratique, a 4 Isabelle Canivet et Jean-Marc * Quelles sont les problématiques rencontrées par Hardy, Eyrolles, 2012] vos clients ? > Que montrent les statistiques d'utilisation? Copyright © 2013 DunodETUDES DE CAS @ Le site viamichelin.r met en avant deux scénarios sous la forme de verbes actifs: «calculez votre itinéraire» ou «recherchez votre carte». Les utilisateurs peuvent immédiatement passer 8 action. iconographie est limpide: un petit drapeau vert pour le point de départ, un petit drapeau rouge pour le point d'arrivée, un bouton d'action et des options plus complétes que les concepteurs du site ont eu [intelligence de placer plus bas que le bouton d'action dans des tons grisés. Notez la présence d'un scénario secondaire «Consulter mes demiers itinéraires » Source: http//vwwviamichelinfr/ (32.10.22) Plutdt que de tomber dans un style institutionnel, le site Web «Citoyenneté et Immigration Canada» développe une crete approche plus pragmatique. De nombreux scénarios utilisateurs sont envisagés dans cette page sous la forme de verbes d'action. «Travailler temporairement au Canada», « Etudier au Canada», «Vérifier Vétat d'une demande », «Payer les frais de traitement», «Faire un changement d'adresse », «Trouver un bureau de CIC», «Calculer les frais de demande», Sas «Verifier les délais de traitement des demandes », etc. Que des = jake, aa scénarios concrets. => eee | ee sss. Source: htps//wwwcigcca/rancais! 1:10.22) i Se. ee Canadt & Réflexion Chaque année, le Nielsen Norman Group réalise une étude pour identifier les tendances des meilleurs intranets 8 'échelle mondiale. Que ressort-il notamment de ces observations? architecture d'information orientée taches est approche la plus efficace pour construire un site intranet. N’ayez aucune hésitation 8 adopter un rubriquage ultra pragmatique composé de verbes daction: « Réserver une salle de reunion», «Commander du papier », « Effectuer une demande de congés», « Adresser une question au support informatique», etc.Copyright © 2013 Dunod 05 Votre site incite-t-il a l'action? Au-dela de la conception des menus de navigation, il est crucial de mettre en évidence les actions clés que l'utilisateur peut entreprendre sur votre site. C'est ce que l'on désigne en e-marketing sous le vocable de call to action (incitant a Vac- tion). Il sert 8 augmenter le «taux de conversion»: le pourcentage d’utilisateurs qui exécutent ces actions sur votre site. Combien de contenus clés sont cachés au milieu d'une phrase, discrétement dissimulés derriére un énigmatique « cliquez ici» ? Pour convertir, il faut convaincre. Cette logique n’est pas réservée aux sites d’e-commerce et aux actes d’achat. Méme les sites institutionnels ou éditoriaux contiennent des appels a l'action: «S'abonner», «S'inscrire 8 un événement», «Télécharger un dossier», etc. CONSEILS * Identifiez les zones d'appel a l'action. » A Laide d'un travail graphique, distinguez visuellement l’action prioritaire des actions secondaires. Par exemple, un gros bouton orange pour l'action princi- pale et des liens textes soulignés pour les actions secondaires. Soignez le libellé de vos boutons. Les verbes d'action conviennent parfaite- ment. «Abonnez-vous!» ou «S'abonner» en fonction du ton que vous vous permettez. Placez l'action prioritaire si possible au-dessus de la ligne de flottaison, mais surtout dans le flux principal de lecture. Testez différentes versions de call to action via du test A/B (voir fiche n° 52). + Mesurez de maniére périodique la performance des pages (voir fiche n° 3). + @ Réflexions = 70% des internautes avaient l'intention d’acheter leurs cadeaux de Noél 2012 en ligne. En fonction des produits ou services mis en avant sur votre site Web, pensez a intégrer des « appels & Uaction » saisonniers: Saint-Valentin, féte des méres, rentrée des classes, etc. » Pour un lien, faut-il préférer le libellé: « Plus d‘informations» ou « Bénéficiez de offre spéciale Noél» ? Sans aucun doute, la 2* option est plus incitative, ancrée dans le besoin du moment.ETUDE DE CAS € Voild un site trés utile qui rassemble des études de cas ou deux versions de page Web sont ‘comparées. Par exemple, la marque SKRITTER a réalisé un A/B testing sur une page d'atterrissage. En quoi la version B yor mayen seen attelle été optimisée? Yate tna 0 et + Concision du descriptif, taille eee estes eae de police augmentée et texte en exergue, + Icdnes plus explicites que les puces, + Suppression de la digression visuelle, pour recentrer attention sur le bouton d'action, + Optimisation du bouton: taille plus petite, bords arrandis et ajout de 2 fléches rouges, véritables éléments déclencheurs, + Rajout d’éléments graphiques évocateurs = Résultat incroyable: +218 %. Beene oar En optimisant de petits détails, {J Prepare forthe WSK and RIT SKRITTER a doublé impact du site ox UA/B testing permet également ‘Jy maureen Source: wwwwabtests.com (12.10.12) a ———— ® Outils Google Analytics™ propose, depuis 2012, une fonctionnalité absolument géniale: le test de variantes d'interfaces. En quelques minutes & peine, créez une variante de votre appel a l'action, par exemple la position, la couleur, la taille ou le libellé d’un bouton, Mettez en ligne une ou plusieurs variantes, Signalez-les 8 Google qui se chargera d'alterner les différentes versions et de calculer les taux de conversion. Dés que les données collectées sont suffisantes, Google désigne la version « gagnante », celle qui convertit le mieux vos visiteurs. Fini improvisation! ‘opyright © 201Copyright © 2013 Dunod 06 Votre site est-il populaire sur la toile? Le monde est petit sur la toile. En quelques heures, un courriel fait le tour de la pla- néte. Sites Web et internautes servent de relais 4 votre popularité. L'effet « boule de neige » est d’autant plus marqué que les moteurs de recherche indexent avan- tageusement les sites vers lesquels pointent de nombreux liens. Une conversation en ligne ou un «buzz» en votre défaveur peuvent trés rapidement faire circuler une image négative de votre organisation. CONSEILS Jouez sur plusieurs cordes pour améliorer votre popularité: partenariats, affilia- tion, marketing viral au départ d'un contenu ludique, etc. Gardez un ceil sur ce que l'on dit de vous sur Internet. Cela permet de: > Comparer votre popularité par rapport 4 vos concurrents. > Vous rendre compte de ce qu'on dit de vous, en bien ou en mal. » Détecter d’éventuelles fausses informations qui circulent. Et réagir immédiate- ment si nécessaire. > Repérer les secteurs et groupes sociologiques ot vous étes représentés (et vérifier si le positionnement est en adéquation avec vos objectifs). » Identifier les relais d'information les plus naturels, qui sont autant de parte- naires éditoriaux potentiels. Un nouveau métier prend forme, celui de community manager || s‘agit de la per- sonne qui prendra en charge la réputation de l'entreprise. Le community manager interviendra dans les réseaux sociaux, placera des alertes, animera la communau- té et fera remonter les critiques auprés des responsables produits @ Asavoir Le «marketing viral» désigne les actions et les fonctionnalités qui permettent de faire du bruit sur la toile et propager votre réputation comme un virus qui vous fait connaitre, Parmi ces fonctionnalités, on retrouve les classiques «Parlez-en 8 un ami ou « Partager sur Facebook». Mais le marketing viral peut devenir une veritable stratégie, concue pour générer le buzz, parfois au départ de rumeurs 8 la limite du politiquement correct. Les initiatives ludiques ou corrosives sont tres contagieuses également.od. 3 Du © 2013 it copyright ETUDES DE CAS @ Savez-vous quels sont les liens extemes qui pointent vers votre site, élément essentiel en termes de référencement naturel? Pour le savoir, consultez les outils Google pour les webmasters, une solution efficace, fiable et gratuite. Dans le menu 8 gauche, choisissez la rubrique « Trafic > Liens vers votre site». Elle va vous indiquer avec précision tous les liens externes qui pointent vers votre site. Vous pourrez analyser non seulement la quantité, mais également la qualité des liens entrants. Un relevé régulier vous permettra de suivre 'évolution de la notoriété de votre site. Source: wwv.google comwebmasters/ tools/Phlsfr (11.10.2012) Les experts du SEO ont prouvé (incidence des réseaux sociaux >> Evaluation de la popularité d'une page web sur les sur le référencement naturel. réseaux sociaux Webrankinfo vient & votre secours oneness rt Sth et sg ie et vous propose un outil simple scnpensturinninan eta hersapetn etree et performant. Cet outil vous indiquera la popularité de votre Santerke ca weapemeracane: site sur les principaux réseaux sociaux: le nombre de «,'aime» et les commentaires sur Facebook, Ae ach ee les mentions sur Twitter, le nombre Herrero oe ‘ de «+1» sur Google+, les partages sur Linkedin, le nombre de favoris »Déterminer la popularité d'une page sur les réseaux sociaux sur Delicious... Autant d'indicateurs de la popularité de vos articles & travers les réseaux sociaux. == =e Source: wwwavebrankinfo.com (11.10.12) ®X Outils = Google Alertes vous permet d'effectuer une veille gratuite. En quelques secondes, indiquez les expressions et mots-clés sur lesquelles vous désirez étre informés. Choisissez la fréquence des alertes (une fois par semaine, une fois par jour, etc.). Un e-mail vous sera envoyé chaque fois que des articles sont repérés qui parlent du sujet. Un outil facile & mettre en place, mais qui reste rudimentaire par rapport aux logiciels de veille plus complets » Youseeme est un outil de veille sur la réputation numérique. Idéal pour les entreprises, marques et individus. En un coup d’ceil, vous verrez un patchwork des éléments qui composent votre réputation: articles, photos, documents, blogs, réseaux sociaux, etc.Copyright © 2013 Dunod 07 Votre site est-il optimise pour un bon referencement En moyenne, environ 40 % du trafic provient des moteurs de recherche. Google en particulier, qui occupe une position dominante. Une bonne visibilité dans les moteurs est la garantie d’un trafic permanent. Optimiser le référencement natu- rel de vos pages Web est un travail de longue haleine qui comporte trois volets essentiels: le contenu (mots-clés), la popularité (références) et la technique (res- pect des standards d’accessibilité). CHIFFRES » 50% du trafic web, en moyenne, passe par les moteurs de recherche. Le reste du trafic est soit direct, soit le fruit de liens référents. ([Médiamétrie, mai 2012] » 9 visiteurs francais sur 10 proviennent de Google. Les autres moteurs de recherche se partagent les miettes. [Médiameétrie, mai 2012] = 80% des clics, dans les pages de résultats du moteur de recherche, ‘sont monopolisés par les 3 premiers résultats naturels, [Otivier Andrieu, octobre 2012] CONSEILS Impossible de lister ici tous les points d'attention, mais prévoyez au minimum: * des titres riches en mots-clés (balises TITLE, H1, H2); des adresses (URL) qui contiennent des mots-clés signifiants; » des métadonnées pertinentes (balise META Des- cription); > un minimum de contenu en simple texte HTML; % des liens consistants («Rapport annuel 2013» plutdt que « cliquez ici»). La popularité en ligne (nombre de liens pointant vers votre site) pése lourd, surtout lorsque les références proviennent de sites Web a haute autorité, comme les sites universitaires ou gouvernementaux. La fraicheur et la préséance de vos contenus jouent en votre faveur. IL existe certains freins techniques au référencement : les frames, les bases de données, les sites en Flash, etc. Vérifiez le résultat de votre référencement natu- rel non seulement en faisant quelques coups de sonde dans les moteurs, mais surtout en consultant les volumes de trafic générés par les moteurs de recherche (voir fiche n° 3).ETUDES DE CAS Seq @ Lexpression « jeux gratuits» se 2 0 retrouve 8 toutes les sauces sur le site jeur-gratuits.com: dans la balise