Archives de catégorie : Pour design son blog

Écrire pour le blog

Oubliez les codes d’écriture de la presse écrite, le web répond à ses propres règles.

kaboompics.com_Office Space_ Woman writing

http://kaboompics.com/one_foto/1282/office-space-woman-writing#

Savez-vous que ce sont des millions de billets qui sont postés tous les jours sur la blogosphère ? Mais tous les auteurs ne connaissent pas les règles qui régissent l’art de l’écriture bloguesque… Aujourd’hui, je vous propose quelques règles simples pour vous lancer à votre tour.

 

L’internaute n’est pas un lecteur comme les autres

kaboompics.com_iPhone 6 Plus and laptop on wooden desk

http://kaboompics.com/one_foto/1113/iphone-6-plus-and-laptop-on-wooden-desk#

Sur un support numérique, la lecture se fait plus lente car il agit comme un filtre. Il en découle un certain nombre de désagréments dont :

  • une lecture plus longue et plus difficile (à cause de la luminosité et de la surcharge d’information)
  • la nécessité de capter plus rapidement l’attention du lecteur
  • le défilement des textes de haut en bas et de gauche à droite (ce qu’on nomme le scrolling) ; ce qui provoque un problème de mémorisation de la position des informations)

Pour en savoir plus sur les différences entre la lecture sur écran et sur papier, vous pouvez consulter un dossier d’Eduscol intitulé « Lecture sur écran ».

L’internaute ne lit pas, il survole les informations en diagonale. Il est attiré par des expressions percutantes et des visuels accrocheurs. Il est impatient car volatile.

Pour toutes ces raisons, en tant que rédacteur, vous devez adapter votre style d’écriture.

 

Attirer et retenir les lecteurs

billet_nuage

Que ce soit le fond ou la forme, soignez tous les aspects de votre article pour en rendre la lecture plus facile. Trouvez le juste équilibre entre le fond et la forme en écrivant un article attrayant, pratique et utile.

Un article peut se découper en quatre parties : le titre, le chapeau, le corps et la conclusion.

  • Le titre doit être considéré comme un élément capital d’un article. Il doit être suffisamment clair et percutant pour susciter la curiosité. Il doit être court (entre 4 et 10 mots).
  • Le chapô est l’occasion d’accrocher encore le lecteur et doit rassembler des informations-clés dites « les 6W » (Qui ? Quoi ? Où ? Quand ? Comment ? Pourquoi ?).
  • Le corps de l’article doit être composé de paragraphes courts où chaque idée est développée dans un paragraphe différent. Les informations les plus importantes seront positionnées au début.
  • La conclusion peut être une synthèse des éléments les plus importants, une question ouverte, une interpellation du lecteur etc.

