Penser son contenu interactif
La première règle est de ne pas se limiter à la rédaction de contenu mais à penser son article et son contenu de façon interactive. Le rédacteur doit construire sa page en ayant en tête son lecteur, l’ergonomie externe (de son site) et interne (de l’article). L’hypertextualité autorisée par les liens, par les mots-clefs permet à votre lecteur de naviguer sur votre site en suivant son parcours propre.
Ainsi chaque lecteur pourra au hasard d’un clic sur l’un des liens internes à votre article être redirigé vers un autre article, découvrir un site partenaire, etc.
De même, une approche thématique a des avantages : vous pouvez ainsi attribuer des mots-clefs à votre contenu (article, brèves, commentaires, photo, etc) et proposer une navigation parallèle proposant d’autres contenus ayant les mêmes clefs dans un espace dédié.
En somme rédiger sur le Web c’est aussi être référenceur et éditeur.
Mise en forme
La mise en forme pour le Web : le HTML
Le HTML est un langage permettant de mettre en forme du contenu. Si vous voulez rédiger pour le web, il est essentiel de connaître un certain nombre de balises.
Le langage HTML permet d’une part une meilleure hiérarchisation de l’information et un meilleur référencement grâce :
- de premier niveau avec
<h1>pour un titre de premier niveau</h1>
- ou encore de deuxième niveau avec
<h2>pour un titre de deuxième niveau</h2>
- de troisième niveau, de la même façon avec la balise
<h3>
- aux balises de mise en forme
- Gras
<strong>texte en gras</strong>
, pour un texte en gras
- Italique
<i>texte en italique</i>
, pour un texte en italique
- Souligné avec la balise
<u>
(à utiliser avec modération)
- ou encore via les liens HTML :
<a href="www.eclairement.com">Le site Eclairement</a>
D’autre part il agrémente votre contenu et le rend plus agréable à lire, par exemple en soulignant les points importants, en découpant un texte long en paragraphe et parties avec titre et intertitre, etc.
Des couleurs peuvent également être employées, avec modération toutefois : <font color="red">Texte en rouge</font>
pour un texte en rouge
Du vert, Jaune, violet, orange, etc sont également possibles.
Vous pouvez remplacer « red » ou une autre couleur par une couleur hexadécimale.
Pour en savoir plus voir le tableau des couleurs HTML recommandées
Le souligné est d’un usage plus discutable (héritage des machines à écrire où gras et italique étaient impossibles) ; il n’est guère plus utilisé que pour les écrits à caractère scientifique et universitaire.
++++Les liens
L’emploi des liens hypertextes
Les liens ne doivent pas parasiter le contenu en proposant en corps de texte des liens s’éloignant de votre contenu. Ils peuvent avantageusement se placer en fin de texte, ou dans des encarts.
Un lien doit être explicite, identifiable et de préférence non apparent tel quel :
- non apparent, c’est-à-dire masqué par son descriptif ( Le site Eclairement avec le code :
<a href="www.eclairement.com">Le site Eclairement</a>
)
- Aisément identifiable dans votre texte : une couleur spécifique, une icône indiquant la présence d’un lien, etc
- Explicite car ce « descriptif » doit évoquer le plus clairement possible le contenu lié.
Un lien droit être d’une longueur adaptée au clic et non redondant :
- Un lien trop court est difficilement cliquable, un lien trop long parasite la lecture. Il est fortement déconseillé de rendre un paragraphe ou une partie entière d’un texte cliquable.
- Non redondant : Il est inutile de répéter en bas de page un contenu lié en corps de texte. De même, poser un lien vers le même contenu plusieurs fois dans le texte est à déconseiller.
Quelques conseils sur la pose de liens :
- Indiquez clairement à votre lecteur si un lien conduit à un contenu autre qu’une page Web ou nécessite une technologie particulière (Document texte, tableur, PDF, images, etc)
- Vérifiez la validité de vos liens dans le temps.
- N’employez pas les couleurs utilisées par défaut pour les liens hypertextes (non visités, et visités) pour souligner un contenu non interactif.
++++Illustrer votre contenu
Égayer votre contenu avec des illustrations, des exemples imagés ou encore des vidéos est une bonne chose.
Une telle illustration doit apporter un plus à votre contenu et être travaillée pour le Web.
- Adapter pour le Web c’est prendre en considération le poids de vos illustrations.
- Une illustration trop lourde prendra longtemps à s’afficher et consommera votre bande passante.
- Une image trop grosse gênera votre contenu.
=> Des outils gratuits très performants comme The Gimp ou Paint.net permettent de retoucher vos images, d’en modifier la taille, le poids, etc
- Prévoyez un texte descriptif alternatif.
Articles relatifs :
HTML, la mise en forme du texte
HMTL, les balises de hiérarchisation
La structure générale d’une page (X)HTML
HTML, organiser le contenu de votre page
© Tous les textes et documents disponibles sur ce site, sont, sauf mention contraire, protégés par une licence Creative Common
(diffusion et reproduction libres avec l'obligation de citer l'auteur original et l'interdiction de toute modification et de toute utilisation commerciale sans autorisation préalable).