<?xml version="1.0" encoding="UTF-8"?>
<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/"
	xmlns:atom="http://www.w3.org/2005/Atom"
	xmlns:sy="http://purl.org/rss/1.0/modules/syndication/"
	xmlns:slash="http://purl.org/rss/1.0/modules/slash/"
	>

<channel>
	<title>Ecrire pour le Web @ WAW &#187; Architecture de l&#8217;information</title>
	<atom:link href="http://www.ecrirepourleweb.com/category/architecture-de-l-information/feed" rel="self" type="application/rss+xml" />
	<link>http://www.ecrirepourleweb.com</link>
	<description>Rédaction Web &#38; Communication en ligne</description>
	<lastBuildDate>Fri, 10 Feb 2012 09:23:03 +0000</lastBuildDate>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
	<generator>http://wordpress.org/?v=3.3.1</generator>
		<item>
		<title>Catégories et tags &#8211; Bien organiser l&#8217;information sur votre blog # 2</title>
		<link>http://www.ecrirepourleweb.com/architecture-de-l-information/categories-et-tags-bien-organiser-linformation-sur-votre-blog-2</link>
		<comments>http://www.ecrirepourleweb.com/architecture-de-l-information/categories-et-tags-bien-organiser-linformation-sur-votre-blog-2#comments</comments>
		<pubDate>Thu, 09 Jun 2011 12:27:31 +0000</pubDate>
		<dc:creator>Muriel Vandermeulen</dc:creator>
				<category><![CDATA[Architecture de l'information]]></category>
		<category><![CDATA[Rédaction Web & Editorial]]></category>
		<category><![CDATA[(corporate) blogging]]></category>
		<category><![CDATA[formats éditoriaux]]></category>
		<category><![CDATA[gestion de projet]]></category>
		<category><![CDATA[Mook WaW]]></category>

		<guid isPermaLink="false">http://www.ecrirepourleweb.com/?p=3780</guid>
		<description><![CDATA[Que sont les catégories et les tags sur un blog? Comment fonctionnent-ils? Comment les utiliser à bon escient pour assurer une navigation efficace et une bonne expérience utilisateur?]]></description>
			<content:encoded><![CDATA[<div class="tweetmeme_button" style="float: right; margin-left: 10px;">
			<a href="http://api.tweetmeme.com/share?url=http%3A%2F%2Fwww.ecrirepourleweb.com%2Farchitecture-de-l-information%2Fcategories-et-tags-bien-organiser-linformation-sur-votre-blog-2"><br />
				<img src="http://api.tweetmeme.com/imagebutton.gif?url=http%3A%2F%2Fwww.ecrirepourleweb.com%2Farchitecture-de-l-information%2Fcategories-et-tags-bien-organiser-linformation-sur-votre-blog-2&amp;source=ecrirepourleweb&amp;style=normal&amp;service=ow.ly&amp;b=2" height="61" width="50" /><br />
			</a>
		</div>
<p>Les catégories et tags, système de navigation propre au blog en constitue un des principaux atouts. Mais attention, pour assurer le bon fonctionnement de cette navigation, il y a des règles&#8230;</p>
<p><span id="more-3780"></span></p>
<p>Que sont les catégories et les tags sur un blog? Comment fonctionnent-ils? Comment les utiliser à bon escient pour assurer une navigation efficace et une bonne expérience utilisateur?</p>
<li><a href="#categories_tags">Catégories et tags, qu&#8217;est-ce que c&#8217;est?</a></li>
<li><a href="#navigationtransversale">Navigation transversale</a></li>
<li><a href="#Vocabulairecontrole">Vocabulaire contrôlé</a></li>
<li style="padding-left: 30px;"><a href="#premierniveau">Premier niveau de navigation</a></li>
<li style="padding-left: 30px;"><a href="#secondniveau">Second niveau de navigation</a></li>
<li><a href="#controlevocabulaire">Contrôlé, donc, le vocabulaire</a></li>
<li><a href="#entretien">De l&#8217;entretien de son thesaurus</a></li>
<h2><a name="categories_tags"></a>Catégories et tags, qu&#8217;est-ce que c&#8217;est?</h2>
<p>L&#8217;organisation de l&#8217;information sur un blog fait typiquement appel à deux clés d&#8217;accès thématiques: les catégories et les tags. De quoi s&#8217;agit-il?</p>
<p><strong>Catégories</strong> &#8211; les catégories sont aux blogs ce que les rubriques ou items de menu sont aux sites Web. Ce sont les intercalaires de votre classeur, les tiroirs de votre armoire à dossiers. Les catégories servent à classer vos articles. Comme on le verra, un article peut (doit?) se trouver dans plusieurs catégories. Pour poursuivre l&#8217;analogie au site Web, les catégories sont le premier niveau de navigation sur un blog.</p>
<p><strong>Tags</strong> &#8211; Les tags sont des mots-clés utilisés pour classer vos sujets traités dans les articles. Ce sont des étiquettes, des marqueurs qui permettent un classement facile et dynamique, mais aussi un regroupement intuitif et intéressant pour pouvoir rebondir d’un billet à un autre. C&#8217;est le deuxième niveau de navigation: les sous-catégories. Cependant, ces sous-catégories sont transversales à plusieurs catégories de premier niveau. D&#8217;où on les appelle mots-clés.</p>
<p>Les tags sont souvent représentés en &laquo;&nbsp;nuage&nbsp;&raquo;. Le <strong>nuage de tags </strong>reprend l’ensemble des mots-clés définis pour votre contenu et leur attribue une taille et une couleur de caractère différentes en fonction de leur indice de répétition. Souvent on procède selon le principe du dégradé : plus un mot-clé est répété dans le blog, plus le tag sera écrit en gros caractères et plus l’intensité de sa couleur sera élevée.</p>
<h2><a name="navigationtransversale"></a>Navigation transversale</h2>
<p>L&#8217;avantage de ces <strong>clés d&#8217;entrée thématiques</strong> réside dans le fait qu&#8217;elles diversifient les accès aux articles. En effet, il serait dommage (et même idiot, voire impossible) de limiter vos billets à une seule thématique. Dès que vous abordez un des thèmes (catégories) de votre projet éditorial, il va de soi que vous couvrez aussi, ne fut-ce que superficiellement, un autre thème ou sous-thème (tag) plus <strong>transversal</strong>.</p>
<p>C&#8217;est en cela, donc, que réside l&#8217;avantage majeur de l’architecture par thématique, qui doit être considérée comme un <strong>système ouvert et dynamique</strong> (mais néanmoins contrôlé).</p>
<h2><a name="Vocabulairecontrole"></a>Vocabulaire contrôlé</h2>
<p>Vous pouvez attribuer plusieurs catégories et plusieurs tags à un même article. Cependant, il convient de ne pas abuser de ces outils de classement.</p>
<p>Au final, vous devez faciliter la <strong>navigation croisée</strong> dans vos articles et non semer la confusion dans l&#8217;esprit de vos lecteurs. C&#8217;est pourquoi, en bon père de vos contenus, vous dresserez, avant de vous lancer dans la rédaction à proprement parler, un vocabulaire contrôlé.</p>
<p>Par vocabulaire contrôlé, on entend une liste établie de <strong>termes normalisés</strong> à utiliser dans <strong>l&#8217;indexation des contenus</strong>, comme donc, les catégories et les tags. Ce vocabulaire contrôlé assure qu&#8217;un sujet sera classé en utilisant les mêmes termes préférentiels chaque fois qu&#8217;il est indexé.</p>
<p><a title="Du bon usage des métadonnées en rédaction Web" href="http://www.ecrirepourleweb.com/architecture-de-l-information/du-bon-usage-des-metadonnees-en-redaction-web">Comme on l’a vu précédemment</a>, l’indexation des contenus a 3 avantages : simplifier la recherche, unifier le travail collaboratif et formaliser la classification des contenus.</p>
<h3><a name="premierniveau"></a>Premier niveau de navigation</h3>
<p>Prenons un cas pratique : vous souhaitez publier un blog sur la communication en ligne. Vos principaux thèmes (catégories) seront:</p>
<ul>
<li>Brand content</li>
<li>Content marketing</li>
<li>Ergonomie des contenus</li>
<li>Expérience Utilisateur</li>
<li>Image de marque &amp; réputation</li>
<li>Médias sociaux</li>
<li>Plan de communication</li>
<li>Rédaction en ligne</li>
<li>Référencement</li>
<li>Relations publiques</li>
<li>Stratégie de contenu</li>
</ul>
<p>Il va de soi que vous pouvez écrire un article dont le propos touche à la fois au content marketing, aux médias sociaux, à l&#8217;image de marque et à la stratégie de contenu. Ou à la rédaction en ligne, à l&#8217;expérience utilisateur, au plan de communication, aux relations publiques et au référencement.</p>
<p>Toutes les combinaisons sont, a priori possible. Cependant, vous veillerez, donc, à ne pas attribuer de trop nombreuses catégories à votre article. En général, je limite<strong> l&#8217;indexation des articles à 3 ou 4 catégories</strong>.</p>
<h3><a name="secondniveau"></a>Second niveau de navigation</h3>
<p>Il s&#8217;agit maintenant de choisir les sujets transversaux que vous allez traiter. C&#8217;est-à-dire les mots clés communs à plusieurs articles de catégories différentes et qui vont permettre de rebondir d&#8217;un article à l&#8217;autre. On comprend ici à quel point ces mots-clés enrichissent la profondeur de la consultation.</p>
<p>Sur votre blog dédié à la communication en ligne, ces tags seront les suivants:</p>
<ul>
<li>Bonnes pratiques</li>
<li>Chiffres et statistiques</li>
<li>Evénements</li>
<li>Interviews &amp; Témoignages</li>
<li>Revue de presse</li>
<li>Téléchargements</li>
<li>Trucs &amp; Astuces</li>
</ul>
<p>Vous aurez remarqué que mes tags font davantage référence à des <strong>formats éditoriaux, des types d&#8217;information</strong> que des thématiques en tant que telles. C&#8217;est un choix, naturellement. J&#8217;aurais pu opérer une autre approche, et choisir, pour mots-clés des sujets transversaux tels que, p.ex.,</p>
<p><strong>SEO</strong> &#8211; qui serait traité dans les articles des catégories Content Marketing, Rédaction en ligne, Médias sociaux, Référencement<br />
<strong>WEB 2.0</strong> &#8211; qui reviendrait dans les articles des catégories Content Marketing, Expérience Utilisateur, Médias sociaux, Stratégie de contenu, &#8230;<br />
<strong>Blogging</strong> &#8211; pour les articles des catégories Content Marketing, Rédaction en ligne, Référencement, Plan de communication, Stratégie de contenu, &#8230;<br />
etc.</p>
<p>Ceci démontre à quel point le choix des catégories et des tags contribue à renforcer votre ligne éditoriale. En effet, un bon travail sur le vocabulaire contrôlé doit permettre au lecteur qui découvre la liste des catégories et tags de comprendre le propos, l&#8217;intention et le traitement informationnel proposé sur le blog en question. C&#8217;est dire s&#8217;il importe de concevoir cette navigation en amont de votre projet.</p>
<h2><a name="controlevocabulaire"></a>Contrôlé, donc, le vocabulaire</h2>
<p>Dans le tableau ci-dessous, j&#8217;ai repris toutes les catégories (colonne) et les tags (rang) pour tester les combinaisons possibles. Les &laquo;&nbsp;x&nbsp;&raquo; indiquent ces combinaisons. Bonne nouvelle: j&#8217;ai suffisamment de quoi travailler sur les deux niveaux de navigation.</p>
<p style="text-align: center;"><a href="http://www.ecrirepourleweb.com/wp-content/WAW_vocabulairecontrole.png"><img class="aligncenter size-medium wp-image-3908" style="margin-left: 80px; margin-right: 80px; border: 30px white;" title="WAW_vocabulairecontrole" src="http://www.ecrirepourleweb.com/wp-content/WAW_vocabulairecontrole-300x131.png" alt="" width="300" height="131" /></a></p>
<p style="text-align: center;">&nbsp;</p>
<p>Attention, cependant : le tableau m&#8217;indique toutes les combinaisons possibles. Or, dans la réalité, il va de soi que mes articles ne pourront rassembler toutes ces catégories (je l&#8217;ai dit: je conseille de réduire le classement à 3 catégories) ni tous les tags (il est irréaliste d&#8217;attribuer tous les mots clés possibles à un article, bien sûr). Là encore, on essaiera, en toute vraisemblance, de <strong>réduire le nombre de tags à 3 ou 4 par article</strong> également.</p>
<p>Cette grille contribue, disais-je, à <strong>formaliser ma ligne éditoriale</strong>. Ainsi, je peux décider que certains thèmes seront préférentiellement traités de certaines manières : par des bonnes pratiques, des interviews et des propositions de téléchargement. Tel autre thème, en revanche, sera exclusivement traité sous d&#8217;autres angles: chiffres et statistiques, Interviews &amp; Témoignages, Revue de presse.</p>
<p>On entre ici, véritablement, dans la <strong>partie stratégique de ma ligne éditoriale</strong>. Puisqu&#8217;il s&#8217;agit de fixer ses objectifs de communication et de les étayer par des formats éditoriaux précis.</p>
<p>Ci-dessous, vous trouverez une variation de ce tableau, qui présente des parti-pris éditoriaux. A chaque catégorie je fais correspondre max. 3 tags, qui correspondent donc aux types de traitement que je donnerai à ces sujets.</p>
<p style="text-align: center;"><a href="http://www.ecrirepourleweb.com/wp-content/WAW_ligneeditoriale_vocabulairecontrole.png"><img class="aligncenter size-medium wp-image-3907" style="margin-left: 80px; margin-right: 80px; border: 30px white;" title="WAW_ligneeditoriale_vocabulairecontrole" src="http://www.ecrirepourleweb.com/wp-content/WAW_ligneeditoriale_vocabulairecontrole-300x131.png" alt="La grille des catégories (colonne) et tags (rangs) mais avec un choix de combinaisons imposé" width="300" height="131" /></a></p>
<p style="text-align: left;">Que constate-t-on? Entre autres, que je donnerai la part belle aux interviews et témoignages sur ce blog, ainsi qu&#8217;aux bonnes pratiques et trucs &amp; astuces. Que je ne proposerai des ressources en partage (téléchargements) que pour 5 thèmes &#8211; mes coeurs de métier? &#8211; et que le tag Revue de presse ne sera utilisé que pour deux catégories, au point que je pourrais me demander s&#8217;il a sa place dans ce thesaurus.</p>
<h2><a name="entretien"></a>De l&#8217;entretien de son thesaurus</h2>
<p>Enfin, vous vous demandez peut-être si je resterai <span style="color: #ff0000;"><span style="text-decoration: line-through;">psychorigide</span></span> rigoureuse tout au long de la durée de vie de mon blog. Non. Rien ne m&#8217;oblige, évidemment, à garder cette ligne éditoriale sur un très long terme.</p>
<p>Je peux, au bout de quelques mois, après avoir étudié et interprété mes statistiques, et/ou après avoir vu les opportunités que me procuraient les actualités dans mon domaine, changer de cap, adapter mes combinaisons catégories et tags.</p>
<p>Dernière remarque: vous aurez remarqué que je classe mes catégories et tags par ordre alphabétique. C&#8217;est le classement par défaut utilisé sous WordPress. Mais vous pouvez en changer, pour créer une hiérarchie plus proche de vos coeurs de métier ou de vos objectifs de conversion, ou des intérêts de vos lecteurs,  ou pour toute autre raison valable au niveau éditorial et de l&#8217;expérience utilisateur.</p>
<p>Mais vous, comment gérez-vous vos catégories et tags sur votre blog?</p>
<p>&nbsp;</p>
<p><strong>
<div id="PageAnnouncementContainer">
	<div class="PageAnnouncement" id="PageAnnouncement2">
		<p><b><em>Atelier pratique écriture Web</b></em>
le 09.02.12 À BRUXELLES -
Exercez-vous concrètement à l’écriture Web. Rédigez des microcontenus performants, des pages utiles, lisibles. Et mesurez votre succès</p>
		<p><a title="Inscrivez-vous" href="http://www.ecrirepourleweb.com/formulaire-dinscription">Inscrivez-vous</a></p>
	</div>
</div></strong></p>
<ul>
<li><strong>Prochain article : Développer la ligne éditoriale de son blog</strong></li>
<li><strong>Précédent article : <a title="Architecture et clés d’entrée – Bien organiser l’information sur votre blog # 1" href="http://www.ecrirepourleweb.com/architecture-de-l-information/bien-organiser-linformation-sur-votre-blog-1">Architecture et clés d&#8217;entrée &#8211; bien organiser l&#8217;information sur votre blog #1</a></strong></li>
</ul>
<p>&nbsp;<br />
<h3 class='related_post_title'>Sur le même sujet</h3>
<ul class='related_post'>
<li><a href='http://www.ecrirepourleweb.com/redaction-web/developper-la-ligne-editoriale-de-votre-blog-corporate' title='Développer la ligne éditoriale de votre blog corporate'>Développer la ligne éditoriale de votre blog corporate</a></li>
<li><a href='http://www.ecrirepourleweb.com/redaction-web/comment-habiter-son-blog-quels-sujets-quel-angle-quelle-relation' title='Comment &laquo;&nbsp;habiter&nbsp;&raquo; son blog: quels sujets, quel angle, quelle relation?'>Comment &laquo;&nbsp;habiter&nbsp;&raquo; son blog: quels sujets, quel angle, quelle relation?</a></li>
<li><a href='http://www.ecrirepourleweb.com/redaction-web/pourquoi-bloguer-10-bonnes-raison-de-creer-un-blog-corporate' title='Pourquoi bloguer? 10 bonnes raisons de créer un blog corporate'>Pourquoi bloguer? 10 bonnes raisons de créer un blog corporate</a></li>
<li><a href='http://www.ecrirepourleweb.com/outils-widgets/le-media-blog-enfant-du-web-2-0' title='Le média Blog, enfant du Web 2.0'>Le média Blog, enfant du Web 2.0</a></li>
<li><a href='http://www.ecrirepourleweb.com/redaction-web/ringarde-la-blogoliste' title='Ringarde, la blogoliste?'>Ringarde, la blogoliste?</a></li>
</ul>
]]></content:encoded>
			<wfw:commentRss>http://www.ecrirepourleweb.com/architecture-de-l-information/categories-et-tags-bien-organiser-linformation-sur-votre-blog-2/feed</wfw:commentRss>
		<slash:comments>7</slash:comments>
		</item>
		<item>
		<title>Stratégie de contenu &amp; Expérience Utilisateur, un couple obligé</title>
		<link>http://www.ecrirepourleweb.com/architecture-de-l-information/strategie-de-contenu-experience-utilisateur-un-couple-oblige</link>
		<comments>http://www.ecrirepourleweb.com/architecture-de-l-information/strategie-de-contenu-experience-utilisateur-un-couple-oblige#comments</comments>
		<pubDate>Mon, 30 May 2011 11:00:40 +0000</pubDate>
		<dc:creator>Muriel Vandermeulen</dc:creator>
				<category><![CDATA[Architecture de l'information]]></category>
		<category><![CDATA[Evénements & rencontres]]></category>
		<category><![CDATA[Rédaction Web & Editorial]]></category>
		<category><![CDATA[expérience utilisateur]]></category>
		<category><![CDATA[gestion de projet]]></category>
		<category><![CDATA[stratégie de contenu web]]></category>

		<guid isPermaLink="false">http://www.ecrirepourleweb.com/?p=3832</guid>
		<description><![CDATA[La stratégie de contenu Web est intrinsèquement liée, dans sa mission, sa portée, sa méthodologie et ses outils, à la pratique de l'expérience utilisateur.]]></description>
			<content:encoded><![CDATA[<div class="tweetmeme_button" style="float: right; margin-left: 10px;">
			<a href="http://api.tweetmeme.com/share?url=http%3A%2F%2Fwww.ecrirepourleweb.com%2Farchitecture-de-l-information%2Fstrategie-de-contenu-experience-utilisateur-un-couple-oblige"><br />
				<img src="http://api.tweetmeme.com/imagebutton.gif?url=http%3A%2F%2Fwww.ecrirepourleweb.com%2Farchitecture-de-l-information%2Fstrategie-de-contenu-experience-utilisateur-un-couple-oblige&amp;source=ecrirepourleweb&amp;style=normal&amp;service=ow.ly&amp;b=2" height="61" width="50" /><br />
			</a>
		</div>
<p>La stratégie de contenu Web est intrinsèquement liée, dans sa mission, sa portée, sa méthodologie et ses outils, à la pratique de l&#8217;expérience utilisateur. Démonstration.</p>
<p><span id="more-3832"></span></p>
<p>La stratégie de contenu Web est le pendant éditorial du volet expérience utilisateur dans un projet Web. Non seulement, les phases des deux trajets sont apparentées voire complémentaires, ainsi que leurs outils et méthodes, mais les deux métiers doivent intervenir dès le lancement d&#8217;un projet.</p>
<p>&nbsp;</p>
<p>Vous souhaitez en savoir plus? Découvrez <a title="Découvrez et téléchargez mon intervention sur Slideshare" href="http://www.slideshare.net/WeAreTheWords/web-ux-etstrategiedecontenu">mon intervention sur ce sujet</a> au WebUX de l&#8217;école des Mines (Nîmes, FR). Au programme :</p>
<ol>
<li>Pourquoi la stratégie de contenu?</li>
<li>Comment ça marche, la stratégie de contenu?</li>
<li>Qu&#8217;est-ce que l&#8217;expérience utilisateur?</li>
<li>Comment ça marche, l&#8217;expérience utilisateur?</li>
<li>Points communs aux 2 disciplines</li>
<li>Outils et méthodes</li>
<li>Quand intervient l&#8217;expert en stratégie de contenu eu égard aux tâches en expérience utilisateur dans un projet Web?</li>
</ol>
<p style="text-align: center;"><a href="http://www.slideshare.net/WeAreTheWords/web-ux-etstrategiedecontenu"><img class="aligncenter size-medium wp-image-3838" style="margin-right: 20px; margin-left: 20px; border: 2px solid black;" title="ux&amp;wcont" src="http://www.ecrirepourleweb.com/wp-content/uxwcont-300x182.png" alt="" width="360" height="202" /></a></p>
<p>&nbsp;</p>
<h2>Citations</h2>
<p>De manière plus générale, d&#8217;ailleurs, il est reconnu que des critères tels que la pertinente, la trouvabilité, la crédibilité et l&#8217;utilité du contenu contribue à la qualité de l&#8217;expérience utilisateur sur une interface en ligne. D&#8217;ailleurs, dans mon ouvrage &laquo;&nbsp;Stratégie de contenu Web, la revanche de l&#8217;éditorial&nbsp;&raquo;, j&#8217;écris :</p>
<blockquote><p>&laquo;&nbsp;Le wording ne concerne pas que l&#8217;éditorialisation. Il fait aussi partie de l&#8217;ergonomie éditoriale en ce qu&#8217;il participe à l&#8217;expérience utilisateur et détermine la facilité d&#8217;utilisation du site.&nbsp;&raquo;</p></blockquote>
<p>Quant à Jesse James Garrett, auteur de &laquo;&nbsp;The Elements of User Experience&nbsp;&raquo;, il écrit:</p>
<blockquote><p>&laquo;&nbsp;The single most important thing Web sites can offer to their users is content that those users find valuable.&nbsp;&raquo;</p></blockquote>
<p>C&#8217;est dire si les objectifs des deux disciplines se rencontrent, et si leurs experts respectifs sont faits pour s&#8217;entendre, comme je le clamais dans <a title="Découvrez et téléchargez mon intervention sur Slideshare" href="http://www.slideshare.net/WeAreTheWords/web-ux-etstrategiedecontenu">mon intervention sur ce sujet</a> au WebUX.</p>
<h2>Stratégie de contenu Web &amp; Expérience Utilisateur, aux sources</h2>
<ul>
<li><a title="Expérience Utilisateur &amp; Stratégie de contenu Web" href="http://www.slideshare.net/WeAreTheWords/web-ux-etstrategiedecontenu">Expérience Utilisateur &amp; Stratégie de contenu Web</a>, consultez la présentation sur Slideshare.</li>
<li><a title="Bénéficiez de 5% de réduction" href="http://www.amazon.fr/Strategie-Contenu-Web-Revanche-lEditorial/dp/2361140063?&amp;camp=2498&amp;linkCode=wey&amp;tag=ecpolewewa-21&amp;creative=9126" target="_blank">Stratégie de contenu Web, la revanche de l&#8217;éditorial</a>, commandez mon ouvrage sur Amazon</li>
<li><a title="Consultez l'ouvrage sur Amazon.fr" href="http://www.amazon.fr/Elements-User-Experience-User-Centered-Design/dp/0735712026/ref=sr_1_cc_1?ie=UTF8&amp;qid=1306752383&amp;sr=1-1-catcorr" target="_blank">The Elements of User Experience</a>, découvrez le livre (première édition) de Jesse James Garrett.</li>
<li><a href="http://www.amazon.fr/Elements-User-Experience-User-Centered-Design/dp/0321683684/ref=sr_1_cc_2?ie=UTF8&amp;qid=1306752383&amp;sr=1-2-catcorr" target="_blank">The Elements of User Experience: User-Centered Design for the Web and Beyond</a>, découvrez la version mise à jour et augmentée de l&#8217;ouvrage de J.J.Garrett</li>
</ul>
<p>&nbsp;<br />
<h3 class='related_post_title'>Sur le même sujet</h3>
<ul class='related_post'>
<li><a href='http://www.ecrirepourleweb.com/redaction-web/marketing-editorial-et-strategie-de-contenu-web-predictions-pour-2012' title='Marketing éditorial et stratégie de contenu Web: prédictions pour 2012'>Marketing éditorial et stratégie de contenu Web: prédictions pour 2012</a></li>
<li><a href='http://www.ecrirepourleweb.com/redaction-web/et-la-communication-web-dans-tout-ca' title='Et la communication web dans tout ça?'>Et la communication web dans tout ça?</a></li>
<li><a href='http://www.ecrirepourleweb.com/web-social/trouver-les-contenus-qui-font-revenir-les-gens-sur-vos-pages-web' title='Trouver les contenus qui font revenir les gens sur vos pages Web'>Trouver les contenus qui font revenir les gens sur vos pages Web</a></li>
<li><a href='http://www.ecrirepourleweb.com/formations/vitaminez-votre-communication-en-ligne-une-nouvelle-formation-waw' title='Vitaminez votre communication en ligne, une nouvelle formation @ WAW'>Vitaminez votre communication en ligne, une nouvelle formation @ WAW</a></li>
<li><a href='http://www.ecrirepourleweb.com/redaction-web/marketing-editorial-et-pyramide-des-besoins' title='Marketing éditorial et pyramide des besoins'>Marketing éditorial et pyramide des besoins</a></li>
</ul>
]]></content:encoded>
			<wfw:commentRss>http://www.ecrirepourleweb.com/architecture-de-l-information/strategie-de-contenu-experience-utilisateur-un-couple-oblige/feed</wfw:commentRss>
		<slash:comments>1</slash:comments>
		</item>
		<item>
		<title>Architecture et clés d&#8217;entrée &#8211; Bien organiser l&#8217;information sur votre blog # 1</title>
		<link>http://www.ecrirepourleweb.com/architecture-de-l-information/bien-organiser-linformation-sur-votre-blog-1</link>
		<comments>http://www.ecrirepourleweb.com/architecture-de-l-information/bien-organiser-linformation-sur-votre-blog-1#comments</comments>
		<pubDate>Fri, 13 May 2011 10:18:54 +0000</pubDate>
		<dc:creator>Muriel Vandermeulen</dc:creator>
				<category><![CDATA[Architecture de l'information]]></category>
		<category><![CDATA[(corporate) blogging]]></category>
		<category><![CDATA[expérience utilisateur]]></category>
		<category><![CDATA[formats éditoriaux]]></category>

		<guid isPermaLink="false">http://www.ecrirepourleweb.com/?p=3699</guid>
		<description><![CDATA[L&#8217;architecture de votre blog désigne la façon dont vous allez organiser l’information ainsi que les chemins mis en place pour permettre aux visiteurs d’y accéder. Le but étant d&#8217;aider les utilisateurs à trouver et à gérer les données. Comment organiser votre information sur votre blog? L’architecture de l&#8217;information vise la structure conceptuelle qui définit l&#8217;emplacement [...]]]></description>
			<content:encoded><![CDATA[<div class="tweetmeme_button" style="float: right; margin-left: 10px;">
			<a href="http://api.tweetmeme.com/share?url=http%3A%2F%2Fwww.ecrirepourleweb.com%2Farchitecture-de-l-information%2Fbien-organiser-linformation-sur-votre-blog-1"><br />
				<img src="http://api.tweetmeme.com/imagebutton.gif?url=http%3A%2F%2Fwww.ecrirepourleweb.com%2Farchitecture-de-l-information%2Fbien-organiser-linformation-sur-votre-blog-1&amp;source=ecrirepourleweb&amp;style=normal&amp;service=ow.ly&amp;b=2" height="61" width="50" /><br />
			</a>
		</div>
<p>L&#8217;architecture de votre blog désigne la façon dont vous allez organiser l’information ainsi que les chemins mis en place pour permettre aux visiteurs d’y accéder. Le but étant d&#8217;aider les utilisateurs à trouver et à gérer les données. Comment organiser votre information sur votre blog?</p>
<p><span id="more-3699"></span></p>
<p>L’architecture de l&#8217;information vise la structure conceptuelle qui définit l&#8217;emplacement des différents types de contenus et les interactions. Elle prend forme au travers de la navigation que vous mettez en place sur votre blog. Cette navigation fait référence à toutes les méthodes proposées pour se déplacer d&#8217;une page à l&#8217;autre, ou d’une fonctionnalité à l’autre.</p>
<h2>Ergonomie et comportements de vos lecteurs</h2>
<p>En tant qu&#8217;éditeur (votre blog est une publication, vous devez satisfaire un lectorat : vous êtes donc éditeur), vous devez vous assurer de l&#8217;utilisabilité de votre espace d&#8217;information : une <strong>bonne organisation</strong> de votre contenu contribue à la bonne <strong>expérience utilisateur</strong> &#8211; lisez : la satisfaction de vos lecteurs. Il importe donc de tenir compte des comportements de ces internautes, de leur connaissance du média Internet et du format blog.</p>
<p>Bonne nouvelle: le format blog, précisément, offre un large éventail de possibilités de présentation des contenus. Ainsi qu&#8217;une variété de moyens pour accéder aux différents contenus proposés.</p>
<p>En effet, outre les traditionnels menus, barres de navigation, liens ou boutons, le système des blogs propose aussi un tri chronologique et thématique des contenus. Autre clé d&#8217;entrée très courante : la taxonomie des catégories et/ou des mots-clés (tags). Sans oublier l&#8217;indice de popularité (basée sur la lecture ou le nombre de commentaires).</p>
<p>Bref, une architecture aussi riche, offrant une telle variété d&#8217;accès, vous assure, si elle est bien exploitée, de ne laisser aucun utilisateur sur la touche.</p>
<h3>L&#8217;architecture chronologique</h3>
<p>L’architecture chronologique est <strong>propre aux blogs</strong>. Elle en est même le principal atout/intérêt. S’il est recommandé de dater tout type de contenu déposé sur la toile* (a priori, bien sûr, les contenus à valeur d&#8217;actualité), le blog le fait automatiquement car il est dans sa définition même de proposer des unités de contenu marquées dans le temps.</p>
<p style="padding-left: 60px;"><span style="color: #808080;"><em>*Ceci peut vous sembler évident et pourtant&#8230; une variété de sites et même de blogs ne mentionne pas la date, ou seulement de manière incomplète, de sorte que dans le climat ambiant d&#8217;immédiateté de l&#8217;information, on doute de l&#8217;actualité &#8211; et donc de la pertinence &#8211; de ces contenus.</em></span></p>
<p>Vous pouvez adapter format des dates et leur précision peuvent être adaptés facilement en fonction des besoins et des désirs. Toutes les composantes peuvent être couvertes : jour, mois années, heures, minutes. L’administration des blogs intègre toujours la possibilité de modifier cet horodatage : soit en antidatant, soit en postdatant.</p>
<h3>Navigation &laquo;&nbsp;les plus récents&nbsp;&raquo;</h3>
<p>Veillez à répercuter cette <strong>clé d&#8217;entrée </strong>dans l’architecture et la navigation générale. Comme je l&#8217;ai dit, le format blog a typiquement repris de la presse écrite la <strong>notion de Une</strong>.</p>
<p>Par essence donc, un blog fonctionne selon un principe d’actualité et de périodicité, ce qui implique la publication dans l&#8217;ordre antéchronologique des billets : qui va du plus récent au plus ancien.</p>
<p>Si c’est ainsi qu’apparaissent les articles dans la colonne de visualisation principale (également appelé tronc central ou bloc de contenu), il est toutefois conseillé de dupliquer cette information dans la/les colonne/s latérale/s annexe/s (appelées également troncs latéraux ou sidebar/s) et/ou dans le pied de page.</p>
<p>Enfin, on prévoit généralement dans l’architecture de navigation d&#8217;afficher une liste des 5/10 posts les plus récents, toutes catégories confondues.</p>
<h3>Navigation &laquo;&nbsp;calendrier&nbsp;&raquo;</h3>
<p>La navigation par calendrier a été, dès l’origine des blogs, un outil très apprécié. En un clin d’œil, vos lecteurs peuvent visualiser les dates auxquelles ont été rédigés des articles. Ces dates deviennent automatiquement cliquables quand vous publiez un billet.</p>
<p>Attention cependant: c&#8217;est, à nouveau, un parti pris particulier de proposer une telle navigation (seulement). Vous supposez, dans ce cas, que votre lectorat voudra rechercher de l&#8217;information en fonction de son actualité.</p>
<p>Navigation &laquo;&nbsp;archives mensuelles&nbsp;&raquo;</p>
<p>Il s’agit d’une alternative intéressante au calendrier, qui permet un traitement plus global, non plus par date, mais par mois. C’est ce que l’on appelle les archives.</p>
<h2>L&#8217;architecture thématique</h2>
<p>Au moment de concevoir  votre blog, vous devez vous poser la question des thèmes que vous allez aborder.  Ces thématiques sont en effet le reflet des sujets que vous souhaitez aborder, et de l’environnement que vous avez choisi pour vous définir sur la toile.</p>
<p>Ces <strong>catégories</strong> de base seront le ciment de l’architecture de contenu : il est donc important de les intituler avec pertinence et de leur attribuer une courte description.</p>
<p>A chaque billet que vous écrirez, vous attribuerez toujours une ou plusieurs catégories. Nous reviendrons dans notre prochain article sur ces catégories&#8230;</p>
<p><strong>
<div id="PageAnnouncementContainer">
	<div class="PageAnnouncement" id="PageAnnouncement2">
		<p><b><em>Atelier pratique écriture Web</b></em>
le 09.02.12 À BRUXELLES -
Exercez-vous concrètement à l’écriture Web. Rédigez des microcontenus performants, des pages utiles, lisibles. Et mesurez votre succès</p>
		<p><a title="Inscrivez-vous" href="http://www.ecrirepourleweb.com/formulaire-dinscription">Inscrivez-vous</a></p>
	</div>
</div></strong></p>
<ul>
<li><strong>Prochain article : <a title="Catégories et tags – Bien organiser l’information sur votre blog # 2" href="http://www.ecrirepourleweb.com/architecture-de-l-information/categories-et-tags-bien-organiser-linformation-sur-votre-blog-2">Bien organiser l&#8217;information sur votre blog # 2</a>&#8230;</strong></li>
<li><strong>Précédent article : <a title="Comment habiller son blog" href="http://www.ecrirepourleweb.com/redaction-web/comment-habiller-son-blog">Comment &laquo;&nbsp;habiller&nbsp;&raquo; son blog</a></strong></li>
</ul>
<h3 class='related_post_title'>Sur le même sujet</h3>
<ul class='related_post'>
<li><a href='http://www.ecrirepourleweb.com/redaction-web/developper-la-ligne-editoriale-de-votre-blog-corporate' title='Développer la ligne éditoriale de votre blog corporate'>Développer la ligne éditoriale de votre blog corporate</a></li>
<li><a href='http://www.ecrirepourleweb.com/architecture-de-l-information/categories-et-tags-bien-organiser-linformation-sur-votre-blog-2' title='Catégories et tags &#8211; Bien organiser l&#8217;information sur votre blog # 2'>Catégories et tags &#8211; Bien organiser l&#8217;information sur votre blog # 2</a></li>
<li><a href='http://www.ecrirepourleweb.com/redaction-web/comment-habiller-son-blog' title='Comment habiller son blog'>Comment habiller son blog</a></li>
<li><a href='http://www.ecrirepourleweb.com/redaction-web/comment-habiter-son-blog-quels-sujets-quel-angle-quelle-relation' title='Comment &laquo;&nbsp;habiter&nbsp;&raquo; son blog: quels sujets, quel angle, quelle relation?'>Comment &laquo;&nbsp;habiter&nbsp;&raquo; son blog: quels sujets, quel angle, quelle relation?</a></li>
<li><a href='http://www.ecrirepourleweb.com/redaction-web/pourquoi-bloguer-10-bonnes-raison-de-creer-un-blog-corporate' title='Pourquoi bloguer? 10 bonnes raisons de créer un blog corporate'>Pourquoi bloguer? 10 bonnes raisons de créer un blog corporate</a></li>
</ul>
]]></content:encoded>
			<wfw:commentRss>http://www.ecrirepourleweb.com/architecture-de-l-information/bien-organiser-linformation-sur-votre-blog-1/feed</wfw:commentRss>
		<slash:comments>3</slash:comments>
		</item>
		<item>
		<title>Variez les niveaux de lecture et d&#8217;écriture sur vos pages Web</title>
		<link>http://www.ecrirepourleweb.com/architecture-de-l-information/diversifiez-les-niveaux-decriture-sur-vos-pages-web</link>
		<comments>http://www.ecrirepourleweb.com/architecture-de-l-information/diversifiez-les-niveaux-decriture-sur-vos-pages-web#comments</comments>
		<pubDate>Tue, 21 Dec 2010 12:28:41 +0000</pubDate>
		<dc:creator>Muriel Vandermeulen</dc:creator>
				<category><![CDATA[Architecture de l'information]]></category>
		<category><![CDATA[Rédaction Web & Editorial]]></category>
		<category><![CDATA[écriture web]]></category>
		<category><![CDATA[formats éditoriaux]]></category>
		<category><![CDATA[lisibilité]]></category>
		<category><![CDATA[principes formels]]></category>
		<category><![CDATA[principes rédactionnels]]></category>

		<guid isPermaLink="false">http://www.ecrirepourleweb.com/?p=3315</guid>
		<description><![CDATA[Il existe divers moyens pour diversifier les niveaux de lecture à l'écran. Titraille, entrefilet, chapô, contenu riche, chandelle, encadré, ... Fond et forme gagnent à être traité en plusieurs couches, où la dématérialisation et la déterritorialisation de l'information freinent le processus d'acquisition.]]></description>
			<content:encoded><![CDATA[<div class="tweetmeme_button" style="float: right; margin-left: 10px;">
			<a href="http://api.tweetmeme.com/share?url=http%3A%2F%2Fwww.ecrirepourleweb.com%2Farchitecture-de-l-information%2Fdiversifiez-les-niveaux-decriture-sur-vos-pages-web"><br />
				<img src="http://api.tweetmeme.com/imagebutton.gif?url=http%3A%2F%2Fwww.ecrirepourleweb.com%2Farchitecture-de-l-information%2Fdiversifiez-les-niveaux-decriture-sur-vos-pages-web&amp;source=ecrirepourleweb&amp;style=normal&amp;service=ow.ly&amp;b=2" height="61" width="50" /><br />
			</a>
		</div>
<p>Diversifier les niveaux de lecture permet à l’internaute de percevoir plus rapidement et plus facilement le propos publié sur la page-écran. Ainsi, le lecteur s&#8217;oriente plus facilement sur la page et distingue, en un clin d&#8217;oeil, les différentes unités d&#8217;information. Explications&#8230;<br />
<span id="more-3315"></span><br />
Il existe de multiples moyens de diversifier les niveaux de lecture à l&#8217;écran. Titraille, entrefilet, chapô, contenu riche, chandelle, encadré, &#8230; Fond et forme gagnent à être traités en plusieurs couches sur un support où la dématérialisation et la déterritorialisation de l&#8217;information en freinent le processus d&#8217;acquisition.</p>
<p>Lorsque les audiences ciblées sont, toutes ensemble, plus ou moins expertes et, ou concernées par l&#8217;ensemble des informations contenues sur la dite page, cette méthode de présentation par couches et types d&#8217;informations est encore plus prometteuse.</p>
<h2>Du fond et de la forme</h2>
<div>Au niveau du fond, il s’agit donc de traiter les contenus <strong>sous différents angles</strong>, plus ou moins vulgarisants. Attention, cependant, aux formats de contenus que vous utiliserez. L&#8217;internaute en quête de sens reste attaché à scanner du texte avant tout autre type de contenu.</div>
<div>
<p>En effet, sur une page-écran, les internautes feraient, a priori, <strong>davantage attention au contenu textuel qu’aux images</strong> si l’on en croit, notamment, une étude effectuée par l’Université de Stanford en mai 2000. Dont les résultats ont été corroborés par l<a title="Consultez les résultats de l'étude" href="http://www.poynterextra.org/et/i.htm" target="_blank">’étude Eyetrack III du Poynter Institute</a>, en 2004.</p>
<p>N&#8217;utilisez donc l&#8217;image, fixe ou animée, qu&#8217;à bon escient : dans un but précis, que ce soit pour soutenir votre propos ou diffuser un message. Certes, sur une landing page, dans un e-mail promotionnel destiné à convertir, l&#8217;image a un fort pouvoir d&#8217;attraction et soutient votre contenu incitatif.</p>
</div>
<p>Réservez le centre de la page à la cible la moins experte et consacrez, par exemple, une zone de seconde lecture &#8211; dans un tronc droit interne au bloc de contenu &#8211; aux experts. Vous y creuserez le sujet et l’illustrerez à travers un témoignage de spécialiste, une série de liens à télécharger, une brochure à consulter dans un module de feuilletage, etc.</p>
<p>Utilisez aussi les encadrés, chandelles et autres entrefilets pour détailler un point spécifique, destiné à ceux qui ont besoin d&#8217;approfondir un sujet. Ces<strong> aides à la lecture</strong> permettent aussi d&#8217;offrir un autre angle, plus encyclopédique, technique, statistique, ludique, en donnant par exemple un chiffre ou une information « choc ».</p>
<p><strong>Au niveau de la forme</strong>, cette diversité dans les niveaux de lecture portera surtout sur la palette de styles, les outils typographiques et autres éléments de la grammaire visuelle. Je vous renvoie, à ce propos, à l&#8217;<a title="(re)lire l'article" href="http://www.ecrirepourleweb.com/architecture-de-l-information/mettez-du-style-dans-vos-contenus" target="_blank">article que j&#8217;ai dédié à la charte graphique et la feuille de style</a>. J&#8217;y proposais un modèle de feuille de style que vous pouvez <a href="http://www.ecrirepourleweb.com/wp-content/WAW_Detail-style_v1a.pdf">télécharger</a> (pdf, 244 Ko).<br />
<h3 class='related_post_title'>Sur le même sujet</h3>
<ul class='related_post'>
<li><a href='http://www.ecrirepourleweb.com/ergonomie/combien-de-signes-pour-mes-titres-chapo-paragraphes-etc' title='Combien de signes pour mes titres, chapô, paragraphes, etc.'>Combien de signes pour mes titres, chapô, paragraphes, etc.</a></li>
<li><a href='http://www.ecrirepourleweb.com/redaction-web/utilisez-des-tableaux-lisibilite-des-procedures4' title='Utilisez des tableaux (Lisibilité des procédures#4)'>Utilisez des tableaux (Lisibilité des procédures#4)</a></li>
<li><a href='http://www.ecrirepourleweb.com/redaction-web/ecrire-simplement-ce-nest-pas-si-simple' title='Ecrire simplement, ce n&#8217;est pas si simple'>Ecrire simplement, ce n&#8217;est pas si simple</a></li>
<li><a href='http://www.ecrirepourleweb.com/redaction-web/les-titres-question-de-genre' title='Les titres&#8230; question de genre'>Les titres&#8230; question de genre</a></li>
<li><a href='http://www.ecrirepourleweb.com/redaction-web/travailler-la-forme-et-le-fond-suite' title='Travailler la forme et le fond (suite)'>Travailler la forme et le fond (suite)</a></li>
</ul>
]]></content:encoded>
			<wfw:commentRss>http://www.ecrirepourleweb.com/architecture-de-l-information/diversifiez-les-niveaux-decriture-sur-vos-pages-web/feed</wfw:commentRss>
		<slash:comments>2</slash:comments>
		</item>
		<item>
		<title>Concevez vos textes en mode hypertexte</title>
		<link>http://www.ecrirepourleweb.com/architecture-de-l-information/concevez-vos-textes-en-mode-hypertexte</link>
		<comments>http://www.ecrirepourleweb.com/architecture-de-l-information/concevez-vos-textes-en-mode-hypertexte#comments</comments>
		<pubDate>Fri, 19 Nov 2010 06:04:26 +0000</pubDate>
		<dc:creator>Muriel Vandermeulen</dc:creator>
				<category><![CDATA[Architecture de l'information]]></category>
		<category><![CDATA[Rédaction Web & Editorial]]></category>
		<category><![CDATA[écriture web]]></category>
		<category><![CDATA[expérience utilisateur]]></category>
		<category><![CDATA[référencement]]></category>
		<category><![CDATA[stratégie de contenu web]]></category>

		<guid isPermaLink="false">http://www.ecrirepourleweb.com/?p=3061</guid>
		<description><![CDATA[L'hypertexte simplifie le travail d'orientation et de repérage de l'information. Il enrichit l'expérience utilisateur. Augmente la qualité et la granularité du message acquis. Et pallie à la dématérialisation de l'information ainsi qu'à la non linéarité de la lecture. Bref, l'hypertexte est un must.]]></description>
			<content:encoded><![CDATA[<div class="tweetmeme_button" style="float: right; margin-left: 10px;">
			<a href="http://api.tweetmeme.com/share?url=http%3A%2F%2Fwww.ecrirepourleweb.com%2Farchitecture-de-l-information%2Fconcevez-vos-textes-en-mode-hypertexte"><br />
				<img src="http://api.tweetmeme.com/imagebutton.gif?url=http%3A%2F%2Fwww.ecrirepourleweb.com%2Farchitecture-de-l-information%2Fconcevez-vos-textes-en-mode-hypertexte&amp;source=ecrirepourleweb&amp;style=normal&amp;service=ow.ly&amp;b=2" height="61" width="50" /><br />
			</a>
		</div>
<p>L&#8217;hypertexte a profondément déterminé l&#8217;écriture en ligne. C&#8217;est l&#8217;une des principales richesses du média Web. Il est garant, notamment, du pouvoir d&#8217;interaction qu&#8217;on propose à l&#8217;internaute. Il est aussi garant de votre visibilité sur la Grande Toile, puisque le maillage interne et externe favorise votre présence dans le haut des résultats de recherche sur les principaux moteurs. Bon à savoir&#8230;<span id="more-3061"></span></p>
<h2>La base même de l&#8217;Internet</h2>
<p>Comme j&#8217;ai plaisir à le dire en formation : &laquo;&nbsp;Un contenu Web, une page d&#8217;article sur votre site Internet sans hyperlien, c&#8217;est comme une bière sans mousse, un ciel sans soleil, un baiser sans moustache&nbsp;&raquo;.</p>
<p>Oui, toute page Web qui se respecte doit proposer de poursuivre son exploration, de <strong>naviguer dans la profondeur du site</strong>, d&#8217;aller plus loin dans la <strong>granularité de l&#8217;information</strong>. En marketing de contenu, on clamera même que toute page Web doit inciter à l&#8217;action – entendez contenir des liens vers de l&#8217;information utile, qui contribue à fidéliser, voire à convertir l&#8217;utilisateur.</p>
<p>Bref, que l&#8217;hyperlien renvoie sur la même page ou non, à l&#8217;intérieur du site ou ailleurs, des outils tels que les sections « Allez plus loin », « Sur le même sujet » ou « Liens rapides<a href="#_ftn1"><sup>[1]</sup></a> », qui servent des contenus du même type que celui proposé sur la page-écran, sont de <strong>précieux leviers</strong> pour enrichir la lecture, allonger le temps de visite et convaincre l&#8217;internaute.<em> </em>Comme le sont les boutons et autres pavés renvoyant aux informations de contact, à un formulaire Newsletter, à un simulateur de calcul, etc.<em> </em></p>
<h2>Les cailloux du Petit Poucet</h2>
<p><em> </em>Par ailleurs, l&#8217;hypertexte simplifie le travail de repérage, accélère le temps de navigation et réduit, du même coup, les éventuels problèmes d&#8217;orientation dans l&#8217;information. En d&#8217;autres mots, l&#8217;hypertexte permet <a title="Lire un article dédié à ce sujet" href="http://www.ecrirepourleweb.com/architecture-de-l-information/immediatisez-lacces-a-linformation" target="_self">d&#8217;immédiatiser l&#8217;accès aux informations</a> capitales.</p>
<p>Mais l&#8217;utilisation de l’hypertexte répond à des règles strictes. Non seulement, il doit donc être utilisé à bon escient, de manière pertinente et cohérente, et fournir une valeur ajoutée au contenu courant, mais il doit aussi respecter, être utilisable et prévisible. Nous verrons cela prochainement&#8230;</p>
<hr size="1" /><a href="#_ftnref"><sup>[1]</sup></a> Cette expression &laquo;&nbsp;Liens rapides&nbsp;&raquo; (Quick Links en anglais) m&#8217;a toujours fait sourire : comme s&#8217;il existait des liens lents et des liens rapides. Ce n&#8217;est pas le lien qui est rapide, c&#8217;est l&#8217;accès à une information qualifiée à partir du contenu courant.</p>
<p>&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;</p>
<p>
<div id="PageAnnouncementContainer">
	<div class="PageAnnouncement" id="PageAnnouncement2">
		<p><b><em>Atelier pratique écriture Web</b></em>
le 09.02.12 À BRUXELLES -
Exercez-vous concrètement à l’écriture Web. Rédigez des microcontenus performants, des pages utiles, lisibles. Et mesurez votre succès</p>
		<p><a title="Inscrivez-vous" href="http://www.ecrirepourleweb.com/formulaire-dinscription">Inscrivez-vous</a></p>
	</div>
</div><br />
<h3 class='related_post_title'>Sur le même sujet</h3>
<ul class='related_post'>
<li><a href='http://www.ecrirepourleweb.com/redaction-web/en-finir-avec-le-mythe-de-lecriture-web' title='En finir avec le mythe de l&#8217;écriture Web?'>En finir avec le mythe de l&#8217;écriture Web?</a></li>
<li><a href='http://www.ecrirepourleweb.com/redaction-web/la-regle-des-trois-r' title='La règle des trois &laquo;&nbsp;R&nbsp;&raquo;'>La règle des trois &laquo;&nbsp;R&nbsp;&raquo;</a></li>
<li><a href='http://www.ecrirepourleweb.com/formations/cycle-de-formation-strategie-et-marketing-editorial' title='Cycle de formation stratégie et marketing éditorial'>Cycle de formation stratégie et marketing éditorial</a></li>
<li><a href='http://www.ecrirepourleweb.com/ergonomie/combien-de-signes-pour-mes-titres-chapo-paragraphes-etc' title='Combien de signes pour mes titres, chapô, paragraphes, etc.'>Combien de signes pour mes titres, chapô, paragraphes, etc.</a></li>
<li><a href='http://www.ecrirepourleweb.com/redaction-web/formation-ecrire-pour-le-web-de-lutilite-des-modeles-de-contenu' title='Formation écrire pour le web: de l&#8217;utilité des modèles de contenu'>Formation écrire pour le web: de l&#8217;utilité des modèles de contenu</a></li>
</ul>
]]></content:encoded>
			<wfw:commentRss>http://www.ecrirepourleweb.com/architecture-de-l-information/concevez-vos-textes-en-mode-hypertexte/feed</wfw:commentRss>
		<slash:comments>1</slash:comments>
		</item>
		<item>
		<title>Immédiatisez l&#8217;accès à l&#8217;information</title>
		<link>http://www.ecrirepourleweb.com/architecture-de-l-information/immediatisez-lacces-a-linformation</link>
		<comments>http://www.ecrirepourleweb.com/architecture-de-l-information/immediatisez-lacces-a-linformation#comments</comments>
		<pubDate>Wed, 17 Nov 2010 05:31:35 +0000</pubDate>
		<dc:creator>Muriel Vandermeulen</dc:creator>
				<category><![CDATA[Architecture de l'information]]></category>
		<category><![CDATA[Rédaction Web & Editorial]]></category>
		<category><![CDATA[expérience utilisateur]]></category>
		<category><![CDATA[marketing de contenu]]></category>
		<category><![CDATA[stratégie de contenu web]]></category>

		<guid isPermaLink="false">http://www.ecrirepourleweb.com/?p=3062</guid>
		<description><![CDATA[Vos lecteurs sont sensibles à des informations différentes, accessibles, peut-être, à différents endroits sur la page Web. Quels sont les moyens pour segmenter les unités d’information et les mettre, individuellement, en valeur. ]]></description>
			<content:encoded><![CDATA[<div class="tweetmeme_button" style="float: right; margin-left: 10px;">
			<a href="http://api.tweetmeme.com/share?url=http%3A%2F%2Fwww.ecrirepourleweb.com%2Farchitecture-de-l-information%2Fimmediatisez-lacces-a-linformation"><br />
				<img src="http://api.tweetmeme.com/imagebutton.gif?url=http%3A%2F%2Fwww.ecrirepourleweb.com%2Farchitecture-de-l-information%2Fimmediatisez-lacces-a-linformation&amp;source=ecrirepourleweb&amp;style=normal&amp;service=ow.ly&amp;b=2" height="61" width="50" /><br />
			</a>
		</div>
<p>Vos différents lectorats seront vraisemblablement sensibles à des informations différentes, réparties en différents endroits (lire : écrans) d&#8217;une seule page Web . Il existe plusieurs moyens pour segmenter les unités d’information et les mettre, individuellement, en valeur. Comment?<span id="more-3062"></span></p>
<h2><strong>Découpez vos textes</strong></h2>
<p>Le découpage donne lieu à une <strong>segmentation</strong> en paragraphes qui, s&#8217;ils ne comportent qu’une idée (ce qui vaut mieux, donc), seront perçus comme des « <strong>unités d’information</strong> ».</p>
<p>L’internaute lit peu, mais il lit au moins les premiers mots des <strong>titres</strong>, les <strong>premières lignes</strong> d’un texte, les premiers paragraphes d’une page. Faites donc apparaître <strong>l’essentiel des informations</strong> dès l&#8217;entrée de vos unités d&#8217;information. C&#8217;est le principe de la « <strong><a title="Un précédent article sur la pyramide inversée" href="http://www.ecrirepourleweb.com/architecture-de-l-information/pyramide-inversee-micro-et-macro-contenus" target="_self">pyramide inversée</a></strong> ».</p>
<p>Un texte découpé en plusieurs paragraphes de 4 ou 5 lignes, générant une <strong>structure aérée et logique</strong> sur la page-écran, est plus avenant qu’un imposant bloc de  texte compact et saturé. La présence d’intertitres entre ces paragraphes éclaire encore plus l&#8217;enchaînement du propos.</p>
<p>L’usage de <strong><a title="Un article à venir sur le sujet" href="ttp://www.ecrirepourleweb.com/redaction-web-editorial/concevez-vos-textes-en-mode-hypertexte" target="_self">l’hypertexte</a></strong> est une autre manière d’immédiatiser l’accès à certaines informations, notamment sur les pages plus longues.</p>
<h2><strong>Exploitez les ancres</strong></h2>
<p><strong></strong>Les ancres (également appelées liens internes) aident à la navigation au sein des pages. Ces <strong>balises HTML</strong> permettent de lier des <strong>portions de texte sur une même page Web</strong>. Lorsque l’utilisateur clique sur le lien, il n’est pas renvoyé vers une autre page, mais vers une autre partie de la même page, située plus bas. Les internautes sont très férus des ancres. Lorsqu’elles sont correctement présentées, c’est-à-dire en haut de page, sous le titre de la page, sous forme de liste.</p>
<p>Ces liens internes sont donc, de manière assez logique, réservés aux <strong>pages de détail</strong>. Et ce sont généralement les intertitres qui sont utilisés pour construire les ancres. Ensemble, ils constituent donc un index dans la page, que le lecteur peut consulter comme bon lui semble.</p>
<p>Dans la mesure où les ancres sont des liens, les titres dans l’index (liens sources) doivent être libellés de la même manière que les titres qui apparaissent dans la page (liens cibles). De préférence, la première ancre renvoie vers une zone encore visible dans le premier écran. Le lecteur comprend alors qu’il a affaire à un index cliquable au sein de la page.</p>
<p>Vérifiez auprès du Webmaster que le système affiche une flèche vers le haut ou un lien Haut de la page pour permettre à l’utilisateur de revenir à l’index à partir de chaque section.</p>
<h2>Equilibrez les volumes de contenu</h2>
<p>Réfléchissez, dès le début, à la <strong>longueur moyenne de vos pages-écrans</strong>. Vous contribuez ainsi à la cohérence visuelle et fonctionnelle de vos pages et créez des habitudes pour l’internaute.<em> </em></p>
<p>Si vos <strong>pages de détail</strong>, par exemple, comportent toujours <strong>2 à 3 écrans</strong>, et que vous utilisez des ancres pour immédiatiser l’accès aux unités d’information et équilibrer le nombre de défilements nécessaires pour parcourir toute la page, l’internaute comprendra très vite que la mécanique est généralisée à la plupart des pages d’article.</p>
<p>Primo-visiteur et utilisateur fréquent sont tous deux sensibles aux volumes d’information sur les pages, et au bon équilibre entre les rubriques, les pages, les écrans.</p>
<p>D’autres part, les recherches démontrent que les internautes ont certaines préférences en termes de volumes de contenu, selon les types de pages. Ainsi,</p>
<ul>
<li>une <strong>page de contact</strong> efficace ne sera pas chargée de littérature ;</li>
<li>une <strong>page d’orientation</strong> reprend les items de navigation et les renforce par quelques mots clés ou de courtes descriptions ;</li>
<li>les <strong>pages internes</strong> sont, elles, plus adaptées à l&#8217;usage de l’ascenseur vertical. Mais les internautes moins habiles utilisent moins volontiers le défilement. Une alternative est alors d&#8217;intégrer des ancres (voir plus loin) qui permettent de segmenter efficacement les contenus volumineux.</li>
</ul>
<p>Enfin, dans certains cas, la <strong>pagination</strong> aide à la consultation des longs articles. Cette mécanique est très fréquente sur les sites de presse, les sites éditoriaux en général ou les pages listes, telles que les pages de résultats de Google. La pagination constitue une bonne réponse au fait que les internautes préfèrent plusieurs pages courtes à quelques pages très longues.</p>
<p>Comment procédez-vous pour la mise à l&#8217;écran de vos contenus ? Songez-vous toujours à placer les informations les plus critiques en haut de vos pages ? Comment équilibrez-vous vos volumes de texte ? Votre avis m&#8217;intéresse !</p>
<p>&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;</p>
<p>
<div id="PageAnnouncementContainer">
	<div class="PageAnnouncement" id="PageAnnouncement2">
		<p><b><em>Atelier pratique écriture Web</b></em>
le 09.02.12 À BRUXELLES -
Exercez-vous concrètement à l’écriture Web. Rédigez des microcontenus performants, des pages utiles, lisibles. Et mesurez votre succès</p>
		<p><a title="Inscrivez-vous" href="http://www.ecrirepourleweb.com/formulaire-dinscription">Inscrivez-vous</a></p>
	</div>
</div><br />
<h3 class='related_post_title'>Sur le même sujet</h3>
<ul class='related_post'>
<li><a href='http://www.ecrirepourleweb.com/redaction-web/misez-sur-linteractivite' title='Misez sur l’interactivité'>Misez sur l’interactivité</a></li>
<li><a href='http://www.ecrirepourleweb.com/redaction-web/reputation-des-entreprises-et-contenus-web' title='Réputation des entreprises et contenus Web'>Réputation des entreprises et contenus Web</a></li>
<li><a href='http://www.ecrirepourleweb.com/redaction-web/marketing-editorial-et-strategie-de-contenu-web-predictions-pour-2012' title='Marketing éditorial et stratégie de contenu Web: prédictions pour 2012'>Marketing éditorial et stratégie de contenu Web: prédictions pour 2012</a></li>
<li><a href='http://www.ecrirepourleweb.com/redaction-web/strategie-de-contenu-et-marketing-editorial-pour-le-tourisme' title='Stratégie de contenu et marketing éditorial pour l&#8217;e-tourisme'>Stratégie de contenu et marketing éditorial pour l&#8217;e-tourisme</a></li>
<li><a href='http://www.ecrirepourleweb.com/medias-sociaux/un-blog-le-mailing-une-page-facebook-pourquoi-lubiquite' title='Un blog, l&#8217;e-mailing, une page Facebook: pourquoi l&#8217;ubiquité?'>Un blog, l&#8217;e-mailing, une page Facebook: pourquoi l&#8217;ubiquité?</a></li>
</ul>
]]></content:encoded>
			<wfw:commentRss>http://www.ecrirepourleweb.com/architecture-de-l-information/immediatisez-lacces-a-linformation/feed</wfw:commentRss>
		<slash:comments>1</slash:comments>
		</item>
		<item>
		<title>Écrire pour le Web mobile</title>
		<link>http://www.ecrirepourleweb.com/architecture-de-l-information/ecrire-pour-le-web-mobile</link>
		<comments>http://www.ecrirepourleweb.com/architecture-de-l-information/ecrire-pour-le-web-mobile#comments</comments>
		<pubDate>Thu, 30 Sep 2010 15:35:04 +0000</pubDate>
		<dc:creator>Muriel Vandermeulen</dc:creator>
				<category><![CDATA[Architecture de l'information]]></category>
		<category><![CDATA[Ergonomie]]></category>
		<category><![CDATA[Rédaction Web & Editorial]]></category>
		<category><![CDATA[lisibilité]]></category>
		<category><![CDATA[mobile]]></category>
		<category><![CDATA[stratégie de contenu web]]></category>

		<guid isPermaLink="false">http://www.ecrirepourleweb.com/?p=2725</guid>
		<description><![CDATA[Rédiger pour le Web mobile, plus encore qu'écrire pour Internet, requiert d'être fonctionnel. En effet, l'écriture mobile est une écriture, avant tout, conceptuelle. Une écriture de l'immédiat, dans l'espace et dans le temps. Quelques conseils...]]></description>
			<content:encoded><![CDATA[<div class="tweetmeme_button" style="float: right; margin-left: 10px;">
			<a href="http://api.tweetmeme.com/share?url=http%3A%2F%2Fwww.ecrirepourleweb.com%2Farchitecture-de-l-information%2Fecrire-pour-le-web-mobile"><br />
				<img src="http://api.tweetmeme.com/imagebutton.gif?url=http%3A%2F%2Fwww.ecrirepourleweb.com%2Farchitecture-de-l-information%2Fecrire-pour-le-web-mobile&amp;source=ecrirepourleweb&amp;style=normal&amp;service=ow.ly&amp;b=2" height="61" width="50" /><br />
			</a>
		</div>
<p>Rédiger pour le Web mobile, plus encore qu&#8217;écrire pour Internet, requiert d&#8217;être fonctionnel. En effet, l&#8217;écriture mobile est une écriture, avant tout, conceptuelle. Une écriture de l&#8217;immédiat, dans l&#8217;espace et dans le temps. Quelques conseils&#8230;</p>
<p><span id="more-2725"></span></p>
<p><a href="http://www.ecrirepourleweb.com/wp-content/iPhone.png"><img class="alignright size-medium wp-image-2891" title="Rédiger pour le mobile" src="http://www.ecrirepourleweb.com/wp-content/iPhone-300x300.png" alt="Ecrire pour le mobile, une écriture de l'immédiat" width="210" height="210" /></a>Inutile de balader le mobinaute dans une stratiatella de pages, ni de lui faire remplir des formulaires ou un champ de recherche pour qu&#8217;il accède à l&#8217;info critique. Le mobinaute veut tout, tout de suite.</p>
<h2>Impératif éditorial</h2>
<p>Le contenu mobile requiert une stratégie de contenu toute particulière, adaptée au support (un micro-écran, pas de souris, pas de claver digne de ce nom), au mobinaute (qui, appréciant le push des informations et commen Tout d&#8217;abord parce qu&#8217;il est de coutume, pour le mobinaute, d&#8217;avoir du contenu qui lui tombe tout cuit. C&#8217;est le concept du «push» qui existe dans toutes les stratégies marketing, et c&#8217;est un des principes élémentaires de la génération de contenus mobiles.</p>
<p>Les données sont envoyées automatiquement, sans que l’utilisateur ait tapé sur quelque bouton &laquo;&nbsp;OK&nbsp;&raquo; ou &laquo;&nbsp;Recevoir&nbsp;&raquo;. C’est le cas des alertes et notifications locales proposées par les sites de presse et médias sociaux, entre autres.</p>
<p>En d&#8217;autres mots, via ce système, les annonceurs ont habitué les utilisateurs à recevoir de l&#8217;information fraîche et ciblée selon leurs intérêts, de manière régulière et directe. Et nous tenons notre premier impératif, qui est, donc, éditorial.</p>
<p>Ni fioritures, ni détours sur le Web mobile. Les impératifs éditoriaux sont : <strong>simplicité</strong>, <strong>univocité</strong>, <strong>opportunité</strong>, <strong>trouvabilité</strong>.</p>
<p>Bien plus encore que sur le Web desktop, le contenu détermine à lui seul le « produit fini ». Concentrez-vous sur les besoins primaires de vos mobinautes. Inutile de faire une version mobile de tout le site Web. L’adaptation de l’une ou l’autre fonctionnalité suffit: annuaire, configurateur, check-list interactive, &#8230;</p>
<p>Quels sont les ingrédients pour faire un bon éditorial pour le mobile?</p>
<ul>
<li><a href="#contenus">Contenus orientés tâches</a></li>
<li><a href="#URL">URL courtes</a></li>
<li><a href="#architecture">Architecture compacte</a></li>
<li><a href="#editorial">Éditorial compact et fréquent</a></li>
<li><a href="#hypertexte">Hypertexte hyper texte</a></li>
<li><a href="#trouvabilite">Trouvabilité</a></li>
</ul>
<h3><a name="contenus"></a>Contenus orientés tâches</h3>
<p>Pensez toujours que vous devez concevoir un éditorial orienté tâche et non ressource documentaire. Par exemple, les naveteurs n’ont pas besoin que leur opérateur ferroviaire publie sa page « A propos de nous » sur sa plate-forme mobile. En revanche, ils seraient heureux de pouvoir télécharger un module leur donnant l’info du rail en direct et les horaires en temps réel.</p>
<li><a title="Ecrire pour le mobile" href="http://www.ecrirepourleweb.com/architecture-de-l-information/ecrire-pour-le-web-mobile#more-2725" target="_self">Haut  de la page</a></li>
<h3><a name="URL"></a>URL courtes</h3>
<p>Si vous dédiez un site web au mobile, réservez des url courtes pour en faciliter la saisie &#8211; les claviers mobiles sont de piètres ersatz en termes d’utilisabilité. Préférez donc une adresse du type http://example.org à http://www.example.org/index.html.</p>
<li><a title="Ecrire pour le mobile" href="http://www.ecrirepourleweb.com/architecture-de-l-information/ecrire-pour-le-web-mobile#more-2725" target="_self">Haut  de la page</a></li>
<h3><a name="architecture"></a>Architecture compacte</h3>
<p>Organisez vos pages en une seule colonne. Réduisez les marges, filets et autres gouttières.<br />
N’encombrez pas votre mobinaute d’un message de bienvenue : proposez-lui un accès direct à l’information, aux outils ou fonctionnalités.</p>
<h4>Pour les menus</h4>
<p>Réservez la page d’accueil à la navigation. Regroupez-y exclusivement les menus, identifiables, éventuellement, par un pictogramme ou une icône (voyez les versions mobiles de Facebook ou LinkedIn). Organisez ces menus en respectant la logique de l’utilisateur.</p>
<p>Inutile, ensuite, de reproduire les menus en haut des pages internes : prévoyez plutôt, dans l’en-tête mais aussi dans le footer de chaque page, un retour à la page de navigation (page d’accueil). Les mobinautes n’auront pas à remonter ou à quitter la page pour accéder au menu principal.</p>
<h4>Chaque page est un tout</h4>
<p>Concevez chaque page comme un tout : les mobinautes rechignent à utiliser les touches Avant et Arrière, ni n’utilisent volontiers le champ de recherche. Votre navigation est leur principale voie d’accès à vos contenus. Sur chaque page interne, concluez par deux ou trois liens vers d’autres pages.<br />
Prévoyez un lien vers votre site Web desktop au bas de chaque page. Les mobinautes super-équipés pourront ainsi profiter de la version complète.</p>
<li><a title="Ecrire pour le mobile" href="http://www.ecrirepourleweb.com/architecture-de-l-information/ecrire-pour-le-web-mobile#more-2725" target="_self">Haut  de la page</a></li>
<h3><a name="hypertexte"></a>Hypertexte hyper texte</h3>
<p>N’hésitez pas à faire de longs hyperliens (contrairement à ce qui est de mise sur une page Web) : sur un petit écran, un lien de 5 mots est plus facilement accessible qu’un lien d’un ou deux mots.<br />
Si vous faites une liste d’hyperliens, espacez-les correctement pour éviter à l’utilisateur de taper à côté.<br />
Qualifiez clairement les liens cibles :<br />
Évitez les effets qui, sur le Web desktop, nécessitent la souris ou le clavier. En revanche, n’hésitez pas à compenser ces impossibilités en exploitant, par exemple, les raccourcis clavier pour des fonctionnalités récurrentes (retour à l’accueil, par exemple).</p>
<li><a title="Ecrire pour le mobile" href="http://www.ecrirepourleweb.com/architecture-de-l-information/ecrire-pour-le-web-mobile#more-2725" target="_self">Haut  de la page</a></li>
<h3><a name="trouvabilite"></a>Trouvabilité</h3>
<p>Le principal souci de la plupart des sites mobiles, c’est qu’ils comportent des contenus dupliqués, issus directement du site « complet ». La question du référencement renforce donc l’argument de créer un projet mobile à part entière, également en termes éditoriaux.</p>
<p>Il vous suffit ensuite de reprendre les principes de base de l’optimisation pour le référencement naturel, dont vous connaissez désormais la formule = contenu frais + mots clés + balises. Ne négligez pas les mots clés dans vos contenus mobiles : il y a deux ans déjà, 40% de mobinautes avaient trouvé les sites mobiles qu’ils consultaient via les moteurs de recherche.</p>
<p>N’oubliez pas, par ailleurs, de créer un plan de votre site mobile, que vous syntaxerez sous la forme http://exemple.org/mobilesitemap et le passerez au crible des outils Google pour webmasters.</p>
<p>Tant que vous y êtes, tirez parti d’autres outils Google tels que Google Suggest, une fonctionnalité qui propose des termes de recherche associés à votre requête – encore plus pratique sur le mobile où la saisie est plus laborieuse. L’outil vous permet d’anticiper les requêtes. Il existe même des outils pour importer directement les données Google Suggest dans vos fichiers de mots clés.</p>
<li><a title="Ecrire pour le mobile" href="http://www.ecrirepourleweb.com/architecture-de-l-information/ecrire-pour-le-web-mobile#more-2725" target="_self">Haut  de la page</a></li>
<h3 class='related_post_title'>Sur le même sujet</h3>
<ul class='related_post'>
<li><a href='http://www.ecrirepourleweb.com/ergonomie/le-contenu-mobile-anti-ergonomique-par-essence' title='Le contenu mobile, anti-ergonomique par essence?'>Le contenu mobile, anti-ergonomique par essence?</a></li>
<li><a href='http://www.ecrirepourleweb.com/redaction-web/des-contraintes-aux-libertes-de-lecrit-web' title='Des contraintes aux libertés de l&#8217;écrit web'>Des contraintes aux libertés de l&#8217;écrit web</a></li>
<li><a href='http://www.ecrirepourleweb.com/formations/cycle-de-formation-strategie-et-marketing-editorial' title='Cycle de formation stratégie et marketing éditorial'>Cycle de formation stratégie et marketing éditorial</a></li>
<li><a href='http://www.ecrirepourleweb.com/redaction-web/marketing-editorial-et-strategie-de-contenu-web-predictions-pour-2012' title='Marketing éditorial et stratégie de contenu Web: prédictions pour 2012'>Marketing éditorial et stratégie de contenu Web: prédictions pour 2012</a></li>
<li><a href='http://www.ecrirepourleweb.com/redaction-web/strategie-de-contenu-et-marketing-editorial-pour-le-tourisme' title='Stratégie de contenu et marketing éditorial pour l&#8217;e-tourisme'>Stratégie de contenu et marketing éditorial pour l&#8217;e-tourisme</a></li>
</ul>
]]></content:encoded>
			<wfw:commentRss>http://www.ecrirepourleweb.com/architecture-de-l-information/ecrire-pour-le-web-mobile/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Du bon usage des métadonnées en rédaction Web</title>
		<link>http://www.ecrirepourleweb.com/architecture-de-l-information/du-bon-usage-des-metadonnees-en-redaction-web</link>
		<comments>http://www.ecrirepourleweb.com/architecture-de-l-information/du-bon-usage-des-metadonnees-en-redaction-web#comments</comments>
		<pubDate>Wed, 01 Sep 2010 05:53:57 +0000</pubDate>
		<dc:creator>Muriel Vandermeulen</dc:creator>
				<category><![CDATA[Architecture de l'information]]></category>
		<category><![CDATA[Rédaction Web & Editorial]]></category>
		<category><![CDATA[gestion de projet]]></category>
		<category><![CDATA[recherche]]></category>
		<category><![CDATA[stratégie de contenu web]]></category>

		<guid isPermaLink="false">http://www.ecrirepourleweb.com/?p=2831</guid>
		<description><![CDATA[La réflexion sur les métadonnées se fait en phase de production du contenu, voire en amont. Ce qui vous implique, vous, rédacteur et éditeur Web. Quelques conseils pour bien gérer cette taxonomie.]]></description>
			<content:encoded><![CDATA[<div class="tweetmeme_button" style="float: right; margin-left: 10px;">
			<a href="http://api.tweetmeme.com/share?url=http%3A%2F%2Fwww.ecrirepourleweb.com%2Farchitecture-de-l-information%2Fdu-bon-usage-des-metadonnees-en-redaction-web"><br />
				<img src="http://api.tweetmeme.com/imagebutton.gif?url=http%3A%2F%2Fwww.ecrirepourleweb.com%2Farchitecture-de-l-information%2Fdu-bon-usage-des-metadonnees-en-redaction-web&amp;source=ecrirepourleweb&amp;style=normal&amp;service=ow.ly&amp;b=2" height="61" width="50" /><br />
			</a>
		</div>
<p>Dans la mesure où les métadonnées sont généralement insérées dans le système de gestion de contenu à la mise en ligne de la page Web, la réflexion sur ce vocabulaire contrôlé se fait au moment de la production du contenu en tant que tel, voire en amont. Ce qui vous implique, vous, rédacteur et éditeur Web. Quelques conseils pour bien gérer cette taxonomie.</p>
<p><span id="more-2831"></span></p>
<p><a href="http://www.ecrirepourleweb.com/wp-content/Bonusagemetadonnees.jpg"><img class="size-thumbnail wp-image-2832 alignright" title="Bonusagemetadonnees" src="http://www.ecrirepourleweb.com/wp-content/Bonusagemetadonnees-150x150.jpg" alt="Du bon usage des métadonnées" width="150" height="150" /></a>En quoi la question des métadonnées vous concerne-t-elle, vous, responsable éditorial ? En ce que <strong>vous participez étroitement à la production</strong> du contenu Web, auprès d&#8217;un annonceur professionnel, vraisemblablement.</p>
<p>En ce que <strong>vous partagez les informations de l&#8217;annonceur</strong> avec d&#8217;autres contributeurs, vraisemblablement. Il se peut même que vous ne soyez qu&#8217;un maillon dans la chaîne de publication – l&#8217;auteur, par exemple. Ce qui signifie qu&#8217;à votre suite, un autre contributeur ou un éditeur devra retrouver votre contenu et le traiter également.</p>
<p>Enfin, l&#8217;indexation vous concerne parce que certaines des métadonnées sont intégrées directement <strong>dans le corps du texte</strong> et influent sur l&#8217;utilisation du système de gestion.</p>
<p>Comme on l&#8217;a vu précédemment, l&#8217;indexation des contenus a 3 avantages : simplifier la recherche, unifier le travail collaboratif et formaliser la classification des contenus. En tant que responsable éditorial, rédacteur ou éditeur Web, vous ne pouvez que tirer profit de ces avantages également. Autant, dès lors, y contribuer activement.</p>
<h2>Pensez métadonnées</h2>
<p>Quand vous planchez sur votre plan de contenu, pensez déjà aux métadonnées. <strong>Utilisez-les pour articuler votre propos</strong>. De cette manière, vous qualifiez déjà le contenu pour favoriser son émergence dans les requêtes internes et externes.</p>
<p>En effet, dans la plupart des sites Web aujourd&#8217;hui, l&#8217;internaute peut chercher un document en fonction d&#8217;une variété de critères : titre et surtitre, chapeau, auteur, date, catégorie – les métadonnées, précisément.</p>
<h2>Testez vos métadonnées</h2>
<p>Pour assurer la visibilité de vos contenus, vos métadonnées doivent, elles aussi, être trouvables. Assurez-vous donc qu&#8217;elles correspondent bien aux critères de recherche et au tri logique que vont opérer vos lecteurs (puisque ce sont eux, au final, qui vont les utiliser).</p>
<p>Vous pouvez, par exemple, confronter vos mots clés aux <strong>requêtes effectuées par les internautes</strong> sur le moteur de recherche interne. Ou utiliser les outils en ligne d&#8217;aide à la définition de mots clés (voir 2.8. Référencement éditorial).</p>
<h2>Économisez les métadonnées</h2>
<p>L&#8217;indexation permet d&#8217;associer autant de métadonnées que vous le désirez à un seul et même document. Ce seront autant de chemins que l&#8217;internaute pourra emprunter pour retrouver votre document.</p>
<p>Du coup, la perspective d&#8217;augmenter la trouvabilité de vos pages-écrans en leur associant un nombre élevé de métadonnées peut être alléchante. Pourtant, sur le long terme, cette stratégie ne paie pas. Entre autres parce que ni les contributeurs ni les internautes ne cliqueront sur vos quinze étiquettes pour apprécier le maillage que vous proposez.<br />
Bref, <strong>ne vous limitez qu’aux métadonnées strictement nécessaires</strong> car comme dans la vie réelle, plus vous avez de classeurs et d&#8217;armoires, moins vous risquez de retrouver vos documents.</p>
<h2>Maîtrisez vos métadonnées</h2>
<p>Soyez vigilants aux <strong>problèmes d&#8217;accentuation, de syntaxe, de dérivation et d&#8217;effets de casse</strong>, dans la création et la gestion des métadonnées. Allez-vous créer l&#8217;étiquette stratégie de contenu ou stratégie de contenus ? Ou encore strategie de contenu. Ne croyez pas que le CMS, même puissant, résoudra les incohérences ou détectera les (quasi) doublons. Reportez-vous à la charte éditoriale pour gérer vos métadonnées.<br />
<h3 class='related_post_title'>Sur le même sujet</h3>
<ul class='related_post'>
<li><a href='http://www.ecrirepourleweb.com/architecture-de-l-information/metadonnees-et-organisation-de-vos-contenus-en-ligne' title='Métadonnées et organisation de vos contenus en ligne'>Métadonnées et organisation de vos contenus en ligne</a></li>
<li><a href='http://www.ecrirepourleweb.com/redaction-web/marketing-editorial-et-strategie-de-contenu-web-predictions-pour-2012' title='Marketing éditorial et stratégie de contenu Web: prédictions pour 2012'>Marketing éditorial et stratégie de contenu Web: prédictions pour 2012</a></li>
<li><a href='http://www.ecrirepourleweb.com/redaction-web/et-la-communication-web-dans-tout-ca' title='Et la communication web dans tout ça?'>Et la communication web dans tout ça?</a></li>
<li><a href='http://www.ecrirepourleweb.com/web-social/trouver-les-contenus-qui-font-revenir-les-gens-sur-vos-pages-web' title='Trouver les contenus qui font revenir les gens sur vos pages Web'>Trouver les contenus qui font revenir les gens sur vos pages Web</a></li>
<li><a href='http://www.ecrirepourleweb.com/formations/vitaminez-votre-communication-en-ligne-une-nouvelle-formation-waw' title='Vitaminez votre communication en ligne, une nouvelle formation @ WAW'>Vitaminez votre communication en ligne, une nouvelle formation @ WAW</a></li>
</ul>
]]></content:encoded>
			<wfw:commentRss>http://www.ecrirepourleweb.com/architecture-de-l-information/du-bon-usage-des-metadonnees-en-redaction-web/feed</wfw:commentRss>
		<slash:comments>3</slash:comments>
		</item>
		<item>
		<title>Métadonnées et organisation de vos contenus en ligne</title>
		<link>http://www.ecrirepourleweb.com/architecture-de-l-information/metadonnees-et-organisation-de-vos-contenus-en-ligne</link>
		<comments>http://www.ecrirepourleweb.com/architecture-de-l-information/metadonnees-et-organisation-de-vos-contenus-en-ligne#comments</comments>
		<pubDate>Mon, 30 Aug 2010 13:28:12 +0000</pubDate>
		<dc:creator>Muriel Vandermeulen</dc:creator>
				<category><![CDATA[Architecture de l'information]]></category>
		<category><![CDATA[Rédaction Web & Editorial]]></category>
		<category><![CDATA[gestion de projet]]></category>
		<category><![CDATA[recherche]]></category>
		<category><![CDATA[stratégie de contenu web]]></category>

		<guid isPermaLink="false">http://www.ecrirepourleweb.com/?p=2822</guid>
		<description><![CDATA[A l'heure actuelle, moins de la moitié des pages Web contient des métadonnées. Il font dire que de nombreux producteurs de contenus ne savent toujours pas ce que sont les métadonnées, ni quelle est leur utilité. C'est le propos de cet article.  ]]></description>
			<content:encoded><![CDATA[<div class="tweetmeme_button" style="float: right; margin-left: 10px;">
			<a href="http://api.tweetmeme.com/share?url=http%3A%2F%2Fwww.ecrirepourleweb.com%2Farchitecture-de-l-information%2Fmetadonnees-et-organisation-de-vos-contenus-en-ligne"><br />
				<img src="http://api.tweetmeme.com/imagebutton.gif?url=http%3A%2F%2Fwww.ecrirepourleweb.com%2Farchitecture-de-l-information%2Fmetadonnees-et-organisation-de-vos-contenus-en-ligne&amp;source=ecrirepourleweb&amp;style=normal&amp;service=ow.ly&amp;b=2" height="61" width="50" /><br />
			</a>
		</div>
<p>Les métadonnées sont un puissant outil au service de l&#8217;accessibilité, de la recherche et de la gestion des ressources sur le Web. A l&#8217;heure actuelle, pourtant, moins de la moitié des pages Web contient des  métadonnées. Pourquoi un si faible taux ? Parce que les internautes  producteurs de contenus ne savent pas ce que sont les métadonnées, ni  quelle est leur utilité. Cela vaut bien quelques éclaircissements, non ?</p>
<p><span id="more-2822"></span><a href="http://www.ecrirepourleweb.com/wp-content/Metadonnees.jpg"><img class="size-thumbnail wp-image-2828 alignright" title="Metadonnees" src="http://www.ecrirepourleweb.com/wp-content/Metadonnees-150x150.jpg" alt="" width="150" height="150" /></a>Données servant à définir ou décrire d&#8217;autres données, les métadonnées ne posent  pas seulement la question du quoi, mais aussi celles du comment, qui (par qui et pour qui), du quand, etc.</p>
<p>A l&#8217;heure où le Web devient  sémantique, tout rédacteur ou éditeur Web a intérêt à exploiter cet outil précieux et à en rationaliser l&#8217;usage au sein de son équipe éditoriale.</p>
<h2>Métadonnées et Standards&#8230;</h2>
<p>Depuis des années, des recherches sont menées pour mettre en  place un système qui permettrait d&#8217;identifier et de rendre accessibles  les titres, mots clés, auteurs des documents, thèmes et rubriques, dates  de publication et de mise à jour, etc. des documents Web.</p>
<p>Ainsi, des <strong>normes descriptives</strong> ont vu le jour, qui permettent d&#8217;indexer toutes les ressources stockées sur la Grande Toile. Il existe <strong>2 grands systèmes de standardisation</strong> des métadonnées:</p>
<ul>
<li><a href="#dublincore">Dublin Core</a></li>
<li><a href="#RDF">Resource Description Framework (RDF)</a></li>
</ul>
<h3><a name="dublincore"></a>Dublin Core</h3>
<p><a title="Visiter le site (EN) de l'initiative Dublin Core" href="http://dublincore.org/" target="_blank"><strong>Dublin Core</strong></a> a été créé en 1996. Il permet d’appréhender les métadonnées au sens  large, en fonction de 15 éléments de définition d&#8217;un document, chacun  étant optionnel et pouvant être répété :</p>
<ol>
<li><strong>Titre</strong> : nom donné à la ressource par l&#8217;auteur ou le créateur</li>
<li><strong>Auteur ou créateur</strong> : personne à l&#8217;origine de la création et du contenu intellectuel de la ressource</li>
<li><strong>Sujet et mots clés</strong> : thème de la ressource décrite à l&#8217;aide de mots clés</li>
<li><strong>Description</strong> : description textuelle du contenu de la ressource</li>
<li><strong>Éditeur </strong>: responsable de la diffusion de la ressource</li>
<li><strong>Collaborateur</strong> : contributeur au contenu de la ressource</li>
<li><strong>Date</strong> : date de publication de la ressource</li>
<li><strong>Type de ressource</strong> : catégorie de la ressource (page personnelle, thèse, rapport technique,&#8230;)</li>
<li><strong>Format</strong> : format de la ressource, utilisé pour identifier le type de ressource,&#8230;</li>
<li><strong>Identifiant de la ressource</strong> : référence non ambiguë de la ressource dans un contexte donné</li>
<li><strong>Source</strong> : référence de la source d&#8217;où provient le document</li>
<li><strong>Langage</strong> : langue du contenu intellectuel de la ressource</li>
<li><strong>Relation</strong> : relation de cette ressource avec d&#8217;autres ressources</li>
<li><strong>Portée</strong> : attributs spatio-temporels de la ressource</li>
<li><strong>Gestion des droits</strong> : données sur les droits détenus par la ressource</li>
</ol>
<h3><a name="RDF"></a>Resource Description Framework (RDF)</h3>
<p>Ensuite, avec la création du langage XML, un autre système de classification est apparu : RDF (Ressource Description Framework).</p>
<p>RDF est très souvent comparé à un cadre prêt à recevoir les métadonnées du Dublin Core, qui permet d&#8217;intégrer et d&#8217;emboîter (comme des poupées russes) dans l&#8217;en-tête d&#8217;un fichier, plusieurs normes de métadonnées.</p>
<p>D’où certaines classes de métadonnées apparaissent dans le code source de la page HTML, entre les balises &lt;HEAD&gt; et &lt;/HEAD&gt;.<br />
RDF comprend trois éléments de base :</p>
<ol>
<li><strong>Ressource</strong> : Objet présent sur le Web et accessible via à un URI (Uniform Resource Identifier). Ce sera un site Web, une page Web, ou un élément constitutif d’une page Web (image, texte,&#8230;)</li>
<li><strong>Propriété</strong> : Attributs de la ressources : par exemple, le nom du l&#8217;auteur, la date de création, le format,&#8230;</li>
<li><strong>Déclaration</strong> : Rapport entre la ressource, la propriété et l&#8217;objet, faisant apparaître les relations entre les éléments.</li>
</ol>
<p>La page HTML dont le titre est « Conseil éditorial » (titre), par exemple, créée le 19 février 2007 (création) par Vandermeulen Muriel (auteur) a pour URI :<br />
<a href="http://www.ecrirepourleweb/conseileditorial">http://www.ecrirepourleWeb/conseileditorial</a>.</p>
<p>RDF a permis de cataloguer de manière descriptive les contenus dans les bases de données en les reliant avec d’autres ressources sur le Web, de faciliter l’échange et le partage des connaissances et de rendre plus fiable et plus simple l&#8217;indexation dans les moteurs de recherche.</p>
<h2>Métadonnées et recherche</h2>
<p>Pour rechercher une information, les <strong>moteurs de recherche</strong> repèrent les métadonnées. En d&#8217;autres mots, l’efficacité de ce passage au crible par les robots dépend directement de la <strong>qualité apportée à la rédaction des métadonnées</strong>.</p>
<p>Chaque type de contenu doit être caractérisé par des métadonnées précises et pertinentes. Mais, une fois de plus, ces métadonnées ne doivent pas uniquement plaire aux robots. Elles doivent aussi, et avant tout, être adaptées<em> </em>aux référentiel lexical et aux comportements de navigation des cibles de l&#8217;annonceur.</p>
<p>A l&#8217;heure actuelle, moins de la moitié des pages Web contient des métadonnées. Pourquoi un taux si faible ? Parce que les internautes producteurs de contenus ne savent pas ce que sont les métadonnées, ni quelle est leur utilité. Parce que ceux qui le savent, c&#8217;est-à-dire, plus généralement, des contributeurs professionnels, rechignent devant la lourde tâche d&#8217;<strong>indexer leurs contenus</strong>. Parce que ces mêmes contributeurs n&#8217;ont reçu aucune formation sur la <strong>gestion des métadonnées</strong>, n&#8217;en possèdent aucunement la culture et n&#8217;ont pas davantage reçu d&#8217;instructions quant à la gestion de ces métadonnées au sein de l&#8217;entreprise.</p>
<p>Or, l&#8217;utilisation de métadonnées demande un travail de réflexion, d&#8217;analyse et de stratégie ; elle entraîne, nécessairement, des répétitions (chaque page doit contenir ses métadonnées), des erreurs et un travail supplémentaire qui, souvent, est perçu – à tort – comme une perte de temps d&#8217;après les contributeurs.</p>
<h3>Rédaction Web et indexation</h3>
<p>Les ressources digitales ne seront jamais toutes enrichies de métadonnées. Certaines ne le demandent même pas (songeons à certains contenus générés par les utilisateurs).<br />
Mais dans tous les cas, il est de plus en plus critique, au niveau du Web dans son ensemble, ainsi qu&#8217;au niveau de chaque annonceur qui édite une ou plusieurs publications en ligne, de <strong>rationaliser </strong>la <strong>production</strong>, l&#8217;<strong>identification</strong> et l&#8217;<strong>archivage</strong> des métadonnées pour <strong>fluidifier et simplifier la recherche</strong> d&#8217;information.</p>
<p>L&#8217;indexation des contenus a 3 avantages :</p>
<ol>
<li>elle facilite la recherche de l’information,</li>
<li>elle simplifie le travail collaboratif,</li>
<li>elle formalise et structure la classification des contenus.</li>
</ol>
<p>En tant que responsable éditorial, rédacteur ou éditeur Web, architecte de l&#8217;information ou éditeur conseil, vous êtes étroitement impliqué dans la création d&#8217;une taxonomie cohérente, efficace et pertinente pour les contenus dont vous avez la responsabilité, voire la paternité. Car il vous incombe, en effet, de contribuer également à la trouvabilité de ces contenus.</p>
<h2>Réveillez l&#8217;Aristote qui sommeille en vous</h2>
<p>De tout temps, l’homme a su identifier, classer et retrouver les informations pour structurer son environnement. Aristote, déjà, proposait, dans Métaphysique, une classification de l’univers.</p>
<p>Et nous avons tous appris à classer et structurer les informations que nous recevons. Nous rangeons nos papiers dans des classeurs, puis dans des armoires ou sur des étagères particulières ; nous créons, déplaçons, supprimons chaque jour des fichiers et des dossiers dans l&#8217;arborescence de notre ordinateur. Le classement, ça nous connaît.</p>
<p>Il ne vous reste plus qu&#8217;à appliquer votre talent naturel à l&#8217;information numérique, c&#8217;est à dire à organiser vos contenus digitaux pour qu&#8217;ils soient trouvables. Je consacrerai mon prochain article au sujet : <strong><a title="Lire la suite de cet article" href="http://www.ecrirepourleweb.com/architecture-de-l-information/du-bon-usage-des-metadonnees-en-redaction-web" target="_self">Du bon usage des métadonnées</a></strong>&#8230;</p>
<p><strong>
<div id="PageAnnouncementContainer">
	<div class="PageAnnouncement" id="PageAnnouncement2">
		<p><b><em>Atelier pratique écriture Web</b></em>
le 09.02.12 À BRUXELLES -
Exercez-vous concrètement à l’écriture Web. Rédigez des microcontenus performants, des pages utiles, lisibles. Et mesurez votre succès</p>
		<p><a title="Inscrivez-vous" href="http://www.ecrirepourleweb.com/formulaire-dinscription">Inscrivez-vous</a></p>
	</div>
</div></strong><br />
<h3 class='related_post_title'>Sur le même sujet</h3>
<ul class='related_post'>
<li><a href='http://www.ecrirepourleweb.com/architecture-de-l-information/du-bon-usage-des-metadonnees-en-redaction-web' title='Du bon usage des métadonnées en rédaction Web'>Du bon usage des métadonnées en rédaction Web</a></li>
<li><a href='http://www.ecrirepourleweb.com/redaction-web/marketing-editorial-et-strategie-de-contenu-web-predictions-pour-2012' title='Marketing éditorial et stratégie de contenu Web: prédictions pour 2012'>Marketing éditorial et stratégie de contenu Web: prédictions pour 2012</a></li>
<li><a href='http://www.ecrirepourleweb.com/redaction-web/et-la-communication-web-dans-tout-ca' title='Et la communication web dans tout ça?'>Et la communication web dans tout ça?</a></li>
<li><a href='http://www.ecrirepourleweb.com/web-social/trouver-les-contenus-qui-font-revenir-les-gens-sur-vos-pages-web' title='Trouver les contenus qui font revenir les gens sur vos pages Web'>Trouver les contenus qui font revenir les gens sur vos pages Web</a></li>
<li><a href='http://www.ecrirepourleweb.com/formations/vitaminez-votre-communication-en-ligne-une-nouvelle-formation-waw' title='Vitaminez votre communication en ligne, une nouvelle formation @ WAW'>Vitaminez votre communication en ligne, une nouvelle formation @ WAW</a></li>
</ul>
]]></content:encoded>
			<wfw:commentRss>http://www.ecrirepourleweb.com/architecture-de-l-information/metadonnees-et-organisation-de-vos-contenus-en-ligne/feed</wfw:commentRss>
		<slash:comments>1</slash:comments>
		</item>
		<item>
		<title>Sites d&#8217;emploi à la loupe&#8230;</title>
		<link>http://www.ecrirepourleweb.com/architecture-de-l-information/sites-demploi-a-la-loupe</link>
		<comments>http://www.ecrirepourleweb.com/architecture-de-l-information/sites-demploi-a-la-loupe#comments</comments>
		<pubDate>Tue, 08 Jun 2010 09:48:57 +0000</pubDate>
		<dc:creator>Muriel Vandermeulen</dc:creator>
				<category><![CDATA[Architecture de l'information]]></category>
		<category><![CDATA[Ergonomie]]></category>
		<category><![CDATA[Rédaction Web & Editorial]]></category>
		<category><![CDATA[articles de presse]]></category>
		<category><![CDATA[crédibilité]]></category>
		<category><![CDATA[dossiers]]></category>

		<guid isPermaLink="false">http://www.ecrirepourleweb.com/?p=2521</guid>
		<description><![CDATA[Comment les entreprises belges ou implantées chez nous luttent contre la crise et promeuvent l'emploi ? Il y a du travail, c'est sûr! Lisez: il y a du pain sur la planche pour optimiser les interfaces et, par exemple, enfin intégrer le Web 2.0... Agoria, Altran, Colruyt, ING, La Poste, SNCB à la loupe...]]></description>
			<content:encoded><![CDATA[<div class="tweetmeme_button" style="float: right; margin-left: 10px;">
			<a href="http://api.tweetmeme.com/share?url=http%3A%2F%2Fwww.ecrirepourleweb.com%2Farchitecture-de-l-information%2Fsites-demploi-a-la-loupe"><br />
				<img src="http://api.tweetmeme.com/imagebutton.gif?url=http%3A%2F%2Fwww.ecrirepourleweb.com%2Farchitecture-de-l-information%2Fsites-demploi-a-la-loupe&amp;source=ecrirepourleweb&amp;style=normal&amp;service=ow.ly&amp;b=2" height="61" width="50" /><br />
			</a>
		</div>
<p>Comment les entreprises belges ou implantées chez nous luttent contre la crise et promeuvent l&#8217;emploi ? Il y a du travail, c&#8217;est sûr! Lisez: il y a du pain sur la planche pour optimiser les interfaces et, par exemple, enfin intégrer le Web 2.0&#8230; Agoria, Altran, Colruyt, ING, La Poste, SNCB à la loupe&#8230;</p>
<h2><span id="more-2521"></span>Médias sociaux et contenus de recommandation</h2>
<p>Telles sont les principales faiblesses des <strong>sections Emploi</strong> de quelques sites d&#8217;entreprises de chez nous ou implantées chez nous. En prévision de la relance tant annoncée, j&#8217;invite les recruteurs à optimiser leur espace Emploi: <strong>mettez-vous (enfin) au Web 2.0</strong>, aux médias sociaux et <strong>arrêtez de prendre les gens pour des idiots</strong>: si vous faites témoigner vos collaborateurs, faites-leur dire des choses vraies et vraiment intéressantes.</p>
<h3>Y a pas que les employeurs qui recommandent les employés&#8230;</h3>
<p>Les employés recommandent aussi les employeurs. Il ne semble pas que cela soit bien compris côté annonceurs. Pas un site où les annonces peuvent être &laquo;&nbsp;envoyées à un ami&nbsp;&raquo;, par exemple. Et à part ING, pas une organisation qui exploite les réseaux sociaux pour faire circuler ses petites annonces au cœur des places fréquentées par sa cible. Il y a encore du travail maintenant que le travail revient&#8230; Voici, en condensé, mon article paru dans Inside 117.</p>
<ul>
<li><a href="#agoria">Agoria, c&#8217;est un peu court, non?</a></li>
<li><a href="#altran">Altran, apprivoisez l&#8217;outil</a></li>
<li><a href="#colruyt">Colruyt, top site pour un top employeur</a></li>
<li><a href="#ing">ING, &laquo;&nbsp;Il y a de belles perspectives d&#8217;avenir&#8230;&nbsp;&raquo;</a></li>
<li><a href="#laposte">La Poste, c&#8217;était écrit!</a></li>
<li><a href="#sncb">SNCB, le train en marche</a></li>
</ul>
<h3><a name="agoria"></a>Agoria, c&#8217;est un peu court, non?</h3>
<p>Une section JOBS, c&#8217;est pour publier DES jobs, certes. Mais sur la  page d&#8217;entrée JOBS chez Agoria, on ne trouve QUE ça : une liste de  titres d&#8217;annonces d&#8217;emploi. Quelques pistes d&#8217;amélioration:</p>
<ol>
<li><strong>Classez les annonces par employeur</strong> : toutes les annonces AGORIA sous le  titre &laquo;&nbsp;Travailler chez AGORIA&nbsp;&raquo; (par exemple), toutes les annonces  SIRRIS sous le titre &laquo;&nbsp;Travailler chez SIRRIS&nbsp;&raquo;, et ainsi de suite. Cela  évite la répétition du nom de l&#8217;employeur et facilite le tri visuel.</li>
<li><strong>Décrivez les employeurs en quelques mots</strong>: je viens sur le site pour  bosser chez AGORIA, et on me propose du SIRRIS, ISIS-CONSULT, SYNERGICS,  en veux-tu en voilà&#8230; Et j&#8217;ai beau chercher partout sur le site (via  la navigation et la recherche), pas moyen de mettre la main sur une  présentation de ces structures (partenaires, filiales, départements?).</li>
<li><strong>Ajoutez quelques détails pour chaque poste vacant</strong>. Où irai-je  travailler ? Quand l&#8217;annonce a-t-elle paru? Quelle expérience est  souhaitée. Autant de filtres qui m&#8217;assureront que si je clique, c&#8217;est  sur une annonce qui me convient a priori.</li>
<li><strong>Ajoutez des outils  qui aident à la conversion et à la viralité</strong>: un compte Twitter, des  témoignages de nouveaux employés, une procédure d&#8217;embauche, une carte  géographique des sites d&#8217;emploi, un lien vers &laquo;&nbsp;Qui sommes-nous&nbsp;&raquo;, des  contenus assurant l&#8217;influence d&#8217;AGORIA en tant qu&#8217;employeur, un  glossaire sur les métiers, des fonctionnalités Web 2. : les annonces les  plus consultées, un formulaire en ligne pour déposer son CV&#8230; etc.</li>
</ol>
<ul>
<li><a title="Accédez aux pages Emploi sur Agoria (nouvelle fenêtre)" href="http://www.agoria.be/s/p.exe/WService=WWW/webextra/prg/izContentWeb?SessionLID=2&amp;vUserID=999999&amp;vWebSessionID=31388&amp;TopicID=2260&amp;FActionSource=olTopics&amp;FAction=SearchTopic" target="_blank">Les pages Emploi sur Agoria.be</a></li>
<li><a title="Tous les employeurs à la loupe" href="http://www.ecrirepourleweb.com/architecture-de-l-information/sites-demploi-a-la-loupe#more-2521" target="_self">Haut de la page</a></li>
</ul>
<h3><a name="altran"></a>Altran, apprivoisez l&#8217;outil</h3>
<p>De prime abord, compliqué et surabondant, le site emploi  d&#8217;Altran devient vraiment intéressant <strong>une fois qu&#8217;on a compris la mécanique</strong>&#8230; Super: <strong>un espace &laquo;&nbsp;Mon Altran&nbsp;&raquo;</strong>. Je paramètre mon outil de recherche, je coche et décoche mes critères, en fonction des résultats qui apparaissent, je dépose une candidature spontanée pour mettre toutes les chances de mon côté, je crée une alerte pour recevoir les offres qui me correspondent ; je soumets ma candidature en ligne. Et le tour est joué !</p>
<p><strong>L&#8217;expérience utilisateur est très satisfaisante</strong>: je recevrai des annonces qui me correspondent, j&#8217;en serai alertée par e-mail, et pour les autres annonces qui passeraient à travers les mailles de mes filtres, j&#8217;ai rempli le formulaire en ligne. Je peux aller fureter à la recherche d&#8217;infos sur l&#8217;employeur et ce qu&#8217;en disent les employés.</p>
<p>C&#8217;est rassurant de voir que l&#8217;organisation a pensé que je voudrais savoir tout cela:  comment Altran soutient la carrière de ses collaborateurs, comment se déroule le processus de recrutement, quelles sont les possibilités de formation, les solutions de mobilité, &#8230;</p>
<ul>
<li><a title="Accédez au site Emploi d'Altran" href="http://www.altran.com/belgium/jobs" target="_blank">Les pages Emploi d&#8217;Altran Belgique</a></li>
<li><a title="Tous les employeurs à la loupe" href="../architecture-de-l-information/sites-demploi-a-la-loupe#more-2521" target="_self">Haut  de la page</a></li>
</ul>
<h3><a name="colruyt"></a>Colruyt, top site pour un top employeur</h3>
<p>&laquo;&nbsp;ON PEUT TOUJOURS MIEUX FAIRE!&nbsp;&raquo; lit-on dans le bandeau en haut de la page d&#8217;accueil du site Emploi de Colruyt. Certes. Mais ils se débrouillent déjà très bien!</p>
<p><strong>Des contenus à valeur ajoutée</strong>, orientés futur collaborateur, des témoignages, des portraits actifs, souriants, vraisemblables sur chaque page ou presque, des incitants colorés et musclés, une remontée des dernières vacances, un beau bloc célébrant le titre 2010 &laquo;&nbsp;Colruyt Top Employeur&nbsp;&raquo; et une recherche rapide, simple et&#8230; rapide!</p>
<p>On peut toujours faire mieux, c&#8217;est vrai. Quelques pistes&#8230;</p>
<ol>
<li>Activez le bouton &laquo;&nbsp;<strong>Back</strong>&nbsp;&raquo; du navigateur.</li>
<li>Traduisez les <strong>métadonnées</strong> des titres des pages sur la version FR du site.</li>
<li>Veillez à la <strong>cohérence des visuels</strong> sur les pages où remontent les contenus &#8211; surtout pour les témoignages ou les emplois vacants : le portrait d&#8217;un réassortisseur au-dessus d&#8217;une annonce pour dirigeant de magasin amortit la force éditoriale ; changer totalement de photo entre la page d&#8217;aperçu qui annonce l&#8217;interview d&#8217;une simplificatrice de processus et la page de détail où la simplificatrice en question a changé de look, de visage et de coiffure, ça diminue un peu plus votre force de frappe.</li>
<li><strong>Relookez vos pages d&#8217;article</strong> : augmentez la taille des polices par défaut, mettez du relief, soignez la présentation (les blocs sur la droite sont très pertinents, mais trop éloignés du contenu). Ces pages pourraient aussi recevoir les outils conventionnels : envoyer à un ami, retenir dans les favoris, imprimer, etc.</li>
</ol>
<p>Enfin, outre l&#8217;absence des liens vers les médias sociaux (LinkedIn, Twitter et Facebook, a minima), on se demande comment un si gros, si top employeur tarde à proposer une fonctionnalité &laquo;&nbsp;Mon Colruyt Emploi&nbsp;&raquo;.</p>
<ul>
<li><a title="Accédez au site Emploi chez Colruyt (nouvelle fenêtre)" href="http://www.jobs.colruyt.be" target="_blank">Le site Jobs chez Colruyt</a></li>
<li><a title="Tous les employeurs à la loupe" href="../architecture-de-l-information/sites-demploi-a-la-loupe#more-2521" target="_self">Haut  de la page</a></li>
</ul>
<h3><a name="ing"></a>ING, &laquo;&nbsp;Il y a de belles perspectives d&#8217;avenir&#8230;</h3>
<p>&#8230; et de nombreuses possibilités d&#8217;évolution&nbsp;&raquo; (sic). Cette citation épinglée en haut de page, où se succèdent des témoignages de collaborateurs ING, m&#8217; laissée pantoise. Je ne peux pas croire que ces gens qui travaillent chez ING ont vraiment prononcé ces <strong>poncifs qui défilent dans le carrousel</strong>. Vous admettrez que des &laquo;&nbsp;je participe à la mise en place de nouveaux projets&nbsp;&raquo; et autres &laquo;&nbsp;Nous fournissons des conseils avisés à nos clients&nbsp;&raquo;, <strong>ça sonne creux</strong>, non? Je dirais même plus : manquerait plus que ça qu&#8217;ils mettent en place de nouveaux projets et que leurs conseils sont avisés!!!</p>
<p>Certes, les candidats apprécient de pouvoir  découvrir l&#8217;ambiance de travail, le vécu des employés, le statut de  l&#8217;employeur, ses qualités de recruteur, etc. Ce type d&#8217;information est, précisément, ce qu&#8217;on appelle un contenu à valeur ajoutée. C&#8217;est  important de donner envie aux postulants de travailler chez ING. Et  c&#8217;est vrai qu&#8217;ING met le paquet pour enthousiasmer ses potentiels futurs  employés&#8230; Mais il faut que ce soit vrai, authentique. C&#8217;est le principal reproche que je ferais au site: <strong>ça manque de vrais contenus de recommandation</strong>.</p>
<p>Sinon, <strong>la</strong> <strong>structure générale est assez claire et efficace</strong>. Dommage que certaines rubriques s&#8217;ouvrent dans une nouvelle fenêtre de navigateur, notamment les &laquo;&nbsp;Jobs à la loupe&nbsp;&raquo; et &laquo;&nbsp;Accéder à Mon espace Carrière&nbsp;&raquo;. Côté Emploi précisément, à l&#8217;inverse de Agoria, ING met beaucoup de choses en avant, sauf les dernières annonces : 3 seulement sous Jobs à la loupe.</p>
<p><strong>Enfin, un employeur sur LinkedIn, Twitter et autres réseaux sociaux.</strong></p>
<ul>
<li><a title="Accédez au site ING Jobs (nouvelle fenêtre)" href="http://www.ing.jobs/careers/belgium/index.jsp?lang=fr" target="_blank">Le site ING emploi</a></li>
<li><a title="Tous les employeurs à la loupe" href="../architecture-de-l-information/sites-demploi-a-la-loupe#more-2521" target="_self">Haut  de la page</a></li>
</ul>
<h3><a name="laposte"></a>La Poste, c&#8217;était écrit!</h3>
<p>&laquo;&nbsp;La poste s&#8217;engage résolument sur la voie de la modernité&nbsp;&raquo;: entonne le slogan en tête de chaque annonce d&#8217;emploi sur le site de la Poste. Voici quelques astuces pour s&#8217;engager plus avant, également, sur la voie de l&#8217;ergonomie Web et d&#8217;une bonne expérience utilisateur&#8230;</p>
<ol>
<li><strong>Titrez vos annonces sur l&#8217;essentiel</strong>, plutôt que par un slogan sur votre propre image. Dites ce qui est proposé et demandé.</li>
<li><strong>Mettez du relief</strong>, de la hiérarchie dans vos contenus. Vos pages sont certes aérées, structurées et pas trop longues, mais elles pourraient mieux épouser le comportement de balayage de l&#8217;internaute.</li>
<li><strong>Revoyez complètement la navigation</strong> : un 1er menu en néerlandais, un accès aux emplois vacants par catégorie d&#8217;emploi, des raccourcis peu clairs (Sollicitation Guichetier, &#8230; ), des pages de détail sans plus de navigation (seul le bouton Back du navigateur permet de revenir au site, &#8230;). Ensuite, sur la page d&#8217;orientation, les annonces sont triées par activité, mais lorsque vous cliquez sur le 1er menu &laquo;&nbsp;Vacatures&nbsp;&raquo;, les annonces apparaissent par intitulé. Sans d&#8217;autres infos: pas de date, pas de lieu, pas de nombre d&#8217;années d&#8217;expérience ou de diplôme requis&#8230;</li>
<li><strong>Nettoyez vos contenus de recommandation</strong>: les témoignages des collaborateurs existants comportent beaucoup de blabla du genre &laquo;&nbsp;Il est vraiment motivant de constater que chaque collaborateur peut apporter concrètement sa pierre à l&#8217;édifice&nbsp;&raquo;.).</li>
</ol>
<p>Certes, on apprécie la variété et la richesse de contenus et incitants pour les jeunes diplômés, pour découvrir les atouts ou connaître la procédure de sélection. Mais à nouveau, tout se passe comme si la section avait été conçue selon des &laquo;&nbsp;faux&nbsp;&raquo; besoins projetés par l&#8217;organisation sur son utilisateur.</p>
<ul>
<li><a title="Accédez aux pages Emploi de La Poste (nouvelle fenêtre)" href="http://www.post.be/site/fr/postgroup/career/index.html" target="_blank">Les pages Emploi sur La Poste</a></li>
<li><a title="Tous les employeurs à la loupe" href="../architecture-de-l-information/sites-demploi-a-la-loupe#more-2521" target="_self">Haut  de la page</a></li>
</ul>
<h3><a name="sncb"></a>SNCB, le train en marche</h3>
<p>Le site du plus gros recruteur du pays n&#8217;en reste pas moins <strong>modeste, trop modeste</strong>. Certes, je peux chercher un emploi par diplôme, par métier ou secteur d&#8217;activité. Par contre, sauf la rubrique &laquo;&nbsp;Job de la semaine&nbsp;&raquo; (qui n&#8217;avait pas été mise à jour depuis 3 semaines au moment où je consultais ces pages), les derniers postes vacants ne sont pas mis en évidence sur la page d&#8217;accueil.</p>
<p>Les <strong>contenus de recommandation </strong>sont, cette fois, <strong>de qualité</strong>. Parce qu&#8217;il y a aussi des vidéos? Cela ferait plus authentique, plus fidèle ? Peut-être. Mais aussi parce qu&#8217;on se contente des portraits pour faire passer que la diversité a toute sa place au sein du holding. Pas besoin de le dire littéralement.</p>
<p><strong>Appréciables aussi les liens</strong> &laquo;&nbsp;Votre formation&nbsp;&raquo;, &laquo;&nbsp;Votre parcours professionnel&nbsp;&raquo;, &laquo;&nbsp;Diversité et égalité des chances&nbsp;&raquo; et &laquo;&nbsp;Statutaires et non statutaires&nbsp;&raquo;&#8230;</p>
<p><strong>La navigation peut être améliorée</strong>, notamment les labels &laquo;&nbsp;Nous vous proposons&nbsp;&raquo;, &laquo;&nbsp;nos collaborateurs&nbsp;&raquo; (encore un employeur qui met dans la navigation ses collaborateurs existants en avant? Ceci n&#8217;est pas un intranet!) et surtout &laquo;&nbsp;En savoir plus&nbsp;&raquo;&#8230; qui est vide!</p>
<p>De manière générale, c&#8217;est surtout l&#8217;<strong>ergonomie des contenus</strong> qui doit être priorisée. Les pages d&#8217;articles ne sont pas du tout adaptées à une lecture en ligne. Cela manque de relief sur les mots clés, de saillance et d&#8217;organisation dans l&#8217;information. Et les outils coutumiers n&#8217;y sont pas: Imprimer, Envoyer à un ami, ajouter à ses favoris, &#8230;</p>
<p>Côté outils, justement, puisque la SNCB va recruter 15000 personnes dans les 10 prochaines années, il lui faut aussi, rapidement, envisager de mettre en place &laquo;&nbsp;Mon espace Job SNCB&nbsp;&raquo;&#8230;</p>
<ul>
<li><a title="Accédez au site Emploi de la SNCB (nouvelle  fenêtre)" href="http://www.jobs.b-rail.be/" target="_blank">L&#8217;espace Jobs sur le site SNCB</a></li>
<li><a title="Tous les employeurs à la loupe" href="../architecture-de-l-information/sites-demploi-a-la-loupe#more-2521" target="_self">Haut  de la page</a></li>
</ul>
<p><strong>
<div id="PageAnnouncementContainer">
	<div class="PageAnnouncement" id="PageAnnouncement2">
		<p><b><em>Atelier pratique écriture Web</b></em>
le 09.02.12 À BRUXELLES -
Exercez-vous concrètement à l’écriture Web. Rédigez des microcontenus performants, des pages utiles, lisibles. Et mesurez votre succès</p>
		<p><a title="Inscrivez-vous" href="http://www.ecrirepourleweb.com/formulaire-dinscription">Inscrivez-vous</a></p>
	</div>
</div></strong><br />
<h3 class='related_post_title'>Sur le même sujet</h3>
<ul class='related_post'>
<li><a href='http://www.ecrirepourleweb.com/redaction-web/record-bank-est-une-garce-sic' title='Record Bank est une garce (sic)'>Record Bank est une garce (sic)</a></li>
<li><a href='http://www.ecrirepourleweb.com/redaction-web/comment-google-peut-detecter-les-mauvais-contenus' title='Comment Google peut détecter les &laquo;&nbsp;mauvais&nbsp;&raquo; contenus?'>Comment Google peut détecter les &laquo;&nbsp;mauvais&nbsp;&raquo; contenus?</a></li>
<li><a href='http://www.ecrirepourleweb.com/redaction-web/quatre-criteres-editoriaux-de-credibilite' title='Quatre critères éditoriaux de crédibilité'>Quatre critères éditoriaux de crédibilité</a></li>
<li><a href='http://www.ecrirepourleweb.com/redaction-web/qui-sont-les-usines-a-contenu-les-agences-ou-les-utilisateurs' title='Qui sont les usines à contenu : les agences ou les utilisateurs?'>Qui sont les usines à contenu : les agences ou les utilisateurs?</a></li>
<li><a href='http://www.ecrirepourleweb.com/redaction-web/ecrire-pour-convaincredes-contenus-web-fiables-et-efficaces' title='Ecrire pour convaincre: des contenus Web fiables et efficaces'>Ecrire pour convaincre: des contenus Web fiables et efficaces</a></li>
</ul>
]]></content:encoded>
			<wfw:commentRss>http://www.ecrirepourleweb.com/architecture-de-l-information/sites-demploi-a-la-loupe/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
	</channel>
</rss>