Privilégiez les phrases courtes avec un vocabulaire varié et des paragraphes aérés. Entre deux expressions équivalentes, choisissez toujours la plus courte (par exemple, utilisez « sauf » plutôt que « à l’exception de ».

Pensez à utiliser des repères temporels fixes pour assurer la pérennité du contenu de votre article (par exemple, « en février 2014 » plutôt que « le mois dernier »). Restez vous-même : n’essayez pas d’adopter un style qui ne vous ressemble pas !

N’oubliez pas de vous faire relire pour les fautes d’orthographe mais aussi pour la compréhension de vos contenus. Votre professionnalisme pourrait être remis en cause…

Si vous souhaitez traiter d’un sujet vaste, n’hésitez pas à écrire plusieurs billets. Quant au billet, il ne doit traiter qu’un seul sujet à la fois.

 

L’importance des illustrations

N’hésitez pas à illustrer vos propos avec des photos (dont la licence vous permet la réutilisation). Un article sera bientôt publié à ce sujet. Pensez également aux infographies ou aux vidéos, des comparaisons, des liens vers d’autres articles, etc.

3ZHG0XOIT6

https://stocksnap.io/photo/3ZHG0XOIT6

Les images doivent être choisies avec soin et surtout, elles doivent être en lien avec le contenu. Pour en savoir plus, je vous invite à consulter l’article « L’image dans le texte : simple illustration ? ».

 

Écrire pour être (mieux) lu

La mise en forme est très importante :

  • pas d’italique (sauf pour les citations et les références bibliographiques) ;
  • pas de paragraphes en majuscules (dans le langage web, cela revient à hurler) ;
  • ne pas utiliser les soulignés (dans les conventions web, le soulignement est réservé aux liens hypertextes) ;
  • privilégier l’utilisation du gras (pour localiser et mettre en valeur les idées essentielles) ou encore une autre taille de police ;
  • utiliser aussi les retraits et les listes à puces…

 

Vous écrivez mais le sait-on ?

Favorisez les interactions en ouvrant les commentaires et acceptez la critique. Répondez également aux commentaires. Cela dit, soyez vigilant aux trolls. Pour en savoir plus, vous pouvez consulter l’article « Qu’est-ce qu’un Troll ? ».

Utilisez les titres pour structurer votre article. Un article « Derrière la page, du code… » vous explique pourquoi.

Utilisez des mots-clés dans des endroits stratégiques (ex. dans le titre et les sous-titres).

Pensez au référencement pour augmenter vos visiteurs. La notion de référencement sera traitée dans un autre article.

Utilisez les médias sociaux pour diffuser le lien.

 

Les 3 erreurs à éviter

 

Ne pas structurer son article.

Ecrire à chaud.

Ne pas tenir à jour son blog.

 

Vous l’aurez compris, l’écriture pour le web ne s’improvise pas, bien au contraire : elle se prépare, s’organise, se réfléchit. La bonne nouvelle, c’est que l’on peut apprendre…

PS : n’hésitez pas à réagir sur cet article pour le compléter ou le commenter.

Par où commencer ?

Pour bien commencer le concours de blog, il est important de bien comprendre ce qu’est un « blog », connaître la signification de certains termes récurrents et savoir où trouver de l’aide. C’est ce que vous propose cet article.

Définition d’un blog

Le terme blog provient d’une contraction anglophone : Web + Log = Blog. En français, nous pouvons le traduire par journal (log) en ligne (web).
À la manière d’un journal, un blog est constitué d’articles, parfois appelés billets, écrits au fur et à mesure, et apparaissant dans un ordre antéchronologique, c’est-à-dire du plus récent au plus ancien.
Le plus souvent, un blog contient des articles sur un même thème, écrit par un  auteur exprimant son point de vue et définissant ainsi son identité.

Il n’est pas possible d’opposer site internet et blog. Le blog est un type de site internet qui a vocation à évoluer, à s’enrichir régulièrement de nouveaux articles et à traduire une identité, une opinion ou encore une actualité.

La plupart des blog sont créés à l’aide d’outils permettant de travailler le contenu et l’apparence séparément. Ces outils, conçus pour permettre aux auteurs de se concentrer davantage sur le contenu, sont dénommés Système de Gestion de Contenu, dont l’acronyme anglais CMS signifie Content Management System.

Logo officiel de WordPress

WordPress est un CMS parmi les plus populaires pour commencer son blog. C’est l’outil utilisé dans le cadre de ce concours de blog.
Comme la plupart des CMS, il est constitué d’une partie publique, visible de tous les internautes, et d’une partie privée, réservée aux auteurs pour leur permettre d’écrire les articles et paramétrer l’apparence et les fonctionnalités du blog.

Où trouver de l’aide

Tout au long de l’année, des articles qui accompagnent les participants au concours sont publiés sur le blog du concours.

Bien que WordPress soit relativement simple à prendre en main, certains apprécieront de trouver de l’aide afin de les aider à se familiariser à ce nouvel outil.

WordPress étant un système largement diffusé, une large documentation est disponible. Néanmoins, certains passages de cette documentation officielle ne sont pas encore traduits :

En outre, de nombreux sites proposent des tutoriels pour aider les utilisateurs de WordPress, que ce soit à propos de questions techniques ou de conseils à la rédaction. En voici quelques-uns :

Qu’est-ce qu’il ne faut pas oublier quand on écrit sur un blog ?

Écrire dans un blog, c’est se poser un certain nombre de questions :

Quelles images ai-je le droit d’utiliser pour illustrer mes articles ? Et non, si je fais Google Image, puis un copier coller….. je n’ai pas le droit ! Pour répondre à cette question, un article récapitule tout cela

Quand je signe de mon nom et/ou prénom un article, cela alimente mon e-réputation, et mon identité numérique. Ai-je le droit de le faire si je suis mineur sans autorisation parentale? Pourquoi ne pas utiliser un avatar ?

Je suis porteur du projet blog pour mes élèves. Ai-je le droit de publier des photos d’eux en activité? Leurs œuvres ? La voix de mes élèves ? Une vidéo qu’ils ont réalisé ? Dans laquelle ils sont ? Pour toutes ces questions, un article de la DANE, avec des liens dans certaines fiches mémo.

Qui est responsable de ce qui est publié dans un blog ? Pour répondre à cette question, il faut aller voir les mentions légales du blog. Petit rappel pour les participants au concours, vous devez réaliser votre propre page de mentions légales si celles-ci n’apparaissent pas dans le thème que vous avez choisi.

Comment rendre mon blog plus interactif ? Et comment l’organiser au niveau des menus ?

D’autres question ? Utilisez les commentaires !

Remplissons nos mentions légales… Petit exercice pratique !

Remplir ses mentions légales dans un blog, c’est une obligation.
Dans le cadre du concours « Blogue ton école, ton collège, ton lycée », Vous avez pu choisir entre différents thèmes pour l’apparence de votre blog. Certains de ces thèmes ne proposent pas, par défaut, de page « mentions légales ».

Je vous propose donc de faire ici un petit exercice pratique !
Allez dans votre blog. Cherchez une page « Mentions légales ». Si vous la trouvez… Bravo ! Il ne vous reste plus qu’à la remplir.

Si vous ne trouvez pas votre page « Mentions légales », il va falloir la créer. Pour ce faire, je vous propose ce petit tutoriel « pas à pas ».

– Dans votre tableau de bord, cliquez sur l’onglet « Pages » – « Ajouter »
– Donnez le titre « Mentions légales » à cette nouvelle page.
– Copiez-Collez le texte ci-dessous :

« En vertu de la loi pour la confiance dans l’économie numérique (LCEN) du 21 juin 2004, voici les coordonnées de l’éditeur et du prestataire qui accueille le site: Mettre l’adresse URL du Blog

Site Internet:

Nom de l’établissement – Adresse postale

Directeur de la publication: NOM ET PRENOM – Adresse mail sous la forme nom.prenom[at]ac-dijon.fr

Responsable(s) d’édition: Nom Prénom

Hébergeur assurant le stockage direct et permanent: D.S.I. de l’académie de Dijon

Adresse de l’hébergeur:

2G rue du général Delaborde
21 000 Dijon
tel. : 03 80 44 84 00 – fax : 03 80 44 84 28

Webmestre: NOM ET PRENOM – Adresse mail sous la forme nom.prenom[at]ac-dijon.fr

Droits d’auteurs

Ce site relève de la législation française et internationale sur le droit d’auteur et la propriété intellectuelle.
Tous les droits de reproduction sont réservés.

Cookie

L’utilisateur est informé que lors de ses visites sur le site, un cookie peut s’installer automatiquement sur son logiciel de navigation. Un cookie est un élément qui ne permet pas d’identifier l’utilisateur mais sert à enregistrer des informations relatives à la navigation de celui-ci sur le site Internet. Le paramétrage de votre logiciel de navigation permet d’informer de la présence de cookies et éventuellement de la refuser selon la procédure décrite à l’adresse suivante : www.cnil.fr.

Droit de réponse

Toute personne nommée dans un article dispose d’un droit de réponse. Dans ce cas elle doit s’adresser au directeur de la publication dans un délai de trois mois après la publication de l’article. Le directeur de la publication dispose ensuite de trois jours pour publier la réponse, sous peine d’une amende de 3 750 euros. La publication de la réponse ne peut pas être facturée.

Le droit de réponse peut-être exercé auprès du directeur de la publication à l’adresse suivante : Adresse mail sous la forme nom.prenom[at]ac-dijon.fr

 

Liens hypertextes

Ce site contient des liens hypertextes permettant l’accès à des sites qui ne sont pas édités par le responsable de ce site. En conséquence le directeur de publication ne saurait être tenu pour responsable du contenu des sites auxquels l’internaute aurait ainsi accès.

Il est formellement interdit de collecter et d’utiliser les informations disponibles sur le site à des fins commerciales.

Cette interdiction s’étend notamment, sans que cette liste ne soit limitative, à tout élément rédactionnel figurant sur le site, à la présentation des écrans, aux logiciels nécessaires à l’exploitation, aux logos, images, photos, graphiques, de quelque nature qu’ils soient.

Les fils RSS de Nom de l’établissement sont exclusivement destinés aux visiteurs du Nom de l’établissement en vue d’une utilisation personnelle et ne sauraient en aucun cas servir à alimenter d’autres sites sans l’accord exprès et préalable de Nom de l’établissement.

Liens hypertextes vers ce site

À l’exception de sites diffusant des informations et/ou contenus ayant un caractère illégal et/ou à caractère politique, religieux, pornographique, xénophobe, vous pouvez créer un lien hypertexte vers notre Site sur votre site.

La mise en place de lien hypertexte n’autorise en aucune façon la reproduction d’éléments du site ou la présentation sur des sites tiers d’éléments du Site sous forme de Frame ou système apparenté.

Enfin, la mise en place de lien hypertexte n’autorise en aucune façon de proposer l’envoi d’un message pré-rédigé à une adresse mail liée au Site ou la mise en place d’un système permettant l’envoi massif de messages quelle qu’en soit la nature. »

Ensuite c’est à vous de jouer…. Merci de remplir en fonction de votre établissement tout ce qui est en rouge dans le texte 😆

 

Texte de substitution et légendes pour améliorer l’accès à tous

Les trois singes sageshttp://fr.freepik.com/photos-libre/trois-singes_571826.htm

Saviez-vous que plus que 40% de la population est affecté par une déficience?
Saviez-vous que les personnes plus de 50 ans représentent 30% des internautes et les plus de 74 ans 16%?
Et savez-vous qu’est-ce que l’accessibilité web?

Sur Wikipédia, l’accessibilité de tous à un site web est définie comme l’accès au contenu de ce site quelques soient les handicaps :  visuels (cécité, trouble de la vision, daltonisme, achromatopsie), auditifs (surdité totale ou partielle), moteurs, cognitifs ou neurologiques, ou encore liés au vieillissement.

Des normes et recommandations

World Wide Web consortiumLes personnes ayant une déficience visuelle utilisent des « Lecteurs d’écran » pour prendre connaissance du contenu d’une page web ( exemple: http://www.nvda-fr.org/).

Afin que ces lecteurs d’écran fonctionnent bien et puissent décrire l’intégralité du contenu d’une page, il est indispensable de suivre les normes données par le W3C au travers du WCAG (Web Content Accessibility Guidelines). Pour plus d’information : https://www.w3.org/TR/WCAG20/. Ainsi, comment le contenu de l’image en haut de cet article pourrait être comprise d’une personne ayant des troubles visuels ?

La première recommandation du WCAG est de « fournir des alternatives équivalentes aux contenus visuels et auditifs (images statiques ou animées, contenus audio et vidéo) ; »

Ajouter des textes de substitution ou légendes dans ma page web

Les images constituent le premier obstacle majeur à l’accessibilité des pages Web. En y associant une description, les lecteurs d’écran pourront lire celle-ci en remplacement de l’image.

L’attribut alt

L’attribut alt est le principal vecteur des textes alternatifs pour :

  • les images img ;
  • les zones réactives des images cliquables area ;
  • les boutons de formulaire input type="image".

Ces descriptions doivent être concises et complètes. Les termes les plus importants doivent être placés au début du texte.

L’attribut longdesc et le lien D

Si la description excède 10 mots, il faut en effet envisager le recours à l’attribut longdesc des éléments img, qui crée un lien vers cette description détaillée placée dans un document annexe. Cependant, le support de cet attribut est encore très partiel. On le remplace donc fréquemment par un lien « D » (pour Description) : placé après la balise image, ce lien, avec la lettre « D » en guise de texte, mène à la page de description de l’image. C’est particulièrement utile dans le cas des images contenant des informations complexes, telles les graphiques.

Attention toutes les images ne sont pas concernées

Seules les images dites « significatives » doivent-être substituées. Il s’agit:

  • d’images ayant un sens,
  • des images porteuses d’un lien
  • ou du texte en image.

Les images transparentes ou à titre décoratif ne nécessiteront pas de légende.

Pour illustrer cet article voici une vidéo issue du site www.access-key.org réalisée par l’université de Nice Sophia Antipolis.

 

Alors, quels texte alternatif et légende pourrions-nous proposer à l’image en tête de cet article?

En cliquant sur une image insérée dans un article du blog, il est possible d’insérer ces informations et donc d’être plus accessible.