Formation rédaction Web SAAQ

2,886 views
2,815 views

Published on

Published in: Technology

Formation rédaction Web SAAQ

  1. 1. Rédaction et organisation de contenu pour le Web.
  2. 2. http://www.flickr.com/photos/piero/19452087/
  3. 3. 46%
  4. 4. http://www.flickr.com/photos/cheesepicklescheese/419050330/ Le design et la conception coûtent cher
  5. 5. 100%
  6. 6. http://www.flickr.com/photos/dystopos/189129762/
  7. 7. Couper, ce n’est pas suffisant
  8. 8. 5 facettes de la rédaction pour le Web
  9. 9. Visibilité Repérabilité Accessibilité Lisibilité Persuasion
  10. 10. 1-Visibilité http://www.flickr.com/photos/stevecadman/
  11. 11. 50-70%
  12. 12. SEO = Avant http://www.flickr.com/photos/laffy4k/
  13. 13. Nos amis les robots http://www.flickr.com/photos/genewolf/
  14. 14. ...ils sont paresseux. http://www.flickr.com/photos/downtownmiami/
  15. 15. ...ils n’aiment pas attendre. http://www.flickr.com/photos/moriza/
  16. 16. ...ils aiment les instructions claires. http://www.flickr.com/photos/billselak/
  17. 17. Robots heureux = Humains heureux. http://www.flickr.com/photos/tyreseus/
  18. 18. Au total ±200
  19. 19. Importants 53
  20. 20. Consensus 7
  21. 21. 7 facteurs Photo: Getty Images
  22. 22. Mots clés dans la balise Titre
  23. 23. Texte utilisé pour les liens
  24. 24. Texte utilisé pour les liens Grâce à notre super widget turbo 2000 avec injection automatique 2.0, vous pourrez widger tous vos amis, widger votre belle-mère et améliorer votre performance au golf! En savoir plus sur le Widget >
  25. 25. Texte utilisé pour les liens Grâçe à notre super widget turbo 2000 avec injection automatique 2.0, vous pourrez widger tous vos amis, widger votre belle-mère et améliorer votre performance au golf! Voir la fiche technique du SWT2k >
  26. 26. Texte autour des liens ... il faut se souvenir que pour obtenir un meilleur positionnement sur les moteurs de recherche, il est important de créer une liste de mots clés pertinents, et de les implanter en se servant des 7 facteurs d’influence des résultats de positionnement les mieux connus et les plus importants.
  27. 27. Texte autour des liens ... il faut se souvenir que pour obtenir un meilleur positionnement sur les moteurs de recherche, il est important de créer une liste de mots clés pertinents, et de les implanter en se servant des 7 facteurs d’influence des résultats de positionnement les mieux connus et les plus importants.
  28. 28. Nombre de liens entrants
  29. 29. Nombre de liens entrants
  30. 30. Pertinence des pages des liens entrants ? ? ? ? ? ? ? ? ?
  31. 31. Rythme de l’ajout de liens entrants
  32. 32. Rythme de l’ajout de liens entrants
  33. 33. Popularité interne d’une page Moteurs Autres Publicité de référents recherche Page d'accueil FAQ Produits et détails Micro sites
  34. 34. Un bonus...
  35. 35. http://www.flickr.com/photos/evergreenkamal/395448039/ 3 composantes
  36. 36. Objectifs
  37. 37. http://www.flickr.com/photos/felipetrucco/ Audience
  38. 38. Mots clés http://www.flickr.com/photos/mwichary/
  39. 39. Gaffes à éviter Photo: Getty Images
  40. 40. Commencer par le design, finir par le contenu http://www.flickr.com/photos/subcow/
  41. 41. Choisir l’outil avant de faire les plans http://www.flickr.com/photos/skistz/
  42. 42. Flash The Flash, marque de DC Comics.
  43. 43. Vidéo. Comme à la télé!
  44. 44. Les tours de magie
  45. 45. Bon = Moche? Photo: source inconnue.
  46. 46. 2-Repérabilité
  47. 47. Architecture de l’information Navigation Ergonomie
  48. 48. La rédaction Web n’est pas linéaire. http://www.flickr.com/photos/transcendent/2177308470/
  49. 49. http://www.flickr.com/photos/angelinawb/2410249102/ Rédaction conventionnelle
  50. 50. Début Milieu Fin ... !!!
  51. 51. Début Milieu Fin ... !!!
  52. 52. Page accueil
  53. 53. Accueil Section Section Sujet Sujet Sujet Sujet Rubrique Rubrique Rubrique Rubrique Rubrique Rubrique Rubrique Rubrique Rubrique Rubrique Rubrique Rubrique
  54. 54. ? 2 types de lecteurs
  55. 55. http://www.flickr.com/photos/ruddingtonphotos/108021527/ Signalisation (organisation du contenu)
  56. 56. Tâches
  57. 57. Sujets
  58. 58. Profils
  59. 59. Événements de vie
  60. 60. Événements de vie
  61. 61. Événements de vie
  62. 62. Événements de vie
  63. 63. Organigramme
  64. 64. Organigramme
  65. 65. Sujet Rubrique Rubrique Rubrique Navigation hiérarchique
  66. 66. Sujet Sujet Sujet Rubrique Rubrique Rubrique Rubrique Rubrique Rubrique Rubrique Rubrique Rubrique Navigation hiérarchique
  67. 67. Balises et mots clés
  68. 68. Balises et mots clés
  69. 69. Balises et mots clés
  70. 70. Sujet Sujet Rubrique Rubrique Rubrique Rubrique Rubrique Rubrique Navigation transversale
  71. 71. Liens contextuels
  72. 72. Multifacettes
  73. 73. Multifacettes
  74. 74. Multifacettes
  75. 75. Multifacettes
  76. 76. • Tâches • Sujets • Profils • Événements • Organigramme • Mots clés (balises) • Liens contextuels • Multifacettes
  77. 77. Accueil Section Section Sujet Sujet Sujet Sujet Rubrique Rubrique Rubrique Rubrique Rubrique Rubrique Rubrique Rubrique Rubrique Rubrique Rubrique Rubrique Plan de site vs Navigation
  78. 78. Accueil Section Section Sujet Sujet Sujet Sujet Rubrique Rubrique Rubrique Rubrique Rubrique Rubrique Rubrique Rubrique Rubrique Rubrique Rubrique Rubrique Plan de site vs Navigation
  79. 79. http://www.flickr.com/photos/splorp/177456685/ 3-Accessibilité
  80. 80. http://www.flickr.com/photos/ashkyd/2500921425/ Accessibilité?
  81. 81. Accessibilité!
  82. 82. Plateformes mobiles
  83. 83. Moteurs de recherche
  84. 84. • Standards W3C • Texte... en texte • Balises ALT • Utilisation intelligente de la vidéo/Flash • Tableaux
  85. 85. <summary> Titre = balise <caption> Entête = <TH> <abbr> Entête = <TH> Cellule = <TD>
  86. 86. 4-Lisibilité http://www.flickr.com/photos/moriza/
  87. 87. Métadonnées Nature Présentation
  88. 88. Buzzwords! Jargon institutionnel! Adverbes! Marketing! Éliminez les irritants. Photo: origine inconnue.
  89. 89. Raccourcissez vos textes. Photo: Oleo-Mac.
  90. 90. Pyramide conventionnelle http://www.flickr.com/photos/jantik/
  91. 91. Pyramide inversée http://www.flickr.com/photos/jantik/
  92. 92. Favorisez le balayage Photo: Marino.
  93. 93. Insérez des liens Photo: origine inconnue.
  94. 94. http://www.flickr.com/photos/thomashawk/172495285/ Utilisez la typographie à votre avantage
  95. 95. Racontez une histoire Photo: Origine inconnue.
  96. 96. Un exemple...
  97. 97. Le CRM correspond généralement à l'ensemble des efforts effectués pour améliorer le service à la clientèle. Notre définition englobe une vision plus large, fondée sur une nouvelle approche visant à s'assurer un avantage concurrentiel et la différenciation. Rendue possible grâce à la technologie des affaires électroniques, cette approche se concentre sur une façon globale de gérer votre clientèle, de façon à : • augmenter la valeur ajoutée de votre relation avec le client, grâce à un dialogue constant et synchrone; • traiter chaque client individuellement; • conserver et référencer toutes les interactions précédentes; • répondre aux besoins et préférences de chacun de vos clients. Les spécialistes de [nom de la firme] peuvent vous aider à identifier, sélectionner, acquérir, développer et conserver votre ressource la plus importante : vos clients. Nous vous proposons un éventail de services flexibles et adaptables à vos besoins spécifiques.
  98. 98. Le CRM correspond généralement à l'ensemble des efforts effectués pour améliorer le service à la clientèle. Notre définition englobe une vision plus large, fondée sur une nouvelle approche visant à s'assurer un avantage concurrentiel et la différenciation. Rendue possible grâce à la technologie des affaires électroniques, cette approche se concentre sur une façon globale de gérer votre clientèle, de façon à : • augmenter la valeur ajoutée de votre relation avec le client, grâce à un dialogue constant et synchrone; • traiter chaque client individuellement; • conserver et référencer toutes les interactions précédentes; • répondre aux besoins et préférences de chacun de vos clients. Les spécialistes de [nom de la firme] peuvent vous aider à identifier, sélectionner, acquérir, développer et conserver votre ressource la plus importante : vos clients. Nous vous proposons un éventail de services flexibles et adaptables à vos besoins spécifiques.
  99. 99. Nous implantons des systèmes de gestion de la clientèle (CRM) sur mesure qui sʼadapteront à vos façons de travailler et aux systèmes déjà en place. Nos spécialistes peuvent vous aider à identifier, sélectionner, acquérir, développer et conserver votre ressource la plus importante : vos clients. Nous vous proposons un éventail de services flexibles et adaptables à vos besoins spécifiques.
  100. 100. Nous implantons des systèmes de gestion de la clientèle (CRM) sur mesure qui sʼadapteront à vos façons de travailler et aux systèmes déjà en place. Si vous souhaitez: • mieux identifier, sélectionner et fidéliser vos clients • optimiser le potentiel commercial de chaque client • archiver et documenter la liste des contacts • personnaliser et donc améliorer la qualité des échanges Contactez nos spécialistes des CRM au 1-888-888-8888 ou par courriel au crm@votrefirme.com
  101. 101. Systèmes de gestion de la clientèle Nous implantons des systèmes de gestion de la clientèle sur mesure qui sʼadaptent à vos façons de travailler et aux systèmes déjà en place. Si vous souhaitez: • Mieux identifier, sélectionner et fidéliser vos clients • Optimiser le potentiel commercial de chaque client • Archiver et documenter la liste des contacts • Personnaliser et donc améliorer la qualité des échanges Contactez nos spécialistes des CRM au 1-888-888-8888 ou par courriel au crm@votrefirme.com
  102. 102. 5-Persuasion Photo: Getty Images
  103. 103. Accueil Section Section Sujet Sujet Sujet Sujet Rubrique Rubrique Rubrique Rubrique Rubrique Rubrique Rubrique Rubrique Rubrique Rubrique Rubrique Rubrique Une architecture de persuasion?
  104. 104. Accueil Section Section Sujet Sujet Sujet Sujet Rubrique Rubrique Rubrique Rubrique Rubrique Rubrique Rubrique Rubrique Rubrique Rubrique Rubrique Rubrique Les pages les plus importantes
  105. 105. • Garder le focus. • Langage clair: • Que faites-vous? • Pour qui le faites-vous? • Comment réglez-vous le problème? • Pourquoi vous choisir? • Favorisent le BSA. • Appel à l’action limpide.
  106. 106. Gardez le focus. http://www.flickr.com/photos/dpade1337/
  107. 107. http://www.flickr.com/photos/petroleumjelliffe/ Langage clair
  108. 108. Que faites-vous? http://flickr.com/photos/elecnix/
  109. 109. http://www.flickr.com/photos/victoriapeckham/164175205/ Pour qui?
  110. 110. http://www.flickr.com/photos/simeon_barkas/2381953333/ Comment réglez-vous mon problème?
  111. 111. http://www.flickr.com/photos/blaxjax/159604084/ Pourquoi vous?
  112. 112. Signalisation claire Photo: Michael Carpentier
  113. 113. Balayage Page 1 Sélection Action Balayage Page 2 Sélection Action Balayage Contenu recherché Sélection Lecture ou Action
  114. 114. Appel à l’action limpide
  115. 115. Un exemple...
  116. 116. http://www.flickr.com/photos/ferneyes/439469733/ La validation
  117. 117. $$$?
  118. 118. Les pairs
  119. 119. http://www.flickr.com/photos/alimander/2381322657/ La rédaction collaborative
  120. 120. http://www.flickr.com/photos/dhammza/91435718/ Les tests ad hoc
  121. 121. Photo: Origine inconnue.
  122. 122. www.zengo.ca/saaq
  123. 123. Merci! michael@zengo.ca
  124. 124. Toutes les photos sont les propriétés exclusives de leurs auteurs et sont utilisées dans le respect de la license d’utilisation Creative Commons lorsqu’applicable.
  125. 125. Quel outil? Photo: Leatherman.
  126. 126. Facile à utiliser Permettant la collaboration Supportant les révisions et les versions Permettant de se concentrer sur le contenu Permettant l’exportation en HTML conforme Permettant l’insertion de liens entre les textes Permettant l’importation et l’exportation avec Word Accessible de partout Sécuritaire Gratuit

×