Dans les coulisses : la rédaction d’un article pour le blog

Je vous propose de m'accompagner dans une aventure particulière : la rédaction du prochain article du blog. Intéressé ? On y va !

Cet article prend 8 minutes à lire et comporte 1943 mots.

C’est une expéri­ence par­ti­c­ulière que je partage avec vous : le proces­sus com­plet de rédac­tion d’un arti­cle, depuis l’idée jusqu’à la mise en ligne. Je vous par­le de l’écri­t­ure de mes arti­cles en général, mais aus­si, plus par­ti­c­ulière­ment, de celle du prochain arti­cle à paraître, qui explique l’u­til­i­sa­tion de l’ex­ten­sion Visu­al Port­fo­lio.

J’ai rédigé cet arti­cle-ci en deux temps : j’ai tout d’abord noté le déroulé clas­sique de la rédac­tion d’un arti­cle. Le texte est présen­té en car­ac­tères “nor­maux”. J’ai ensuite noté l’ex­em­ple pro­posé, et le texte de cette par­tie est en italique avec un fond grisé.

Première étape : trouver l’idée

Je ne dirais pas que c’est l’é­tape la plus impor­tante, mais sans idée… pas d’ar­ti­cle. Il y a deux sources pos­si­bles :

• le sujet peut venir de mon expéri­ence per­son­nelle immé­di­ate (quand je vous présente une exten­sion, un thème que j’u­tilise dans mes pro­jets). C’est le cas pour les arti­cles La créa­tion d’un thème enfant et Gér­er l’er­reur 404 par exem­ple, ou pour l’ar­ti­cle Guten­berg — la Bible de l’u­til­isa­teur. Et c’est la source du prochain arti­cle où je vous présente l’ex­ten­sion Visu­al Port­fo­lio.
• je m’in­spire égale­ment de ma veille sur Word­Press, lorsque je lis des arti­cles (en français ou en anglais) ou lorsque je par­cours le dépôt Word­Press pour y décou­vrir les exten­sions mis­es en avant ou les nou­veaux thèmes.

Une fois l’idée retenue, je la note en créant un brouil­lon pour un nou­v­el arti­cle, qui dans la majorité sera rédigé dans les jours ou les semaines qui suiv­ent. Je lui donne un titre pro­vi­soire, le plus sou­vent basé sur le nom de l’ex­ten­sion, ou sur le thème traité. Et je note des idées de titre, dans lesquelles j’i­rai piocher le moment venu, c’est à dire juste avant la mise en ligne. Ici c’est tout sim­ple­ment “Visu­al Port­fo­lio”. Le titre chang­era, pour met­tre en avant son domaine d’u­til­i­sa­tion ou une de ses car­ac­téris­tiques prin­ci­pales, ou mise en avant dans l’ar­ti­cle (l’ex­ten­sion est gra­tu­ite, les mod­èles sont par­ti­c­ulière­ment réus­sis et var­iés et l’im­age s’af­fiche via pho­to­swipe : un must-have, je pense donc donc à Visu­al Port­fo­lio : un must-have pour met­tre en avant vos port­fo­lios par exem­ple, mais à ce stade, ce n’est qu’une idée par­mi d’autres).

Ceci-dit, toutes les brouil­lons ne don­nent pas un arti­cle. J’en aban­donne cer­tains en cours de rédac­tion, parce que je ne trou­ve pas d’in­for­ma­tions suff­isantes, parce que je n’ar­rive pas à struc­tur­er un arti­cle à par­tir des don­nées que j’ai recueil­lies ou tout sim­ple­ment parce que le sujet n’a plus d’in­térêt (une exten­sion retirée du dépôt Word­Press par exem­ple).

Une fois le brouil­lon enreg­istré, je passe à l’é­tape suiv­ante…

La recherche d’informations

Par­fois cette recherche s’ap­par­ente plus à la com­pi­la­tion des infor­ma­tions que j’ai déjà, comme quand je vous présente une étude de cas ou un out­il que j’u­tilise per­son­nelle­ment.

