Upload
others
View
4
Download
0
Embed Size (px)
Citation preview
Atelier de rédaction web
Présenté par Patrice Leroux, M.A., ARP
7 Mars 2014
Document confidentiel
1
Contenu
• Principes de base en rédaction Web
• Rédaction web: une définition (P. 6)
• Attentes, comportements et besoins des lecteurs - les études d’oculométrie - (P.69)
• Questions de clarté, de visibilité et de lisibilité des contenus (P. 15)
• Concision et découpage du texte - titre, intertitre et paragraphe - (P. 20)
• Classement, navigation et mots déclencheurs
• Gestion de l’espace écran
• Avantages et contraintes de l'hyperlien (P.44)
• Rédaction et présentation centrées sur la logique de service
• Considérations syntaxique et grammaticale (P. 55)
• Adaptation d'un document papier au Web (P.82)
• Intégration d'éléments pour augmenter l'impact visuel du contenu
• Rédiger pour le référencement (P. 86)
• Exercices pratiques (Facebook et site web)
2
Le rédacteur web devient un stratège de contenus- Rédaction- Révision syntaxique et grammaticale- Édition (mise en espace)
Manipulation de plusieurs autres éléments d’information
- Images (photographies, graphiques, icônes, illustrations, etc.)- Vidéos (tournage, montage, traitement et intégration)- Audio (podcast)
Davantage de responsabilités stratégiques
- Ergonomie éditoriale- Planification des métadonnées- Analyse de l’information (indice de densité des mots clés, optimisation, audit de fréquentation)- Diffusion et repropulsion dans les médias/réseaux sociaux- Modération (blogue, Facebook/Google+ ?)- Curation web ?
3
Source:PR and news boundaries are being redrawn (Financial Times- 3 octobre 2012)http://www.ft.com/intl/cms/s/0/4ce3ec34-0d3b-11e2-99a1-00144feabdc0.html#axzz293KTbLrh
4
5
[...] « En fait, il y a autant (ou presque) de contextes particuliers d'écriture dans le Web que dans le
monde de l'imprimé. Les généralisations sont donc dangereuses. De plus, j'insiste pour distinguer deux
sortes de textes : les textes de contenus (ceux qu'on recherche, qu'on consulte) et les textes de
direction (ceux qui servent à la navigation, au repérage, au référencement). Ces textes jouent des
rôles fort différents, et leur compréhension et leur bonne utilisation nécessitent la formulation de
principes ergonomiques adaptés ».
Éric Kavanagh in Quatre règles d’écriture à repenser à propos de la concision, de la balayabilité (scannabilité),de l’objectivité et de la simplicité (plain language). 2005
Source : http://www.ergologique.com/conseils/conseils.php?id_tip=723
6
[…] « La rédaction web signifie rédiger du texte tout en tenant compte de paramètres aussi variés que :
· le comportement de l’internaute ;
· les attentes de la cible ;
· les contraintes techniques ;
· les enjeux du Web collaboratif ;
· l’hypertexte et le maillage de la toile ;
· l’évolution technologique.
[…] Il s’agit donc de créer, de concevoir et de trouver la manière de présenter l’information enatteignant les objectifs de communication visés. […] ».
Isabelle Canivet (Bien rédiger pour le web, Eyrolles, 3e tirage, 2010, page 10)
Source: http://livre-redaction-web.action-redaction.com/
7
8
Nature et portée de l’information: mise en page «balayable» et la mise en relief
Voir Prêt de document: http://www.polymtl.ca/biblio/fr/emprunt-de-documentation
Voir Libre accès : http://guides.biblio.polymtl.ca/content.php?pid=531773&sid=4374667
Voir aussi: Aide en ligne-Service de références http://www.polymtl.ca/biblio/fr/aide-en-ligne
9
La liste à puces pour un menu et pour une énumération
Source: http://www.passeportsante.net/fr/Maux/Problemes/Fiche.aspx?doc=apnee_du_sommeil_pm
10
Source: http://www.passeportsante.net/fr/Therapies/Guide/Fiche.aspx?doc=nutrition_th
L’ajout d’une image (2012) renforce l’attirance vers la table des matières
11
Source: Fabriquer des clusters a-t-il du sens ? (Raphaël Suire)http://www.inaglobal.fr/numerique/article/fabriquer-des-clusters-t-il-du-sens
12
La phrase « idéale » ?
La phrase « idéale » devrait contenir un maximum de 12 à 24 mots, correspondant ainsi à la rétention immédiate
de l'information (12 mots/100% - 24 mots/50%).
L’œil peut lire trois mots à la fois...
Pour augmenter la lisibilité de vos textes, tentez de rédiger des phrases plus courtes et plus simples.
• Retirez les adjectifs de trop.
• Retirez les adverbes non essentiels à la compréhension du message.
• Une des techniques reconnues consiste à repérer la conjonction ou la locution conjonctive• de coordination à l’intérieur d’une longue phrase.
• Biffez la conjonction.
• Rédigez deux phrases au lieu d’une seule quitte à répéter le sujet ou à utiliser un pronom.
Un autre truc consiste à lire la phrase à voix haute !
Si vous vous essoufflez, coupez votre phrase…
13
Source: h"p://a'erdeadline.blogs.ny4mes.com/2013/05/28/tangled-‐passages-‐8/
14
Clarté de l’informationDifficile à évaluer, la clarté, selon Céline Beaudet (Université de Sherbrooke) serait « l’effet attendu » d’un processus d’écriture.
· La rédaction professionnelle a toujours une finalité pragmatique.
· La clarté d’un texte se mesure par la matérialisation d’une action que le texte veut susciter.
· La clarté relève de l’efficacité plutôt que d’un effet de style.
Mises à part les aptitudes intellectuelles du lecteur, les spécialistes se sont penchés sur les conditions d’émergence de la clarté :
Lisibilité (matérielle et intellectuelle)
Cohésion (logique, l’ordre des mots, règles d’accord)
Pertinence et cohérence (compréhension de l’environnement)
Voir http://pages.usherbrooke.ca/strategies-cb/
15
La lisibilité repose généralement sur la longueur des phrases et des mots et surleur organisation spatiale, entre autres.
La définition la plus courante et acceptée est celle-ci :
La lisibilité est la capacité d’un texte à être lu rapidement, à être bien compris et bien mémorisé.
Il s'agit souvent de favoriser le repérage des contenus et la vitesse de lecture.
16
La lisibilité d'un texte augmenterait selon le respect de ces trois principes :
• écriture factuelle et objective (par rapport au style promotionnel)
• relief de la mise en page (scannability) : sommaire, listes à puces, taille de la police, couleur, images, découpage des textes, espaces blancs, titres, sous-titres
• concision (tout est écourté) : titre, paragraphe, choix de mots, tournures grammaticales.
On peut rajouter la notion de ton, plus personnel et près de la conversation (entre l’oral et l’écrit).
17
Est-ce le lecteur qui détermine la clarté d'un texte ou le rédacteur ?
Exemple:
Le plan de marketing entrepris avec la collaboration de nos partenaires et qui doit durer un mois vise à faire connaître notre nouveau service, offert à un prix défiant toute concurrence grâce à un traitement automatisé et à un système de vente par le biais d’Internet. C'est une expérience que nous tentons avec une nouvelle agence. Notre plan inclut des placements à MétéoMedia, à TVA et dans les quotidiens La Presse et Le Soleil.
Deux idées centrales à traiter séparément :
· Le plan de marketing · Le prix du nouveau produit
18
19
Techniques classiques d'amélioration de la lisibilité (selon Jakob Nielsen)
1. Concision du texte
2. Mise en page balayable (procédés de mise en évidence dont la liste à puces)
3. Neutralité du vocabulaire (objectivité) Davantage pour la communication externe ?
20
Concision dans les titres
Exemple :Conférence ouverte au public ayant pour thème le réchauffement climatique et ses répercussions sur lesrégions du Québec bordant le fleuve Saint-Laurent.
Réécriture Web:Réchauffement climatique : enjeux pour le Québec maritime.
On peut éliminer certains articles (le, la, les, un, etc.) pour faciliter le balayage.
Plusieurs experts conseillent un titre avec un maximum de sept mots pour plus de visibilité.
Le titre, c’est un microcontenu. Il nous permet de comprendre rapidement de quoi il s’agit, nous incite à poursuivre la lecture et, s’il est actif, à cliquer dessus. Les deux à trois premiers mots d’un titre (ou d’un lien) demeurent significatifs pour la poursuite de la lecture oula provocation du clic. On parle alors de nanocontenus. En mode recherche : les deux à trois premiers mots d’un microcontenu sont encore plus déterminants.
21
Exemple de titre à éviter: à plus forte raison dans un communiqué...
Source: http://www.newswire.ca/fr/story/955661/une-importante-coalition-de-neuf-9-organismes-nationaux-de-defense-de-droits-prend-action-judiciaire-du-fait-que-la-commission-des-droits-de-la-person
22
Peut-on raccourcir le titre de ce communiqué tout en respectant la nature du sujet ?
Source: http://www.ville.quebec.qc.ca/actualites/fiche_autres_actualites.aspx?id=12970
Voir: Les titres des communiqués sont-ils trop longs ? (Pierre Bouchard/Indico)
http://pierre-bouchard.ca/2014/01/09/les-titres-des-communiques-sont-ils-trop-longs/
23
__________________________________________________________________________________________________________________________________________
24
Source: http://www.bnc.ca/bnc/cda/productfamily/0,2664,divId-2_langId-2_navCode-17871,00.html
25
26
Le ton et le choix des mots
On évite les tournures plus impersonnelles du genre «Les étudiants [les clients, les employés, les citoyens, etc.] doivent déposer leur demande avant le 15 octobre 2014.» Exemple : Bibliothèque et Archives nationales du Québec
« BAnQ offre aux usagers un service de reproduction des enregistrements sonores de la Collectionnationale de musique ainsi qu’un service de référence sur rendez-vous pour les aider à trouver desréponses à leurs questions sur la musique québécoise.Des visites guidées de la Collection nationale demusique sont également offertes pour les groupes. »
Source : http://www.banq.qc.ca/collections/collection_patrimoniale_quebecoise/collection_nationale_musique/index.html
Tout en demeurant des plus respectueux, on peut s’adresser directement aux lecteurs, i.e. à la 2e personne.Par contre, il faut l’uniformiser partout dans le texte ou dans le dossier. Quant aux mots, les divers paliers gouvernementaux, par exemple, pourraient utiliser des mots connusdes lecteurs, i.e. faisant partie du vocabulaire populaire. Ces mots peuvent être insérés entre parenthèses… Ex : « Si vous contribuez à un régime complémentaire de retraite (généralement appelé fonds de pension) offert par votre employeur, vous pouvez […].
(Exemple tiré de E. Kavanagh)
27
S’adresser directement au lecteur avec l’impératif
Source: http://www.bonjourquebec.com/de-de/traineauchiens.html
28
Source: http://www.banq.qc.ca/ressources_en_ligne/baladodiffusion/rss/rss.html
S’adresser directement au lecteur
29
Accès au réseau sans fil
http://www.polymtl.ca/biblio/fr/acc%C3%A8s-au-r%C3%A9seau-sans-fil
30
Le cas Facebook
Quelques observations
Un exercice long (individuel)Deux exercices courts (en équipe)
31
Source: https://www.facebook.com/bibliopolymtl
32
Source: https://www.facebook.com/bibliopolymtl
33
Billets Facebook (Science and Engineering Library - Columbia University)
https://www.facebook.com/Columbia.SEL
34
Source: https://www.facebook.com/bibliopolymtl
35
36
Source: https://www.facebook.com/bibliopolymtl
37
Exercice long (individuel)
Titre, nouvelle mise en espace et dynamisation du texte
Fichier: 1_Ex_Actu_Facebook_long_JIDO.docx
38
Source: https://www.facebook.com/bibliopolymtl
Objectif: nouvelle mise en espace et dynamisation du texte
39
Voir aussi : http://www.polymtl.ca/biblio/fr/actualites/le-22-f%C3%A9vrier-les-donn%C3%A9es-ouvertes-sont-%C3%A0-l%E2%80%99honneur
40
Exercices courts (en équipe)
Nouvelle mise en espace et dynamisation du texte
Fichier: 2_Ex_Actu_FaceBook_courts.docx
41
Source: https://www.facebook.com/bibliopolymtl
Objectif : titre percutant + mettre d’abord l’accent sur les avantages plutôt que sur les inconvénients causés par le bruit…
42
Source: https://www.facebook.com/bibliopolymtl
Objectif : titre + modifier la phrase comprenant 35 mots…Peut-on faire deux phrases au lieu d’une seule ?
43
Hyperlien
Le lien hypertexte standard, repérable facilement par sa couleur bleue et son souligné, exercerait encore un effet
d'attraction supérieur à n'importe quel autre procédé graphique...y compris le bleu en gras.
Source : http://www.useit.com/alertbox/20040510.html
Le non soulignement des liens (exception faite de la page d’accueil ou du bandeau de navigation globale), à l'intérieur
d'un texte, demeure déconseillé par les spécialistes, pour la simple raison qu’il rend certains lecteurs hésitants …
Le concept d'hyperlien demeure fondamental dans le processus de rédaction.
En mode recherche (à partir d'une page d'accueil ou d'une section définie) le lecteur apprécie une grande quantité « organisée » de liens
(textes et graphiques).
Selon le Groupe Rédiger (Université Laval) deux tendances se dessinent en matière de conception graphique :
1. La première préconise une page d’accueil très chargée. On vise l’exhaustivité en soulignant que le lecteur doit trouver ce qu’il cherche avec le moins de déplacements possibles…
2. La seconde tendance préconise une sobriété par l’aération de la mise en page même si cela exige des clics supplémentaires éventuels. On vise alors un décodage plus clair de la structure globale du site.
Parce qu’elle exige plus de précision et de synthèse, les experts croient que cette dernière tendance est plus rentable pour le lecteur.
44
Carrousel: Image et texte exigent plus de temps pour lire toutes les informations.
Source: http://www.irsst.qc.ca/index.html
46
Carrousel(Section résidentielle) Hydro-Québec: http://www.hydroquebec.com/residentiel/
Discussion (et sondage) sur l’utilisation d’un carrousel dans l’intranet (Groupe de discussion LinkedIn-Intranet)http://www.linkedin.com/groups/Should-intranet-home-pages-use-113656.S.258251932
Five reasons why carousels have no place on your intranet- @sharonodea (voir aussi les commentaires)http://intranetizen.com/2013/10/11/five-reasons-why-carousels-have-no-place-on-your-intranet/
47
Page d’accueil (refonte de décembre 2012)
48
En mode de lecture, on doit décourager la digression par le biais d'un trop-plein de liens...
Attention à la multiplication de lien hypertexte qui brise le flux de la lecture dans une même phrase ou paragraphe. De plus l’effet de labyrinthe que produit cette multiplication incite à la digression.
La décision d'offrir peu ou beaucoup de liens doit surtout tenir compte du contexte particulier du texte/document présenté et/ou de la nature même de l’information (blogue, site web d’affaires, sites de nouvelles, Intranet, etc.).
Combien d’hyperliens dans un paragraphe ?
Le ou les mots qu’on rend actifs influencent les lecteurs.
Dans la mesure du possible, limitez-vous à deux ou trois hyperliens dans un paragraphe de six ou dix phrases.
Voir ce texte de BonjourQuébec: http://www.bonjourquebec.com/qc-fr/quebec.html
49
50
Texte sans hyperliens (dans le corps du texte) sur les cellules souches:
http://www.radio-canada.ca/nouvelles/sante/2010/09/30/003-cellules-souches-peau.shtml
51
On offre rapidement un premier lien dans cet article de lapresse.ca
Source: Pierre Lapointe et le PLQhttp://www.lapresse.ca/actualites/quebec-canada/politique-quebecoise/201303/20/01-4632970-pierre-lapointe-a-deja-chante-devant-jean-charest-rappelle-le-plq.php
52
On offre rapidement un premier lien dès le 3e paragraphe
Source:Des déclarations «vicieuses», réplique Boisclair (La Presse)http://www.lapresse.ca/actualites/politique/politique-quebecoise/201309/25/01-4693202-des-declarations-vicieuses-replique-boisclair.php
53
Autres considérationstactiques
54
55
56
Repères absolus contre repères relatifsLe présent de l’indicatif
Exemple:
À partir de l’an prochain, les députés déménagent dans leur nouveau parlement. [...|
À partir du 14 février 2014, les députés déménagent dans leur nouveau parlement. [...|
Notez que l’utilisation du «présent historique» fonctionne aussi bien avant qu’après la date du déménagement, alors que l’utilisation du futur aurait donné l’impression d’un texte caduque après la date en question...
57
Du 4 au 8 juin ... de quelle année ???
58
Repères spatiaux propres à l'imprimé…
Exemple: « Lire ou voir ci-dessus, ci-dessous, plus loin, à la page suivante ». Ou encore : précédemment, susmentionné, etc. Il faut y faire attention. Par contre, on peut accepter le ci-dessus ou le ci-dessous à condition que la phrase ou larubrique en question soit visible dans la même page écran.
Source : http://www.radio-canada.ca/
59
60
Texte original
À compter du 7 février 2012, BAnQ modifiera ses règles d’abonnement et de prêt, ce qui vous permettra notamment d’emprunter davantage de films à la fois. Certains tarifs seront également modifiés, en ce qui concerne les retards, par exemple.
39 mots
À compter du 7 février 2012, BAnQ modifie ses règles d’abonnement et de prêt.
Ceci vous permet d’emprunter davantage de films à la fois. Certains tarifs sont également modifiés, pour les retards, par exemple.
34 mots
Source: http://nouvelles.banq.qc.ca/archives/view.asp?ID=2371
Les usagers peuvent consulter les documents de cette collection sur place seulement et à la condition d’avoir préalablement pris rendez-vous à cet effet au comptoir de service de la section Musique et films. La carte d’abonné est obligatoire pour prendre rendez-vous et le dossier d’abonné doit être en règle. Quant aux livres et aux périodiques sur la musique, ils sont disponibles à la Collection nationale, dont l’entrée se trouve au niveau 1 de la Grande Bibliothèque.
Source : http://www.banq.qc.ca/collections/collection_patrimoniale_quebecoise/collection_nationale_musique/index.html
61
62
63
64
Retour sur les qui
Dans de nombreuses situations, l’élimination ou la réduction à la source des risques, qui est au cœur des préoccupations des préventionnistes, ne peut être mise en place. (27 mots)Source : https://www.irsst.qc.ca/intro-equipements-de-protection.html
Voir Paragraphe Contexte
Le bruit en milieu de travail peut créer des problèmes d'audition et de surdité, qui constitue d’ailleurs la deuxième maladie professionnelle en nombre de cas indemnisés par la CSST. (29 mots)
Les chercheurs veulent également déterminer les méthodes temporelles les plus pertinentes qui peuvent être appliquées pour réduire le bruit et les vibrations en milieu de travail, en plus d’évaluer l’applicabilité de ces méthodes à la caractérisation des propriétés et des performances des matériaux poreux et amortissants. (46 mots)Source : https://www.irsst.qc.ca/-projet-revue-de-la-litterature-sur-l-application-des-methodes-de-simulation-temporelles-pour-resoudre-des-problematiques-de-bruit-et-vibrations-touchant-la-sante-et-l-2011-0038.html
65
Voix active ou passive ?
66
67
Exercice de concision (+ indicatif présent + hyperliens)
Fichier: 3_Ex_libre_accès_monde.docx
Source: http://guides.biblio.polymtl.ca/content.php?pid=531773&sid=4374664
68
Il y a chez tout lecteur un scanneur et un lecteur concentré… Il faut pouvoir répondre à ces deux types de comportement.
69
Source : Écrire pour le web en 2010 (Luc Legay)http://www.slideshare.net/lucos/ecrire-pour-le-web-en-2010 D’après un concept de Laurent Goffinhttp://www.gwix.net/web_gwix/article.asp?filID=233
70
Le lecteur scanne mais devient un lecteur concentré quand un contenu l’intéresse. Voir les deux vidéos:http://web.archive.org/web/20110527135001/http://www.poynterextra.org/eyetrack2004/videos.htm# Voir aussi Eyetracking Demo de ETREhttp://www.youtube.com/watch?v=lo_a2cfBUGc
71
72
73
Catégories de manchettes (titres)Direct: Portrait de ma consommation
Indirect:L'influence de la température sur votre consommation
Les manchettes de type «question»
Êtes-vous éconergétique ou énergivore ?
Une manchette de «nouvelle» classique:
Entrevue exclusive avec Thierry Vandal
La promesse de réalisation/compréhension:
Comment lire votre facture d’électricité
L’exhortation: Simplifiez votre consommation/Optez pour la facilité
Raisonnement (appuyer par un chiffre):5 trucs pour économiser encore plus
La citation: « Hydro-Québec me permet de bien dormir la nuit » admet Barack ObamaVoir: The art of writing great Twitter headlines (Brian Clark)http://www.copyblogger.com/twitter-headlines/
74
Source : http://www.tourisme-paris.info/
75
76
Malgré la prépondérance de l’image, le titre en forme de question, l’accroche etles intertitres risquent de susciter la lecture.
Source: http://www.aufeminin.com/vouloir-un-enfant/desir-enfant-test-d4315c107965.html
77
Source: http://www.polymtl.ca/biblio/fr/services-aux-membres-des-chaires-de-recherche-du-canada
78
79
Intégration d’intertitres
80
Exercice: Concision et nouvelle mise en espace du texte
Fichier: 4_Ex_Structure_fonction.docx
Source: http://www.polymtl.ca/biblio/fr/structure-et-fonctionnement
81
82
Source: http://www.rcq.gouv.qc.ca/loi.asp
83
Il serait sans doute préférable d’offrir un autre paragraphe à la suite du lien (pdf) pour mieux le faire ressortir.
Source: http://www.ville.quebec.qc.ca/actualites/fiche_autres_actualites.aspx?id=12949
84
Exercice de webification (à partir du document pdf Images : permis ou interdit ?)
Élaborer une structure de présentation (table des matières par ancres internes). Rédiger un titre percutant selon les thématiques présentées
Fichier: 5_Ex_Images_webification_MP.pdf
Le même type d’exercice pourrait être fait avec les courtes directives de configuration du proxyhttp://www.polymtl.ca/si/service/proxy/index.php
Les bulletins Infotech sont-ils toujours publiés ?http://www.polymtl.ca/carrefour/cms/infotech/
85
Rédiger pour le référencement naturel
Le référenceur, tout comme le rédacteur, doit se mettre dans la peau du lecteur et comprendre les comportements de recherche.
1- Dresser la liste de mots-clés potentiels (mots-déclencheurs).
2- Demander aux lecteurs de choisir des mots-clés et de les catégoriser (méthode du tri de cartes).
3- Retenir les mots les plus populaires, pertinents et concrets.
86
Les zones stratégiques où intégrer les mots-clés
La balise <title>votre titre ici</title> : · comprise comme étant l’une des plus stratégiques du référencement
naturel
· les premiers mots choisis sont les plus importants
· opter un titre assez court et pertinent
· ne pas dépasser les 90 caractères (7 à 10 mots)
· Google affiche les 70 à 80 premiers caractères.
87
Source: http://hydroquebec.com/media/fr/videos.html
88
Source: http://hydroquebec.com/media/fr/videos.html (code source)
89
La balise <h1>votre titre ici</h1> On se sert de cette balise pour bien faire ressortir le titre principal d’une page. Dans le cas de l’exemple d’Hydro-Québec, ce titre principal est <h1>Vidéos</h1>
· Titre précis et explicite· Ne pas confondre avec la balise <title>
Ci-dessous, on voit même la balise <h2>Mythes et réalités sur l’hydroélectricité au Québec</h2>
90
Google n’utilise plus du tout la balise de mots-clés (Keywords)
source: http://youtu.be/jK7IPbnmvVU
91
Dans cet exemple, la balise <title> n’est pas très éloquente, mais la balise <meta name= «description» content= l’est beaucoup plus...
<html xmlns="http://www.w3.org/1999/xhtml"><head><title>Intro SCAB</title><meta http-equiv="content-type" content="text/html; charset=utf-8"/><meta http-equiv="Pragma" content="no-cache"/><meta name="robots" content="index,follow"/><meta name="title" content="null"/> <meta name="description" content="Présentation du champ de recherche Substances chimiques et agents biologiques , des projets et des publications"/>
[…]
<span id="logo_print"><img alt="logo_print" src="media/images/irsst.gif"/><br/></span><p> </p><p> </p><p><span class="grandtitre"><img width="42" height="42" align="absMiddle" alt="Substances chimiques" src="media/images/icones_projets/champ_30.gif" /> Substances chimiques et agents biologiques</span></p><table width="100%" cellspacing="0" cellpadding="0" border="0">
source du code : http://www.irsst.qc.ca/intro-scab.html
92
http://www.google.com/search?q=recherche+publications+susbtances+chimiques+agents+biologiques&ie=utf-8&oe=utf-8&aq=t
93
Source: http://www.rbc.com/nouvelles/2013/0411-rbc-statement.html (consulté le 20 avril 2013)
94
Recherche Google du 5 mai 2013Même type de résultats avec les mots clés : RBC, impartition, travailleurs étrangers.
95
Captures d’écran du code source du communiqué de la RBChttp://www.rbc.com/nouvelles/2013/0411-rbc-statement.html (consulté le 20 avril 2013)
96
http://www.technologia.com/cours-et-seminaires/catalogue-de-cours/technologies-de-linformation/strategies-web/concepts-de-bases-et-avances-strategies-web/atelier-de-redaction-web.html
97
L’attribut alt (pour indiquer aux handicapés visuels qu’une image apparaît)
98
L’attribut alt=« image »(pour indiquer aux handicapés visuels qu’une image apparaît)
99
L’enjeu de l’accessibilité Au Québec 10,4% de la population (800k personnes) souffrent de limitations auditives, visuelles, motrices ou cognitives, selon Statistique Canada (2006).
Près de 300k foyers (1 million de personnes) n’ont pas accès à la haute vitesse non plus...
Bonnes pratiques en accessibilité (entres autres) :
· Simplification du langage utilisé
· Minimum de mouvements distrayants
· Contenus en listes plutôt qu’en paragraphes
· Phrases et paragraphes courts
· Colonnes de textes moins larges
· Taille de texte et interlignage suffisants
· Soutien au texte avec images ou vidéos
· Balise <H1> en matière d’optimisation (SEO)
· Gains significatifs avec balise <alt> pour l’image
· Pas de pdf (trop lourd à gérer)
100
Nouvelles obligations en vigueur depuis 2012 (normes gouvernementales)
Quatre principes fondateurs : robustesse (tous les outils sur les mêmes bases); perceptibilité; convivialité (utilisabilité);compréhensibilité.
Évitez le piège le plus commun : planifier l’accessibilité en fin de parcours…
Si l’ergonomie joue un rôle fondamental pour l’accessibilité, la rédaction web doit y prendre part en adoptant les pratiques courantes : balises <h1>, <alt>, sous-titres, etc.
Consultez : http://www.gtn-quebec.org/
Le Web Developer Tool Box dans Firefox trouve des erreurs automatiquement (absence de <alt> en html, etc.)
L'évaluation de l'accessibilité d'un site s'appuie sur quatre caractéristiques établies dans le standard du W3C.
Perceptibilité : Le contenu doit être perçu par tout type de lecteur. Par exemple, une image sans équivalent
textuel [ALT] ne peut être perçue par une personne aveugle. De même, un fichier sonore sans transcription
textuelle ne peut être perçu par une personne sourde.
Convivialité (utilisabilité) : Les éléments d'interface du contenu doivent être utilisables par tous.
Par exemple, une personne incapable d'utiliser une souris doit être en mesure de se déplacer dans le contenu à l'aide du clavier.
Compréhensibilité : Rendre le contenu et les contrôles compréhensibles par tous. Un langage simple et
des mécanismes de navigation cohérents rendent le contenu plus compréhensible pour les gens ayant une limitation cognitive.
Robustesse : Le contenu Web doit pouvoir être utilisé par les technologies courantes, incluant les
technologies d'adaptation informatique (logiciel ou matériel permettant à une personne handicapée d'utiliser
un ordinateur de façon autonome pour accéder à l'information).
Source: Acessibilité Web: http://accessibiliteweb.com/fr/
101
Référencement prédictifS’applique aux événements prévisibles...
Donner un maximum de visibilité à une page de conversion lors d’une date fixePublication de contenus à partir d’un moment précis (début juin) avec une
fréquence d’un texte par semaine jusqu’au moment voulu (mi-juillet)
102
Pour nous joindre: site web et blogue (?)
http://guides.biblio.polymtl.ca/content.php?pid=489191&sid=4012131
103
«This is an essential topic for scholars entering the field today, but it’s rarely addressed in any formal way by departments. The decision to take one’s scholarship online (or the decision not to) both have real consequences on the job market and beyond.»
Ryan Cordell
Source: Crea4ng and Maintaining a Professional Presence Online: A Roundup and Reflec4on (Ryan Cordell)h"p://chronicle.com/blogs/proKacker/crea4ng-‐and-‐maintaining-‐a-‐professional-‐presence-‐online-‐a-‐roundup-‐and-‐reflec4on/43030
104
[...]
«In other words, the web can allow junior scholars to get good ideas into the world (and to the attention of their fields) in unprecedented ways. For me that’s a net good, and a powerful argument for junior scholars to engage with their research online.
In my personal experience—and I bold that phrase because, as always, your mileage may vary—the more open I have been with my scholarship online, the more professional doors have opened to me. If you’re a junior scholar with no online presence, there are at least reasons to reconsider that choice.»[...]
Ryan Cordell
Source: Crea4ng and Maintaining a Professional Presence Online: A Roundup and Reflec4on (Ryan Cordell)h"p://chronicle.com/blogs/proKacker/crea4ng-‐and-‐maintaining-‐a-‐professional-‐presence-‐online-‐a-‐roundup-‐and-‐reflec4on/43030
105
Source: Bibliothèque Saint-Jean
http://blogs.library.ualberta.ca/biblioblogue/
106
Science and Engineering Librairies Blog (Université Columbia)
https://blogs.cul.columbia.edu/science/
107
Princeton University Engineering Library Blog
http://blogs.princeton.edu/englib/
108
Bibliopedia (un wiki francophone de blogues de bibliothécaires, archivistes et documentalistes)http://www.bibliopedia.fr/index.php/Biblioblogs
109
L’accès aux blogues (billets) par le menu déroulant Explore de la page d’accueil de la NYPLhttp://www.nypl.org/blog
110
De nombreux canaux de blogues greffés au site de la NYPL, auxquels un fil RSS est associé (plus de 30 blogueurs)http://www.nypl.org/voices/blogs/blog-channels
111
Billet de Lauren Lampasone (NYPL)
(La table des matières, par ancre interne et en liste à puces, sous les deux premiers paragraphes, permet de découvrir la portée du contenu) http://www.nypl.org/blog/2012/02/08/i-love-reading-epub-and-pdf
112
Les blogues de la BnF (avec ses trois canaux principaux)http://blog.bnf.fr/
113
Le blogue des Bibliothèques de la Ville de Montréal (billet de Thérèse Des Rochers)http://espaceb.bibliomontreal.com/2012/02/07/connaissez-vous-opeq/
114
Blogue, vlogue et plus encore...Librarian in Black (Sarah Houghton)http://librarianinblack.net/librarianinblack/
Voir aussiThe top-50 Librarian Blogs (USA)http://www.getdegrees.com/careers/_the-top-fifty-librarian-blogs/
115
Référencement très rapide de Google à partir du billet Un mémoire dénigrant et diffamanthttp://patriceleroux.blogspot.com/2012/02/un-memoire-denigrant-et-diffamant.html
116
Sept conseils de Jean-Marc Hardy
Source: Écrire pour les blogs (Jean-Marc Hardy)http://www.redaction.be/exemples/ecrire_pour_les_blogs_mai_06.htm
117
Ressources supplémentaires:
25 reasons why I’ll leave your web site in 10 seconds (Chris Lake)http://econsultancy.com/us/blog/6924-25-reasons-why-i-ll-leave-your-website-in-10-seconds
Rédacteur web ou stratège en contenus ? (Aurélie Ponton)http://www.grenier.qc.ca/chroniques/1860/redacteur-web-ou-stratege-en-contenu
Utilisez la voix active - lisibilité des procédures – (Muriel Vandermeulen)
http://www.ecrirepourleweb.com/redaction-web/utilisez-la-voix-active-lisibilite-des-procedures-6
Écrire pour les blogs (Jean-Marc Hardy)http://www.redaction.be/exemples/ecrire_pour_les_blogs_mai_06.htm
Les paradoxes des blogs de bibliothèques (bibliobsession/2009)h"p://www.bibliobsession.net/2009/03/05/les-‐paradoxes-‐des-‐blogs-‐de-‐bibliotheques/?doing_wp_cron=1328915996
The value of what you write and the value of conversational datahttp://roii2.wordpress.com/2011/01/26/the-value-of-what-you-write-and-the-vakue-of-conversational-data/ La pagination web : mauvaise pour les lecteurs, mauvaise pour les moteurs (Jean-marc Hardy) http://blog.60questions.net/index.php/2011/10/04/455-la-pagination-mauvaise-pour-les-lecteurs-mauvaise-pour-les-moteurs
Recherche Eyetrack 2012 sur les tablettes (iPad)http://www.poynter.org/latest-news/media-lab/mobile-media/151844/poynter-tablet-research-tap-touch-pinch-swipe-eyetrack-stories-staffing-revenue-and-more/ The myth of the page fold : evidence from user testing (Joe Leech)http://www.cxpartners.co.uk/cxblog/the_myth_of_the_page_fold_evidence_from_user_testing/
La « web curation » : au-delà du hype ! (Paule Mackrous)http://effetdepresence.blogspot.com/2011/02/la-curation-au-dela-du-hype.html
Pour remettre l’humain au centre des recherches Internet (Boris Manenti)http://hightech.nouvelobs.com/actualites/depeche/20110406.OBS0843/pour-remettre-l-humain-au-centre-des-recherches-sur-internet.html Curation : vers une légitimisation des experts ? (David Marbac)http://www.davidmarbac.com/blog/curation-legitimation-experts/
118
Ressources intéressantes
Tendance du webdesign : sticky navigation ( Arnaud Steckle)http://www.webdesignertrends.com/2012/04/tendance-du-webdesign-sticky-navigation
Exemple de découpage d'un texte ( dossier) en plusieurs fichiershttp://www.journaldunet.com/economie/magazine/pib-2060/
Réduire son taux de rebond (Maximilien Labadie)http://www.webandseo.fr/seo/reduire-votre-taux-de-rebond/
Why good web sites are written like junk mail ( Nick usborne)http://www.nickusborne.com/good-websites-are-written-like-junk-mail/
How content Length affects Rankings and Conversionshttp://www.quicksprout.com/2012/12/20/the-science-behind-long-copy-how-more-content-increases-rankings-and-conversions/
Balise H1 et référencement naturel : le testhttp://www.seomix.fr/referencement-h1/
Google updates: Above the fold page layout Algorithm (Miranda Miller)http://searchenginewatch.com/article/2216227/Google-Updates-Above-the-Fold-Page-Layout-Algorithm
The geeks have done their part for social media. Now it's time for the writers.(Nick Usborne)http://www.nickusborne.com/the-geeks-have-done-their-part-for-social-media/
Rédaction: comment écrire une introduction d'article irrésistible (Thierry Bertrand)http://www.thierrybertrand.com/redaction-web/redaction-comment-ecrire-une-introduction-darticle-irresistible/
10 signs that we need Proofreadinghttp://www.prdaily.com/Main/Articles/12483.aspx
Texte justifié à gauche et à droitehttp://benjaminmayo.co.uk/about
Google web fontshttp://www.google.com/webfonts
N'ayez pas peur du grand méchant "scroll" (Jean-Marc Hardy)http://blog.60questions.net/2009/10/n-ayez-pas-peur-du-scroll/
La pagination : mauvaise pour les lecteurs, mauvaise pour les moteurs (Jean-Marc Hardy)http://blog.60questions.net/2011/10/la-pagination-mauvaise-pour-les-lecteurs-mauvaise-pour-les-moteurs/
View-all in search results (Google webmaster central blog)http://googlewebmastercentral.blogspot.ca/2011/09/view-all-in-search-results.html?spref=tw
10 tips on writing from David Ogilvyhttp://www.brainpickings.org/index.php/2012/02/07/david-ogilvy-on-writing/
Les fautes d'orthographe font perdre des millions aux entreprises (RTBF)http://www.rtbf.be/info/societe/detail_les-fautes-d-orthographe-font-perdre-des-millions-d-euros-aux-entreprises?id=6707693
119
Merci de votre attention
Patrice Leroux
http://twitter.com/patriceleroux
http://patriceleroux.blogspot.com/
http://www.slideshare.net/lerouxpa
120