<?xml version="1.0" encoding="UTF-8"?><!-- generator="wordpress.com" -->
<rss version="2.0"
	xmlns:content="http://purl.org/rss/1.0/modules/content/"
	xmlns:wfw="http://wellformedweb.org/CommentAPI/"
	xmlns:dc="http://purl.org/dc/elements/1.1/"
	>

<channel>
	<title>charte-editoriale &amp;laquo; WordPress.com Tag Feed</title>
	<link>http://en.wordpress.com/tag/charte-editoriale/</link>
	<description>Feed of posts on WordPress.com tagged "charte-editoriale"</description>
	<pubDate>Mon, 07 Dec 2009 04:40:33 +0000</pubDate>

	<generator>http://en.wordpress.com/tags/</generator>
	<language>en</language>

<item>
<title><![CDATA[Maîtrisez le poids des mots sur Internet (écriture et e-réputation)]]></title>
<link>http://echangeurba.wordpress.com/2009/06/09/maitrisez-le-poids-des-mots-sur-internet-ecriture-et-e-reputation/</link>
<pubDate>Tue, 09 Jun 2009 13:05:04 +0000</pubDate>
<dc:creator>echangeur</dc:creator>
<guid>http://echangeurba.wordpress.com/2009/06/09/maitrisez-le-poids-des-mots-sur-internet-ecriture-et-e-reputation/</guid>
<description><![CDATA[Comme je le signalais la semaine dernière, l&#8217;exigence de qualité est devenue de plus en plus a]]></description>
<content:encoded><![CDATA[<div class='snap_preview'><p style="text-align:justify;"><a href="http://echangeurba.wordpress.com/files/2009/06/ecrire.jpg"><img class="alignleft size-full wp-image-766" title="ecrire pour le web" src="http://echangeurba.wordpress.com/files/2009/06/ecrire.jpg" alt="ecrire pour le web" width="223" height="148" /></a>Comme je le signalais la <a title="Trucs et astuce spour un site efficace" href="http://echangeurba.wordpress.com/2009/05/26/trucs-et-astuces-pour-un-site-pratique-beau-efficace/" target="_blank">semaine dernière</a>, l&#8217;exigence de qualité est devenue de plus en plus aiguë sur Internet dans un contexte de concurrence si important. Parmi les fondamentaux de la présence en ligne réussie, on pense trop souvent à la forme au détriment du fond. L&#8217;internaute vient chercher une information pratique, un service, une valeur ajoutée. La stratégie éditoriale est donc indispensable. Cela passe par une capacité à &#8220;écrire Web&#8221; mais aussi par une conscience toujours sur le qui-vive que ce qui est écrit a de l&#8217;impact sur votre réputation.</p>
<p>Sur le premier point, <!--more-->parmi les règles émises par <a title="SLS Conseil" href="http://www.journaliste-online.com/" target="_blank">Sandrine Leveugle Souan</a>, journaliste indépendante qui intervenait vendredi, j&#8217;ai retenu 10 astuces pour écrire &#8220;Web&#8221;:</p>
<p><strong>1</strong>- Écrivez concis, réduisez le volume de texte.<br />
<strong>2</strong>- Employez un vocabulaire simple et concret, pas promotionnel.<br />
<strong>3</strong>- Ni abréviations ni sigles, rendre accessible le vocabulaire technique.<br />
<strong>4</strong>- Évitez d’utiliser avoir, être et faire : préférez des verbes actifs.<br />
<strong>5</strong>- Rapprochez le plus possible le sujet du verbe.<br />
<strong>6</strong>- Conserver le même sujet du début à la fin du texte.<br />
<strong>7</strong>- Temps : privilégiez systématiquement le présent.<br />
<strong>8</strong>- Ne perdez jamais de vue l’angle du sujet, fil conducteur du papier.<br />
<strong>9</strong>- Partez d’un plan large et resserrez votre angle<br />
<strong>10</strong>- Toujours se relire avant de mettre en ligne !</p>
<p>Côté e-réputation, parmi les prolixes conseils de <a title="2donet" href="http://www.2donet.com/" target="_blank">Sébastien Parent de 2donet</a>,  j&#8217;ai noté:</p>
<p><strong>Des évidences</strong><br />
- Satisfaire ses clients<br />
- Exister sur Internet<br />
<strong>Des règles</strong><br />
<strong> 1</strong>- Être à l&#8217;écoute<br />
<strong>2</strong>- Fédérer les relais<br />
<strong>3</strong>- Engager le dialogue<br />
<strong>4</strong>- Intervenir rapidement et de manière appropriée<br />
<strong>5</strong>- Rester direct et transparent</p>
<p style="text-align:justify;">Lire aussi : <a title="Trucs et astuce spour un site efficace" href="http://echangeurba.wordpress.com/2009/05/26/trucs-et-astuces-pour-un-site-pratique-beau-efficace/" target="_blank">trucs et astuces pour un site Web beau, pratique, effiace</a> ; <a title="Conseils pour un projet web réussi" href="http://echangeurba.wordpress.com/2009/02/09/quelques-conseils-pour-reussir-son-projet-web/" target="_blank">Quelques conseils pour réussir son projet Web</a> ; <a title="Le cahier des charges" href="http://echangeurba.wordpress.com/2006/11/22/le-cahier-des-charges-web/" target="_blank">le cahier des charges</a>.</p>
<p style="text-align:justify;">Claire Decroix</p>
</div>]]></content:encoded>
</item>
<item>
<title><![CDATA[Typographie et Web]]></title>
<link>http://ecrirepourleweb.wordpress.com/2008/04/25/typographie-et-web/</link>
<pubDate>Fri, 25 Apr 2008 16:25:59 +0000</pubDate>
<dc:creator>muriel vandermeulen</dc:creator>
<guid>http://ecrirepourleweb.wordpress.com/2008/04/25/typographie-et-web/</guid>
<description><![CDATA[J&#8217;ai trouvé sur Action-Rédaction un succinct billet sur les usages typographiques sur le Web]]></description>
<content:encoded><![CDATA[<div class='snap_preview'><address> </address>
<address><a href="http://ecrirepourleweb.files.wordpress.com/2008/04/typo.png"><img class="alignnone size-medium wp-image-478 alignright" style="float:right;" src="http://ecrirepourleweb.wordpress.com/files/2008/04/typo.png?w=245" alt="" width="245" height="300" /></a><strong>J&#8217;ai trouvé sur Action-Rédaction un succinct </strong><strong>billet </strong><strong>sur les usages typographiques sur le Web&#8230; Juste une petite mention avant que de revenir vers vous sur la question de la dénomination de la home page&#8230;</strong></address>
<h4 style="color:#8B0000;">Ce qu&#8217;écrit l&#8217;auteur du site&#8230;</h4>
<p style="padding-left:30px;">&#8220;Les règles de typographie sont simplifiées sur Internet: accentuation, ponctuation, espaces, casse. Adopter un code typographique présente l&#8217;avantage d&#8217;uniformiser le rendu écrit et de crédibiliser le contenu en garantissant un confort de lecture à l&#8217;internaute&#8221;</p>
<h4 style="color:#8B0000;">Ce que j&#8217;en dis&#8230;</h4>
<p>C&#8217;est d&#8217;autant plus vrai que l&#8217;internaute recherche harmonie et cohérence sur le Web, et, plus particulièrement, au sein de pages identiquement labellisées. C&#8217;est ainsi que j&#8217;invite souvent les clients à créer une charte éditoriale pour leurs contenus Web : quand mettre des majuscules, que faire des listes à puces, comment traiter les abréviations et les majuscules&#8230;</p>
<p>La bonne nouvelle, c&#8217;est que ce sont toujours les mêmes questions que l&#8217;on se pose. Donc, il suffit de prendre, une seule fois (mais cela peut durer un peu) le temps de développer cette charte. Si vous souhaitez un conseil sur le sujet, <a title="M'envoyer un e-mail. " href="mailto:lexis@skynet.be">contactez-moi</a>&#8230;</p>
<h4 style="color:#8B0000;">Que dit ensuite l&#8217;auteur du site ?</h4>
<p style="padding-left:30px;">
<h2><strong>Accents sur les capitales</strong></h2>
<p style="padding-left:30px;"><strong>Accentuer une capitale ou non ? La seule règle est de prendre la décision de mettre un accent sur les capitales ou non et de s’y tenir.</strong></p>
<p style="padding-left:30px;">Cependant, utiliser des accents sur les capitales permet une lecture plus facile et lève certaines ambiguïtés. Utiliser une majuscule accentuée ou non accentuée peut également être un choix stratégique de référencement : en effet, pour certains robots, la casse n’est pas respectée et « Histoire » majuscule retournera les mêmes résultats que « histoire » minuscule… mais lorsqu’il s’agit d’intégrer des mots clés dans le texte, intégrer un « Ecrire» majuscule permet d’afficher un mot clé sans accent sur le « e » sans que cela ne passe pour une faute de frappe dans le texte. Le mot « ecrire » sans accent aigu sur le « e » au milieu du texte est une faute d’orthographe..</p>
<h4 style="color:#8B0000;">Ce que j&#8217;en dis&#8230;</h4>
<p>UN HOMME TUE ou UN HOMME TUÉ &#8230; L&#8217;exemple se suffit à lui-même, non ? Le code du e accentué aigu étant <span style="background-color:#ff0000;"><span style="color:#eeeeee;">&#38; E acute</span></span> (sans espace entre les caractères).</p>
<h2><strong></strong><strong> Insérer une espace ? La ponctuation des signes simples et doubles<!-- InstanceEndEditable --></strong></h2>
<p style="padding-left:30px;"><!-- InstanceBeginEditable name="contenu 1 colonne 2" --> Les signes simples sont :</p>
<ul style="padding-left:30px;">
<li> la virgule &#8220;,&#8221;</li>
<li> le point &#8220;.&#8221;</li>
<li> les points de suspension &#8220;&#8230;&#8221;</li>
</ul>
<p style="padding-left:30px;">La règle est : &#8220;signe simple, espace simple&#8221; ; l&#8217;espace se trouve  après le signe.</p>
<p style="padding-left:30px;">Les signes doubles sont :</p>
<ul style="padding-left:30px;">
<li> le point-virgule &#8220;;&#8221;</li>
<li> les deux-points &#8220;:&#8221;</li>
<li> le point d&#8217;exclamation &#8220;!&#8221;</li>
<li> le point d&#8217;interrogation &#8220;?&#8221;</li>
</ul>
<h4 style="color:#8B0000;">Ce qu&#8217;en dit l&#8217;auteur du site&#8230;</h4>
<p style="padding-left:30px;">La règle est : &#8220;signe double, espace double&#8221;  (une espace avant, une espace après).</p>
<p style="padding-left:30px;">Néanmoins, sur Internet, mieux vaut ne pas intégrer d’espace pour éviter le retour à la ligne d’un élément isolé. Autre solution :  ajouter un espace insécable en HTML représenté par <span style="background-color:#ff0000;"><span style="color:#eeeeee;">&#38; nbsp</span></span> (à nouveau, sans les espaces).</p>
<h4 style="color:#8B0000;">Ce que j&#8217;en dis&#8230;</h4>
<p>Par simplification (et par sécurité), je suggère toujours de laisser tomber les espaces insécables. D&#8217;autant que souvent, les contenus sont préparés dans un traitement de texte. Le codage des insécables n&#8217;est donc pas automatiquement assuré.</p>
<p>Et puis, n&#8217;est-ce pas Le Monde ou Libé qui a abandonné, il y a quelques années, les insécables même dans le format papier ? Soyons dans notre temps, dans le média et innovons <img src='http://s.wordpress.com/wp-includes/images/smilies/icon_wink.gif' alt=';-)' class='wp-smiley' /> </p>
<h2><strong></strong><strong> La ponctuation des parenthèses, guillemets, crochets, accolades<!-- InstanceEndEditable --></strong></h2>
<p><!-- InstanceBeginEditable name="contenu 1 colonne 2" --> Laisser des espaces à l&#8217;extérieur, mais pas à l&#8217;intérieur. 2 exceptions:</p>
<ul>
<li> il n’y a pas d&#8217;espace entre la parenthèse finale et la ponctuation simple qui  suit</li>
<li>pour les guillemets à la française « », appliquer la règle des signes doubles, soit des espaces avant et après sauf s&#8217;ils sont suivis d&#8217;une ponctuation simple</li>
</ul>
<h4 style="color:#8B0000;">Ce que j&#8217;en dis&#8230;</h4>
<p>Voir ma bafouille sur les espaces insécables ci-dessus.</p>
<h2><strong></strong><strong> Quelle ponctuation pour les listes à puces et à numéros ?<!-- InstanceEndEditable --></strong></h2>
<p><!-- InstanceBeginEditable name="contenu 1 colonne 2" -->Pour les listes, il faut laisser une espace entre le tiret et le mot qui suit ; pour terminer une liste, 2 solutions sont possibles avec une préférence pour la seconde:<br />
1) pas de virgule à la fin de chaque élément de la liste, ni de point à la fin :</p>
<ul>
<li> ligne 1</li>
<li> ligne 2</li>
</ul>
<p>2) un point-virgule à la fin de chaque élément de la liste, un point à la fin :</p>
<ul>
<li> ligne 1 ;</li>
<li>ligne 2.</li>
</ul>
<h4 style="color:#8B0000;">Ce que j&#8217;en dis&#8230;</h4>
<p>Par simplification (et par sécurité, à nouveau), je préconise la première solution. Cette solution est d&#8217;autant plus recommandée aux gestionnaires de contenus multilingues. Les règles typographiques varient d&#8217;une langue à l&#8217;autre. Et ces variations se ressentent pas mal dans la liste à puces.</p>
<h2><strong></strong><strong>Présentation des noms et prénoms<!-- InstanceEndEditable --></strong></h2>
<ul>
<li> écrire les initiales en capitales</li>
<li> écrire les prénoms en minuscules devant le nom</li>
<li> écrire les noms en (petites) capitales</li>
<li>petites capitales:<br />
Les petites capitales sont utilisées pour donner le nom de l’auteur dans une référence bibliographique; les petites capitales peuvent être codées en définissant une taille de police inférieure au reste du texte.<br />
Amélie N&#60;font size -1&#62;othomb&#60;/font&#62;<br />
Les petites capitales sont peu utilisée sur le Web.</li>
<li>les titres en exposant:<br />
Le texte en exposant est peu  utilisé sur le Web, ainsi on écrira :<br />
Mlle, Mme, Mlles, Mmes et non M&#60;sup&#62;lle&#60;/sup&#62; qui est une écriture très lourde.<br />
Idem pour les adjectifs numéraux  ordinaux : 1er, 2e, 3e, etc.</li>
</ul>
<h4 style="color:#8B0000;">Ce que j&#8217;en dis&#8230;</h4>
<p>Je suis assez contre (à un point qui frise l&#8217;obstination) l&#8217;usage des capitales dans un contenu. Je les tolère dans des surtitres et titres de pages&#8230; A peine dans des titres d&#8217;articles. C&#8217;est dire. Donc, en ce qui me concerne, je fais fi (shame on me) des règles typographiques pour ce qui est des prénoms et des noms. il suffit de voir sur certaines pages du site public du Parlement européen pour se rendre compte de l&#8217;effet visuel de ce type de choix. Dès que sont citées plusieurs personnes dans 1 paragraphe, la lisibilité en est beaucoup atténuée.</p>
<h2><strong></strong><strong>Insertion des références bibliographiques <!-- InstanceEndEditable --></strong></h2>
<p><!-- InstanceBeginEditable name="contenu 1 colonne 2" --><strong>Plusieurs normes  existent:<br />
</strong><strong>NOM Prénom</strong>, <em>titre</em>, ville, éditeur, année,  autres renseignements.<br />
ou<br />
<strong>NOM Prénom</strong>, article, <em>titre de revue</em>,  ville, éditeur, année, autres renseignements</p>
<h4 style="color:#8B0000;">Ce que j&#8217;en dis&#8230;</h4>
<p>En général  je laisse au graphiste le soin de trouver une manière soignée et web-enabled de présenter ce type de références. Je préconise les taxonomies et autres syndications pour de tels contenus. Cela donne une utilité supplémentaires à ces informations.</p>
<h2><strong></strong><strong> Acronymes<!-- InstanceEndEditable --></strong></h2>
<p><!-- InstanceBeginEditable name="contenu 1 colonne 2" --> Ecrire les acronymes en majuscules, avec ou sans points :<br />
On écrira HTML, CSS, ONU, PAM, O.C.D.E. ou OCD</p>
<h4 style="color:#8B0000;">Ce que j&#8217;en dis&#8230;</h4>
<p>Parfaitement d&#8217;accord. Mais, à la première occurence de l&#8217;abréviation, selon le public cible, je donne d&#8217;abord le nom complet qui réfère à l&#8217;acronyme.</p>
<h2><strong></strong><strong> Les unités<!-- InstanceEndEditable --></strong></h2>
<p><!-- InstanceBeginEditable name="contenu 1 colonne 2" --><strong>Laisser  une espace entre les chiffres et l’unité de mesure :<br />
3,3 cm<br />
3 000 000,00 EUR<br />
33,3 %</strong></p>
<h4 style="color:#8B0000;">Ce que j&#8217;en dis&#8230;</h4>
<p>Dur dur, les espaces insécables sur une page Web, on l&#8217;a vu. Mais, c&#8217;est vrai que la lisibilité impose une espace. Pour les chiffres de manière générale, on suivra le conseil de Jakob Nielsen : en chiffres et pas en lettres.</p>
<h2><strong> Etc., et cetera, et caetera<!-- InstanceEndEditable --></strong></h2>
<p><!-- InstanceBeginEditable name="contenu 1 colonne 2" --><strong>« Etc. » n’est jamais suivi de points de  suspension.</strong></p>
<h3><strong>Plus d&#8217;infos ?</strong></h3>
<ul>
<li><strong><a title="Accédez au site" href="http://www.action-redaction.com/regle-typographie-et-internet.htm" target="_blank">Action-Rédaction&#8230; Les usages typographiques sur le Web</a></strong></li>
<li><strong><a title="Un ancien billet de ce blog sur la page d'accueil" href="http://ecrirepourleweb.wordpress.com/2008/04/17/le-grand-declin-de-la-home-page/" target="_blank">Le grand déclin de la homepage?</a></strong></li>
<li><strong><a title="Participez au débat!" href="http://ecrirepourleweb.wordpress.com/2008/04/22/page-daccueil-la-mal-nommee/" target="_blank">La homepage, la malnommée&#8230;</a></strong></li>
<li><strong><a title="Accédez au site W3Schools, sur le codage html" href="http://w3schools.com/tags/ref_entities.asp" target="_blank">Une liste des codes pour les accentués</a> (les entités ou entities, comme disent les &#8220;Pro&#8221;, je crois)<br />
</strong></li>
</ul>
</div>]]></content:encoded>
</item>

</channel>
</rss>