Mais le plus sou­vent, la recherche s’ef­fectue en deux temps :

• tout d’abord, je vais not­er les infor­ma­tions que j’ai déjà à ma dis­po­si­tion, que ce soit via une recherche en amont ou en par­tant de ma pro­pre expéri­ence. J’ai déjà util­isé Visu­al Port­fo­lio, dans un pro­jet récent. Je pars donc de cette expéri­ence avant de tester l’ex­ten­sion sous toutes les cou­tures.
• je passe ensuite à une phase de veille active, en par­courant la doc­u­men­ta­tion pro­posée par l’édi­teur s’il s’ag­it d’une exten­sion, par exem­ple, en posant des ques­tions à l’édi­teur au besoin, et surtout en cher­chant sur Google des infor­ma­tions sur le sujet de l’ar­ti­cle — il est très rare qu’un thème ne soit pas abor­dé d’une manière ou d’une autre, de façon plus ou moins exhaus­tive, plus ou moins directe. Si la recherche Google ne donne rien, il y a une forte prob­a­bil­ité pour que j’ai moi-même fait fausse route, soit dans l’an­gle d’ap­proche, soit dans le choix du sujet lui-même, qui n’in­téresse peut-être que moi, après tout. Avec un nom aus­si générique, j’ai rajouté wp plugin à ma recherche Google : https://www.google.com/search?q=Visual+Portfolio+wp+plugin.
• S’il s’ag­it d’un thème ou d’une exten­sion, je vais créer un site de test dédié à l’ar­ti­cle (site que je sup­prime ensuite) pour tester sous tous les angles l’ob­jet de mon arti­cle, pour not­er les étapes néces­saires à la mise en œuvre par exem­ple, et pour effectuer les copies d’écran dont je me servi­rai dans les étapes suiv­antes. Excep­tion­nelle­ment, je n’ai pas créé un sous-domaine pour tester l’ex­ten­sion, je l’ai instal­lée sur le blog, je vous en ferai donc une démo live.

Voila ce que donne la pre­mière ébauche :

Le slug (la par­tie vari­able de l’url, liée à l’ar­ti­cle) est sou­vent défi­ni dès le départ. Le plus court pos­si­ble, tout en étant assez évo­ca­teur.

La caté­gorie (que je nomme rubrique, parce que dans le monde de l’édi­tion, on ne par­le pas vrai­ment de caté­gorie mais plutôt de rubrique) ne risque pas non plus de chang­er en cours de route : une exten­sion ne fini­ra pas dans les thèmes, ni dans le code. Si je souhaite (c’est plutôt rare) lui attribuer une sec­onde caté­gorie, il s’a­gi­ra d’une caté­gorie sec­ondaire, la prin­ci­pale, celle qui déter­mine le permalien, ne chang­era pas. L’ar­ti­cle sur Visu­al Port­fo­lio est bien évidem­ment dans la rubrique Exten­sions.

À ce stade, mon arti­cle ressem­ble plus à un mémo qu’à un arti­cle ; les idées sont notées comme elles vien­nent, au fil du recueil des don­nées brutes. C’est le moment de pass­er à…

La structuration des données

J’ai un bloc-note devant les yeux. Les idées sont là, mais brutes. Il faut penser au déroulé de l’ar­ti­cle, depuis l’in­tro­duc­tion jusqu’à la con­clu­sion.

La struc­ture de base est sou­vent la même :

• intro­duc­tion
• mise en œuvre
• infor­ma­tions com­plé­men­taires, éventuelle­ment
• con­clu­sion

C’est sur le point suiv­ant que j’ap­pré­cie tout par­ti­c­ulière­ment le fonc­tion­nement par blocs de Guten­berg : je déplace chaque bloc d’in­for­ma­tion là où il doit se trou­ver dans l’ar­ti­cle, pour ensuite m’at­ta­quer à…

La rédaction de l’article

On nous le rabâche depuis le col­lège : l’in­tro­duc­tion vient en dernier, une fois l’ar­ti­cle rédigé. Mais à ce stade de la rédac­tion, j’ai déjà bien avancé, j’ai les idées, la struc­ture, et c’est sou­vent le moment où je vais ébauch­er mon intro­duc­tion, sur laque­lle je reviendrai une fois l’ar­ti­cle mis en forme. Je ne vais pas m’é­ten­dre sur la rédac­tion de l’in­tro­duc­tion de mon arti­cle, vous la trou­verez en ver­sion finale en le lisant.

Je prends ensuite chaque bloc du “bloc-note” et je développe le point abor­dé. Je vais d’ailleurs sou­vent plus loin que le point ini­tial, une idée en amenant une autre. Au besoin, j’im­porte le con­tenu néces­saire à une démo, ou je le crée. Pour l’ar­ti­cle sur Visu­al Port­fo­lio, j’ai créé des port­fo­lios via l’ex­ten­sion. Je vous présente ain­si le proces­sus de créa­tion, puis la mise en action via le mod­èle d’af­fichage.

Les illustrations

Lorsque je rédi­ge un arti­cle, et plus par­ti­c­ulière­ment lors de la rédac­tion d’un tuto­riel, j’il­lus­tre mon arti­cle, comme je l’ai fait avec l’im­age un peu plus haut dans cet arti­cle-ci (Pre­mière ébauche de l’ar­ti­cle).

Je crée la plu­part de ces visuels avec l’ex­ten­sion Nim­bus (Chrome et Fire­fox), ce qui me per­met de cap­tur­er le frag­ment de page que je souhaite mon­tr­er, et de le retra­vailler en en floutant éventuelle­ment cer­taines par­ties, en ajoutant des cadres, des flèch­es, du texte… pour illus­tr­er mon pro­pos.

Les mots clés ou étiquettes

Cette tax­onomie m’est bien utile pour regrouper des arti­cles qui abor­dent un même sujet, mais sous des angles dif­férents. Pour Visu­al Port­fo­lio, on peut con­sid­ér­er que les thèmes abor­dés sont le design, l’im­age, les galeries, les port­fo­lios. Et il faut con­sid­ér­er que c’est une exten­sion réelle­ment gra­tu­ite. Ce n’est pas une ver­sion allégée, il n’y a pas, du moins pour l’in­stant, de ver­sion Pro. Et elle est conçue pour fonc­tion­ner avec Guten­berg et Jet­pack. Sur ce blog, j’ai déjà les éti­quettes design, gra­tu­it, guten­berg, jet­pack… je vais donc assign­er les éti­quettes adéquates à l’ar­ti­cle.

La rédaction de l’extrait

C’est un point que je réfléchis assez longue­ment : il s’ag­it du texte util­isé par le flux RSS, par cer­tains moteurs de recherche et qui est affiché tout en haut de mon arti­cle. Autant dire qu’il a une impor­tance toute par­ti­c­ulière. Si je n’ac­croche pas le lecteur dès les pre­mières sec­on­des, il ne lira prob­a­ble­ment pas la suite.

En fait, je rédi­ge deux extraits : un pre­mier pour le flux RSS, les pages d’archives et pour affich­er en haut de l’ar­ti­cle, et un sec­ond des­tiné au moteurs de recherche, plus con­cis et plus per­cu­tant. Le sec­ond ne reflète pas aus­si bien l’ar­ti­cle que le pre­mier, mais il donne un avant-goût lors de la recherche.

Les articles en rapport

J’ai instal­lé une exten­sion pour affich­er les arti­cles en rap­port avec celui que vous lisez actuelle­ment. Mais je ne lui laisse pas choisir elle-même quoi affich­er, je prends le temps de chercher dans les arti­cles exis­tants ceux qui sont les plus à même d’in­téress­er le lecteur, et j’en sélec­tionne qua­tre.

L’image À la Une

Je n’i­rai pas jusqu’à dire que c’est la corvée du siè­cle, mais ce n’est pas ma tâche favorite. Je ne suis pas graphiste, je n’ai aucun tal­ent dans la créa­tion de visuel, alors je fais au mieux, en cher­chant des images dans les ban­ques d’im­ages, en les assem­blant et en les mod­i­fi­ant sous Pho­to­shop (CS2, gra­tu­ite, et suff­isante pour mes besoins).

Si mes créa­tions vous plaisent (tous les goûts sont dans la nature), n’hésitez pas à me sol­liciter, je me dévouerai pour vous, à prix d’or bien enten­du — le prix final ten­ant compte de mon aver­sion pour la tâche, de manière inverse­ment pro­por­tion­nelle à mon incon­testable tal­ent ?

Je vous laisse décou­vrir l’im­age À la Une de mon prochain arti­cle lors de sa pub­li­ca­tion, un peu de sus­pense n’a jamais fait de mal à per­son­ne (tout ça pour ne pas dire que je ne l’ai pas encore créée — voilà, c’est fait, vous le savez).

Une fois tout en place, je m’ac­corde une demi-journée, voire une journée com­plète avant…

Les dernières relectures pre et post publication

Parce que non, je ne pub­lie pas mon arti­cle sans l’avoir lu et relu. Et re-relu. Pour cor­riger des fautes que je n’ai pas encore relevées, pour réor­gan­is­er l’in­for­ma­tion, pour véri­fi­er que l’ar­ti­cle est tel que je le veux avant de le met­tre en ligne.

Ce n’est qu’après cette ultime relec­ture que je pub­lie, finale­ment.

Et sitôt l’ar­ti­cle pub­lié, je le visu­alise à nou­veau, pour véri­fi­er que tout c’est cor­recte­ment passé. En effet, on ne peut voir le résul­tat de cer­taines exten­sions qu’une fois l’ar­ti­cle pub­lié (la table des matières, par exem­ple, ou cer­tains codes courts qui s’af­fichent pour cer­tains dans Guten­berg mas pas dans la prévi­su­al­i­sa­tion). Autant dire qu’il reste, à la pub­li­ca­tion, une infime part d’in­con­nu.

L’après publication

Une fois l’ar­ti­cle en ligne, je vais com­mencer par l’an­non­cer sur les réseaux soci­aux (Face­book, Twit­ter, LinkedIn). Je vais ensuite le relire, quelques heures après l’avoir pub­lié. Je mod­i­fie encore mon texte à ce moment-là. Pour vous mon­tr­er les dernières mod­i­fi­ca­tions après pub­li­ca­tion, j’ai bar­ré le texte sup­primé habituelle­ment, et j’ai mis en italique le texte de rem­place­ment.

Et la SEO dans tout ça ?

Je ne me préoc­cupe pas vrai­ment de l’aspect SEO. Je ne suis pas un spé­cial­iste de l’op­ti­mi­sa­tion, donc j’écris mes arti­cles sans chercher à les opti­miser.

Je fais donc le strict min­i­mum : un titre de longueur con­ven­able, qui puisse s’af­fich­er en entier dans les moteurs de recherche, une descrip­tion aus­si con­cise et per­cu­tante que pos­si­ble, et surtout, un arti­cle qui intéressera mes lecteurs. Parce que s’il intéresse mes lecteurs, il intéressera aus­si les moteurs de recherche.

Le temps passé sur un article

Pour vous don­ner un ordre d’idée, il m’a fal­lu env­i­ron qua­tre heures pour met­tre au point cet arti­cle-ci. Pour l’ar­ti­cle sur Visu­al Port­fo­lio, un peu plus, env­i­ron six heures. Et en général, il me faut de qua­tre à huit heures pour rédi­ger un arti­cle com­plet, d’un bout à l’autre de la chaîne de pub­li­ca­tion.

Et vous, quelle est votre process de rédac­tion ? Faites-nous part de votre expéri­ence via les com­men­taires !