{"id":171,"date":"2020-03-22T23:18:25","date_gmt":"2020-03-22T22:18:25","guid":{"rendered":"http:\/\/graphizm.fr\/greta\/?p=171"},"modified":"2024-09-25T22:00:51","modified_gmt":"2024-09-25T20:00:51","slug":"bases-redaction-web","status":"publish","type":"post","link":"https:\/\/graphizm.fr\/greta\/rwrn\/rwrn-cours\/bases-redaction-web\/","title":{"rendered":"Bases de la r\u00e9daction Web"},"content":{"rendered":"\n<p>Dans cette partie du cours nous allons aborder 3 points&nbsp;:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>\u00c9criture structur\u00e9e<\/li>\n\n\n\n<li>Recherches de mots-cl\u00e9s<\/li>\n\n\n\n<li>Utilisation des mots-cl\u00e9s<\/li>\n\n\n\n<li>Les outils de la r\u00e9daction Web<\/li>\n\n\n\n<li>Les principes et les m\u00e9thodes de la r\u00e9daction Web<\/li>\n\n\n\n<li>Le r\u00e9f\u00e9rencement des images<\/li>\n<\/ul>\n\n\n\n<div id=\"ez-toc-container\" class=\"ez-toc-v2_0_82_2 counter-hierarchy ez-toc-counter ez-toc-custom ez-toc-container-direction\">\n<div class=\"ez-toc-title-container\">\n<p class=\"ez-toc-title\" style=\"cursor:inherit\">Sommaire<\/p>\n<span class=\"ez-toc-title-toggle\"><a href=\"#\" class=\"ez-toc-pull-right ez-toc-btn ez-toc-btn-xs ez-toc-btn-default ez-toc-toggle\" aria-label=\"Toggle Table of Content\"><span class=\"ez-toc-js-icon-con\"><span class=\"\"><span class=\"eztoc-hide\" style=\"display:none;\">Toggle<\/span><span class=\"ez-toc-icon-toggle-span\"><svg style=\"fill: #6b6b6b;color:#6b6b6b\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" class=\"list-377408\" width=\"20px\" height=\"20px\" viewBox=\"0 0 24 24\" fill=\"none\"><path d=\"M6 6H4v2h2V6zm14 0H8v2h12V6zM4 11h2v2H4v-2zm16 0H8v2h12v-2zM4 16h2v2H4v-2zm16 0H8v2h12v-2z\" fill=\"currentColor\"><\/path><\/svg><svg style=\"fill: #6b6b6b;color:#6b6b6b\" class=\"arrow-unsorted-368013\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"10px\" height=\"10px\" viewBox=\"0 0 24 24\" version=\"1.2\" baseProfile=\"tiny\"><path d=\"M18.2 9.3l-6.2-6.3-6.2 6.3c-.2.2-.3.4-.3.7s.1.5.3.7c.2.2.4.3.7.3h11c.3 0 .5-.1.7-.3.2-.2.3-.5.3-.7s-.1-.5-.3-.7zM5.8 14.7l6.2 6.3 6.2-6.3c.2-.2.3-.5.3-.7s-.1-.5-.3-.7c-.2-.2-.4-.3-.7-.3h-11c-.3 0-.5.1-.7.3-.2.2-.3.5-.3.7s.1.5.3.7z\"\/><\/svg><\/span><\/span><\/span><\/a><\/span><\/div>\n<nav><ul class='ez-toc-list ez-toc-list-level-1 eztoc-toggle-hide-by-default' ><ul class='ez-toc-list-level-3' ><li class='ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-1\" href=\"https:\/\/graphizm.fr\/greta\/rwrn\/rwrn-cours\/bases-redaction-web\/#Ecriture_structuree\" >\u00c9criture structur\u00e9e<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-2\" href=\"https:\/\/graphizm.fr\/greta\/rwrn\/rwrn-cours\/bases-redaction-web\/#Choix_des_mots_cles\" >Choix des mots cl\u00e9s<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-3\" href=\"https:\/\/graphizm.fr\/greta\/rwrn\/rwrn-cours\/bases-redaction-web\/#Utilisation_des_mots_cles\" >Utilisation des mots cl\u00e9s<\/a><\/li><\/ul><\/li><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-4\" href=\"https:\/\/graphizm.fr\/greta\/rwrn\/rwrn-cours\/bases-redaction-web\/#Les_outils_de_la_redaction_Web\" >Les outils de la r\u00e9daction Web<\/a><ul class='ez-toc-list-level-3' ><li class='ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-5\" href=\"https:\/\/graphizm.fr\/greta\/rwrn\/rwrn-cours\/bases-redaction-web\/#Sil_fallait_choisir_un_seul_outil%E2%80%A6\" >S&rsquo;il fallait choisir un seul outil&#8230;<\/a><\/li><\/ul><\/li><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-6\" href=\"https:\/\/graphizm.fr\/greta\/rwrn\/rwrn-cours\/bases-redaction-web\/#Principes_et_methodes_de_la_redaction_Web\" >Principes et m\u00e9thodes de la r\u00e9daction Web<\/a><ul class='ez-toc-list-level-3' ><li class='ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-7\" href=\"https:\/\/graphizm.fr\/greta\/rwrn\/rwrn-cours\/bases-redaction-web\/#Lessentiel_en_premier\" >L&rsquo;essentiel en premier<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-8\" href=\"https:\/\/graphizm.fr\/greta\/rwrn\/rwrn-cours\/bases-redaction-web\/#Toujours_etre_simple_et_concis\" >Toujours \u00eatre simple et concis<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-9\" href=\"https:\/\/graphizm.fr\/greta\/rwrn\/rwrn-cours\/bases-redaction-web\/#Faire_des_phrases_courtes_et_ecrire_plus_simplement\" >Faire des phrases courtes et \u00e9crire plus simplement<\/a><\/li><\/ul><\/li><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-10\" href=\"https:\/\/graphizm.fr\/greta\/rwrn\/rwrn-cours\/bases-redaction-web\/#Le_referencement_des_images\" >Le r\u00e9f\u00e9rencement des images<\/a><ul class='ez-toc-list-level-3' ><li class='ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-11\" href=\"https:\/\/graphizm.fr\/greta\/rwrn\/rwrn-cours\/bases-redaction-web\/#Reperer_et_completer_le_texte_alternatif\" >Rep\u00e9rer et compl\u00e9ter le texte alternatif<\/a><\/li><\/ul><\/li><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-12\" href=\"https:\/\/graphizm.fr\/greta\/rwrn\/rwrn-cours\/bases-redaction-web\/#Document_complementaire\" >Document compl\u00e9mentaire<\/a><\/li><\/ul><\/nav><\/div>\n<h3 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"Ecriture_structuree\"><\/span>\u00c9criture structur\u00e9e<span class=\"ez-toc-section-end\"><\/span><\/h3>\n\n\n\n<p><strong>Le premier point concerne la r\u00e9daction d&rsquo;un premier jet<\/strong>, sur tel ou tel sujet. Une structure simple est propos\u00e9e. dans le cadre de la formation suivie, il est imp\u00e9ratif de suivre cette structure pour que les corrections portent sur des textes courts. Essayez de suivre le principe suivant&nbsp;: <strong>une seule id\u00e9e par paragraphe<\/strong>, en quelques phrases courtes et bien articul\u00e9es entre elles.<\/p>\n\n\n\n<p>La structure propos\u00e9e est la suivante&nbsp;:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Titre <strong>h1<\/strong><\/li>\n\n\n\n<li>Chap\u00f4 <strong>p<\/strong><\/li>\n\n\n\n<li>Premier titre <strong>h2<\/strong><\/li>\n\n\n\n<li>Premier paragraphe <strong>p<\/strong><\/li>\n\n\n\n<li>Second paragraphe <strong>p<\/strong><\/li>\n\n\n\n<li>Second titre <strong>h2<\/strong><\/li>\n\n\n\n<li>Premier paragraphe <strong>p<\/strong><\/li>\n\n\n\n<li>Second paragraphe <strong>p<\/strong><\/li>\n<\/ul>\n\n\n\n<p class=\"has-accent-background-color has-background\">Je vous invite \u00e0 <strong>r\u00e9diger, dans Stackedit, un texte<\/strong> \u00e0 publier sur le Web, sur le sujet de votre choix. <strong>Utilisez la structure r\u00e9dactionnelle indiqu\u00e9e<\/strong> (h1-p-h2-p-p-h2-p-p).<\/p>\n\n\n\n<p><strong>Le premier jet sera retravaill\u00e9 par la suite<\/strong>. Sa r\u00e9daction permet de faire le point sur l&rsquo;angle par lequel on souhaite aborder le sujet. Il permet d&rsquo;esquisser un plan (ce qui constituera les parties du texte). Si vous n&rsquo;avez pas besoin de r\u00e9f\u00e9rencer votre article sur le Web, il se peut que vous n&rsquo;ayez que peu de choses \u00e0 reprendre par la suite&#8230;<\/p>\n\n\n\n<h3 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"Choix_des_mots_cles\"><\/span>Choix des mots cl\u00e9s<span class=\"ez-toc-section-end\"><\/span><\/h3>\n\n\n\n<p>Ici commence de v\u00e9ritable travail de r\u00e9daction Web.<\/p>\n\n\n\n<p>Le plus simple pour r\u00e9aliser cette \u00e9tape est d\u2019utiliser un \u00e9diteur de cartes heuristiques (ou cartes mentales,&nbsp;<em>mind map<\/em>&nbsp;en anglais).<\/p>\n\n\n\n<p>Je vous propose d\u2019<strong>utiliser l\u2019application en ligne&nbsp;<a rel=\"noreferrer noopener\" href=\"https:\/\/tobloef.com\/text2mindmap\/\" target=\"_blank\">Text2MindMap<\/a><\/strong>. Celle-ci permet de saisir un texte indent\u00e9 d\u2019un c\u00f4t\u00e9 et de visualiser une carte heuristique de l\u2019autre c\u00f4t\u00e9, c\u2019est d\u2019une simplicit\u00e9 \u00e9l\u00e9mentaire&nbsp;!<\/p>\n\n\n\n<figure class=\"wp-block-image\"><a href=\"http:\/\/graphizm.fr\/greta\/wp-content\/uploads\/2020\/10\/Text2MindMap-01.jpg\" target=\"_blank\" rel=\"noreferrer noopener\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"574\" src=\"http:\/\/graphizm.fr\/greta\/wp-content\/uploads\/2020\/10\/Text2MindMap-01-1024x574.jpg\" alt=\"\" class=\"wp-image-2474\" srcset=\"https:\/\/graphizm.fr\/greta\/wp-content\/uploads\/2020\/10\/Text2MindMap-01-1024x574.jpg 1024w, https:\/\/graphizm.fr\/greta\/wp-content\/uploads\/2020\/10\/Text2MindMap-01-600x336.jpg 600w, https:\/\/graphizm.fr\/greta\/wp-content\/uploads\/2020\/10\/Text2MindMap-01-768x430.jpg 768w, https:\/\/graphizm.fr\/greta\/wp-content\/uploads\/2020\/10\/Text2MindMap-01-1200x672.jpg 1200w, https:\/\/graphizm.fr\/greta\/wp-content\/uploads\/2020\/10\/Text2MindMap-01.jpg 1283w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/a><\/figure>\n\n\n\n<p>Il s\u2019agit, en partant du sujet principal abord\u00e9, de&nbsp;<strong>d\u00e9terminer dans un premier temps l\u2019expression courte ou le mot cl\u00e9 de la page<\/strong>&nbsp;(le tronc de l\u2019arbre). Notez qu\u2019il s\u2019agira des premiers mots de votre titre h1.<\/p>\n\n\n\n<p>Ensuite,&nbsp;<strong>en explorant le champ lexical et s\u00e9mantique du sujet<\/strong>, il s\u2019agit de&nbsp;<strong>trouver et noter les expressions et mots cl\u00e9s voisins,&nbsp;<\/strong>en les regroupant par affinit\u00e9. Vous obtiendrez ainsi un arbre (ou plut\u00f4t la ramure d\u2019un arbre) plus ou moins \u00e9tendu selon le temps que vous y consacrerez.<\/p>\n\n\n\n<p><strong>Le site&nbsp;<a rel=\"noreferrer noopener\" href=\"https:\/\/rimessolides.com\/motscles.aspx\" target=\"_blank\">rimesolides.com<\/a>&nbsp;permet d\u2019\u00e9largir le champ lexical d\u2019un sujet.<\/strong><\/p>\n\n\n\n<p>En activant&nbsp;<strong>les pr\u00e9f\u00e9rences de Text2Mindmap<\/strong>, vous avez le choix entre&nbsp;<strong>2 types de colorations de la carte<\/strong>. La premi\u00e8re (Branch) met en \u00e9vidence les expressions et mots issus d\u2019une m\u00eame branche. La seconde (Level) met en \u00e9vidence les expressions et mots cl\u00e9s situ\u00e9s \u00e0 un m\u00eame niveau hi\u00e9rarchique.<\/p>\n\n\n\n<figure class=\"wp-block-image\"><a href=\"http:\/\/graphizm.fr\/greta\/wp-content\/uploads\/2020\/10\/Text2MindMap-05.jpg\" target=\"_blank\" rel=\"noreferrer noopener\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"605\" src=\"http:\/\/graphizm.fr\/greta\/wp-content\/uploads\/2020\/10\/Text2MindMap-05-1024x605.jpg\" alt=\"\" class=\"wp-image-2526\" srcset=\"https:\/\/graphizm.fr\/greta\/wp-content\/uploads\/2020\/10\/Text2MindMap-05-1024x605.jpg 1024w, https:\/\/graphizm.fr\/greta\/wp-content\/uploads\/2020\/10\/Text2MindMap-05-600x354.jpg 600w, https:\/\/graphizm.fr\/greta\/wp-content\/uploads\/2020\/10\/Text2MindMap-05-768x453.jpg 768w, https:\/\/graphizm.fr\/greta\/wp-content\/uploads\/2020\/10\/Text2MindMap-05-1200x708.jpg 1200w, https:\/\/graphizm.fr\/greta\/wp-content\/uploads\/2020\/10\/Text2MindMap-05.jpg 1372w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/a><\/figure>\n\n\n\n<h3 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"Utilisation_des_mots_cles\"><\/span>Utilisation des mots cl\u00e9s<span class=\"ez-toc-section-end\"><\/span><\/h3>\n\n\n\n<p><strong>Cette section concerne l&rsquo;utilisation des mots ou expressions cl\u00e9s et leur placement dans la structure HTML<\/strong>. Il s&rsquo;agit ici de reprendre la r\u00e9daction produite \u00e0 l&rsquo;\u00e9tape 1 et d&rsquo;y <strong>ins\u00e9rer un mot ou expression cl\u00e9 principal et plusieurs mots cl\u00e9s secondaires<\/strong>.<\/p>\n\n\n\n<p>Les r\u00e9dacteurs Web chevronn\u00e9s commencent par choisir leurs mots cl\u00e9s. Cela leur permet d&rsquo;\u00e9tablir <strong>un riche lexique<\/strong> avant de r\u00e9diger leur article. De plus, en choisissant la mani\u00e8re de les r\u00e9partir dans le texte, ils mat\u00e9rialisent <strong>un plan facile \u00e0 percevoir, \u00e0 la seule lecture des titres<\/strong>.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><a href=\"http:\/\/graphizm.fr\/fcs\/commencer-par-mots-cles\/\" target=\"_blank\" rel=\"noopener noreferrer\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"700\" src=\"http:\/\/graphizm.fr\/greta\/wp-content\/uploads\/2020\/04\/commencer-par-mots-cles-1024x700.png\" alt=\"\" class=\"wp-image-545\" srcset=\"https:\/\/graphizm.fr\/greta\/wp-content\/uploads\/2020\/04\/commencer-par-mots-cles-1024x700.png 1024w, https:\/\/graphizm.fr\/greta\/wp-content\/uploads\/2020\/04\/commencer-par-mots-cles-600x410.png 600w, https:\/\/graphizm.fr\/greta\/wp-content\/uploads\/2020\/04\/commencer-par-mots-cles-768x525.png 768w, https:\/\/graphizm.fr\/greta\/wp-content\/uploads\/2020\/04\/commencer-par-mots-cles.png 1081w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/a><\/figure>\n\n\n\n<p>Dans le cadre des exercices propos\u00e9s dans ce cours, voici quels seraient les attendus \u00e0 un <strong>niveau d\u00e9butant<\/strong> (ne pas utiliser les synonymes simplifie le travail \u00e0 produire quand on d\u00e9bute)&nbsp;:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong>Titre h1<\/strong> \u279c Expression ou mot cl\u00e9 principal en d\u00e9but de h1<\/li>\n\n\n\n<li><strong>Chap\u00f4<\/strong>  \u279c Expression ou mot cl\u00e9 principal en d\u00e9but de chap\u00f4<\/li>\n\n\n\n<li><strong>Premier titre h2<\/strong> \u279c Mot cl\u00e9 secondaire #1 en d\u00e9but de h2<\/li>\n\n\n\n<li><strong>Premier p<\/strong> \u279cMot cl\u00e9 secondaire #1 en d\u00e9but de p<\/li>\n\n\n\n<li><strong>Second p<\/strong> \u279c R\u00e9daction libre<\/li>\n\n\n\n<li><strong>Premier titre h2<\/strong> \u279c Mot cl\u00e9 secondaire #2 en d\u00e9but de h2<\/li>\n\n\n\n<li><strong>Premier p<\/strong> \u279cMot cl\u00e9 secondaire #2 en d\u00e9but de p<\/li>\n\n\n\n<li><strong>Second p<\/strong> \u279c R\u00e9daction libre<\/li>\n<\/ul>\n\n\n\n<p>Voici quels seraient les attendus \u00e0 un <strong>niveau plus avanc\u00e9<\/strong> (utilisation des synonymes et expressions connexes)&nbsp;:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong>Titre h1<\/strong> \u279c Expression ou mot cl\u00e9 principal en d\u00e9but de h1<\/li>\n\n\n\n<li><strong>Chap\u00f4<\/strong>  \u279c Synonyme du mot cl\u00e9 principal en d\u00e9but de chap\u00f4<\/li>\n\n\n\n<li><strong>Premier titre h2<\/strong> \u279c Expression ou mot cl\u00e9 secondaire #1 en d\u00e9but de h2<\/li>\n\n\n\n<li><strong>Premier p<\/strong> \u279c Synonyme du mot cl\u00e9 secondaire #1 en d\u00e9but de p<\/li>\n\n\n\n<li><strong>Second p<\/strong> \u279c Synonymes du mot cl\u00e9 secondaire #1 dans le p<\/li>\n\n\n\n<li><strong>Second titre h2<\/strong> \u279c Expression ou mot cl\u00e9 secondaire #2 en d\u00e9but de h2<\/li>\n\n\n\n<li><strong>Premier p<\/strong> \u279c Synonyme du mot cl\u00e9 secondaire #2 en d\u00e9but de p<\/li>\n\n\n\n<li><strong>Second p<\/strong> \u279c Synonymes du mot cl\u00e9 secondaire #2 dans le p<\/li>\n<\/ul>\n\n\n\n<h2 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"Les_outils_de_la_redaction_Web\"><\/span>Les outils de la r\u00e9daction Web<span class=\"ez-toc-section-end\"><\/span><\/h2>\n\n\n\n<p>Voici une liste de sites sur lesquels les auteurs partagent leur choix des meilleurs outils de r\u00e9daction Web.<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li><a href=\"https:\/\/blog.simplebo.fr\/outils-interessants-pour-ameliorer-redaction-web\" target=\"_blank\" rel=\"noreferrer noopener\">Top 12 des meilleurs outils pour la r\u00e9daction Web<\/a><\/li>\n\n\n\n<li><a href=\"https:\/\/le-labo-du-redacteur-web.com\/16-outils-indispensables-gratuits-du-redacteur-web\/\" target=\"_blank\" rel=\"noreferrer noopener\">Les 16 outils indispensables (et gratuits) du r\u00e9dacteur Web<\/a><\/li>\n<\/ul>\n\n\n\n<p>La question des meilleurs outils pour la r\u00e9daction Web a \u00e9t\u00e9 pos\u00e9e \u00e0 des IA. <\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>R\u00e9ponse de l&rsquo;<a href=\"https:\/\/poe.com\/s\/V1MWnhilKT0ioN0DLW4t\" target=\"_blank\" rel=\"noreferrer noopener\">Assistant de poe.com<\/a><\/li>\n\n\n\n<li>R\u00e9ponse de <a href=\"https:\/\/poe.com\/s\/XMLveg3mPem7ecKbppqI\" target=\"_blank\" rel=\"noreferrer noopener\">ChatGPT-4o<\/a><\/li>\n<\/ul>\n\n\n\n<h3 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"Sil_fallait_choisir_un_seul_outil%E2%80%A6\"><\/span>S&rsquo;il fallait choisir un seul outil&#8230;<span class=\"ez-toc-section-end\"><\/span><\/h3>\n\n\n\n<p>Pour ma part, si je devais choisir un seul outil parmi tous ceux dont il est question ici et l\u00e0, ce serait <strong>un outil de synth\u00e8se vocale<\/strong> !<\/p>\n\n\n\n<p>J&rsquo;utilise la synth\u00e8se vocale propos\u00e9e par MacOs (r\u00e9glages dans Pr\u00e9f\u00e9rences Syst\u00e8me &gt; Dict\u00e9e et parole). Windows 10 propose un outil nomm\u00e9 \u00ab\u00a0lecteur immersif\u00a0\u00bb (que je n&rsquo;ai jamais utilis\u00e9 &#x1f631;). Pour des textes courts vous avez la possibilit\u00e9 d&rsquo;utiliser les outils de d\u00e9monstrations cit\u00e9s dans la carte XMind mentionn\u00e9 plus haut.<\/p>\n\n\n\n<figure class=\"wp-block-gallery has-nested-images columns-default is-cropped wp-block-gallery-1 is-layout-flex wp-block-gallery-is-layout-flex\">\n<figure class=\"wp-block-image size-large\"><a href=\"https:\/\/graphizm.fr\/greta\/wp-content\/uploads\/2020\/03\/synthese-vocale-mac-1.png\"><img loading=\"lazy\" decoding=\"async\" width=\"909\" height=\"542\" data-id=\"186\" src=\"https:\/\/graphizm.fr\/greta\/wp-content\/uploads\/2020\/03\/synthese-vocale-mac-1.png\" alt=\"\" class=\"wp-image-186\" srcset=\"https:\/\/graphizm.fr\/greta\/wp-content\/uploads\/2020\/03\/synthese-vocale-mac-1.png 909w, https:\/\/graphizm.fr\/greta\/wp-content\/uploads\/2020\/03\/synthese-vocale-mac-1-600x358.png 600w, https:\/\/graphizm.fr\/greta\/wp-content\/uploads\/2020\/03\/synthese-vocale-mac-1-768x458.png 768w\" sizes=\"auto, (max-width: 909px) 100vw, 909px\" \/><\/a><\/figure>\n\n\n\n<figure class=\"wp-block-image size-large\"><a href=\"https:\/\/graphizm.fr\/greta\/wp-content\/uploads\/2020\/03\/synthese-vocale-mac-2.png\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"710\" data-id=\"187\" src=\"https:\/\/graphizm.fr\/greta\/wp-content\/uploads\/2020\/03\/synthese-vocale-mac-2-1024x710.png\" alt=\"\" class=\"wp-image-187\" srcset=\"https:\/\/graphizm.fr\/greta\/wp-content\/uploads\/2020\/03\/synthese-vocale-mac-2-1024x710.png 1024w, https:\/\/graphizm.fr\/greta\/wp-content\/uploads\/2020\/03\/synthese-vocale-mac-2-600x416.png 600w, https:\/\/graphizm.fr\/greta\/wp-content\/uploads\/2020\/03\/synthese-vocale-mac-2-768x532.png 768w, https:\/\/graphizm.fr\/greta\/wp-content\/uploads\/2020\/03\/synthese-vocale-mac-2.png 1076w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/a><\/figure>\n<figcaption class=\"blocks-gallery-caption wp-element-caption\">Param\u00e9trage et utilisation de la synth\u00e8se vocale sur MacOs<\/figcaption><\/figure>\n\n\n\n<p>La lecture automatique d&rsquo;un texte par un robot permet de rep\u00e9rer \u00e0 l&rsquo;oreille (de mani\u00e8re infaillible) tous les points suivants&nbsp;:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>les phrases trop longues<\/li>\n\n\n\n<li>les erreurs de ponctuation<\/li>\n\n\n\n<li>les fautes de syntaxe<\/li>\n\n\n\n<li>les oublis dans une phrase<\/li>\n\n\n\n<li>etc.<\/li>\n<\/ul>\n\n\n\n<p class=\"has-subtle-background-background-color has-background\">Inutile d&rsquo;apprendre des r\u00e8gles compliqu\u00e9es. <strong>\u00c9coutez les textes que vous avez r\u00e9dig\u00e9s et corrigez les pour faire en sorte que leur lecture automatique soit fluide et agr\u00e9able \u00e0 entendre.<\/strong> Vous serez \u00e9tonn\u00e9s par l&rsquo;efficacit\u00e9 du proc\u00e9d\u00e9&nbsp;!<\/p>\n\n\n\n<p>Raccourcissez les phrases trop longues (en les divisant par 2 si n\u00e9cessaire). N&rsquo;h\u00e9sitez pas \u00e0 ins\u00e9rer des virgules pour mieux cadencer le rythme de lecture du robot.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"Principes_et_methodes_de_la_redaction_Web\"><\/span>Principes et m\u00e9thodes de la r\u00e9daction Web<span class=\"ez-toc-section-end\"><\/span><\/h2>\n\n\n\n<p>Disposant d\u00e9sormais d&rsquo;outils pour explorer le champ s\u00e9mantiques des mots cl\u00e9s s\u00e9lectionn\u00e9s, sachant o\u00f9 ins\u00e9rer ces mots cl\u00e9s et leurs synonymes, ayant exp\u00e9riment\u00e9 \u00e0 quel point la r\u00e9daction Web est un travail de longue haleine&#8230; voyons rapidement quels sont les grands principes \u00e0 suivre pour d\u00e9velopper nos id\u00e9es dans un article plaisant \u00e0 lire pour notre lecteur cible.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"Lessentiel_en_premier\"><\/span>L&rsquo;essentiel en premier<span class=\"ez-toc-section-end\"><\/span><\/h3>\n\n\n\n<p><strong>R\u00e9digez de mani\u00e8re \u00e0 pr\u00e9senter au lecteur l&rsquo;essentiel des informations dans les premi\u00e8res parties du texte<\/strong>. Vous avez certainement lu des choses sur le plan en pyramide invers\u00e9e. C&rsquo;est un plan r\u00e9dactionnel parmi d&rsquo;autres qui pr\u00e9sente l&rsquo;avantage de mettre l&rsquo;accent sur ce point&nbsp;: l&rsquo;essentiel en premier&nbsp;!<\/p>\n\n\n\n<p>Vous avez not\u00e9 que j&rsquo;insistais beaucoup sur le fait de placer les expressions ou mots cl\u00e9s en d\u00e9but de titre ou de paragraphe. Cela va dans le m\u00eame sens et permet au lecteur de saisir d&#8217;embl\u00e9e votre propos. <\/p>\n\n\n\n<p><strong>Ce principe ou m\u00e9thode est vivement conseill\u00e9 pour toute publication en ligne.<\/strong> Il n&rsquo;est pas toujours possible de l&rsquo;appliquer, mais en suivant ce principe chaque fois que vous le pouvez, vous optimisez vos contenus.<\/p>\n\n\n\n<p>Mentionner l&rsquo;essentiel en premier permet de <strong>r\u00e9pondre tr\u00e8s vite aux questions que se posent les lecteurs&nbsp;: qui&nbsp;? quoi&nbsp;? o\u00f9&nbsp;? quand&nbsp;?<\/strong> &#8230; Je vous renvoie \u00e0 la formule CQQCOQP (c&rsquo;est cucul, c&rsquo;est occup\u00e9&nbsp;!) ou hexagramme de Quintilien. Cette petite s\u00e9quence mn\u00e9motechnique est tr\u00e8s utilis\u00e9e en communication \u00e9crite.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"Toujours_etre_simple_et_concis\"><\/span>Toujours \u00eatre simple et concis<span class=\"ez-toc-section-end\"><\/span><\/h3>\n\n\n\n<p>\u00ab\u00a0Entre deux solutions, toujours choisir la plus simple.\u201d <strong>Il ne s&rsquo;agit pas d&rsquo;appauvrir le sens de votre propos mais de supprimer tout ce qui n&rsquo;est pas indispensable.<\/strong> \u201cLa perfection est atteinte quand il n&rsquo;y a plus rien \u00e0 supprimer\u201d \u00e9crivait Antoine de Saint-Exup\u00e9ry. Pas de g\u00e9n\u00e9ralit\u00e9s, pas de tournures de phrases alambiqu\u00e9es, pas d&rsquo;adjectifs ou d&rsquo;adverbes superflus&nbsp;: <strong>\u00e9crivez, \u00e9liminez&nbsp;!<\/strong><\/p>\n\n\n\n<p>\u00c9crire sans en rajouter prend plus de temps que d&rsquo;\u00e9crire avec concision. Un texte se travaille, non pas seulement pour se d\u00e9velopper mais aussi pour se simplifier, sans perdre de sa substance. <strong>Il s&rsquo;agit d&rsquo;\u00e9laguer, non de d\u00e9raciner&nbsp;!<\/strong><\/p>\n\n\n\n<h3 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"Faire_des_phrases_courtes_et_ecrire_plus_simplement\"><\/span>Faire des phrases courtes et \u00e9crire plus simplement<span class=\"ez-toc-section-end\"><\/span><\/h3>\n\n\n\n<p><strong>Une quinzaine de mots par phrase est l&rsquo;id\u00e9al.<\/strong> D\u00e8s qu&rsquo;une phrase approche les trente mots il faut imp\u00e9rativement faire 2 phrases (qui feront une quinzaine de mots chacune). <\/p>\n\n\n\n<p> L&rsquo;utilisation de la synth\u00e8se vocale, comme nous l&rsquo;avons vu plus haut, permet de rep\u00e9rer \u00e0 l&rsquo;oreille les phrases trop longues. Il est parfois n\u00e9cessaire de mettre en \u0153uvre d&rsquo;autres moyens pour am\u00e9liorer notre r\u00e9daction (&#8230; et la lecture de nos textes).<\/p>\n\n\n\n<p class=\"has-subtle-background-background-color has-background\">La chasse aux \u201dqui-que\u201d est un sport tr\u00e8s pratiqu\u00e9 par les r\u00e9dacteurs Web. Pour en savoir plus sur cette activit\u00e9, je vous recommande de lire <a rel=\"noreferrer noopener\" aria-label=\"Comment r\u00e9diger des phrases plus courtes&nbsp;? (s\u2019ouvre dans un nouvel onglet)\" href=\"https:\/\/www.web-creatif.net\/comment-rediger-des-phrases-plus-courtes\/\" target=\"_blank\">Comment r\u00e9diger des phrases plus courtes&nbsp;?<\/a>, sur web-creatif.net<\/p>\n\n\n\n<p>J&rsquo;ai mentionn\u00e9 dans la premi\u00e8re partie de ce cours la n\u00e9cessit\u00e9 de traiter une seule id\u00e9e par paragraphe. On peut \u00e9largir ce principe. <strong>Un sujet par article, une id\u00e9e par chapitre (sous un titre h2), une id\u00e9e par paragraphe (entre balises &lt;p&gt; et &lt;\/p&gt;) et une id\u00e9e par phrase&nbsp;!<\/strong><\/p>\n\n\n\n<p class=\"has-subtle-background-color has-primary-background-color has-text-color has-background\">&#x1f4cc; <strong>Editoile est une agence de visibilit\u00e9 Web, sp\u00e9cialis\u00e9e en r\u00e9daction SEO.<\/strong> Leur blog est une mine de renseignements fiables. Vous trouverez dans un des articles de leur blog d&rsquo;excellents conseils pour <a rel=\"noreferrer noopener\" aria-label=\"\u00e9crire plus simplement. (s\u2019ouvre dans un nouvel onglet)\" href=\"https:\/\/editoile.fr\/10-astuces-pour-ecrire-plus-simplement\/\" target=\"_blank\">\u00e9crire plus simplement.<\/a><\/p>\n\n\n\n<h2 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"Le_referencement_des_images\"><\/span>Le r\u00e9f\u00e9rencement des images<span class=\"ez-toc-section-end\"><\/span><\/h2>\n\n\n\n<p>Le r\u00e9f\u00e9rencement des images devient primordial dans un contexte o\u00f9 les utilisateurs effectuent de plus en plus de recherches par ce biais. Google Images permet d&rsquo;acc\u00e9der rapidement \u00e0 ce que nous cherchons, sans avoir \u00e0 lire des lignes de texte sur les <abbr title=\"Search Engine Results Page\">SERP<\/abbr>. Pourtant Google ne reconna\u00eet pas le contenu des images, il se fie au <strong>titre des images<\/strong> et au <strong>texte alternatif<\/strong> associ\u00e9 aux images. <\/p>\n\n\n\n<h3 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"Reperer_et_completer_le_texte_alternatif\"><\/span>Rep\u00e9rer et compl\u00e9ter le texte alternatif<span class=\"ez-toc-section-end\"><\/span><\/h3>\n\n\n\n<p>Dans le code source d&rsquo;une page Web, le texte alternatif se trouve entre guillemets, <strong>apr\u00e8s l&rsquo;attribut alt<\/strong> ins\u00e9r\u00e9 dans la balise autofermante &lt;img&gt;. Rien de tel qu&rsquo;un exemple visuel&nbsp;:<\/p>\n\n\n\n<p class=\"has-subtle-background-background-color has-background\"><code>&lt;img src=\"img\/nom-image.jpg\" <strong>alt=\"description de l'image\"<\/strong>&gt;<\/code><\/p>\n\n\n\n<p>Le texte en lien avec l&rsquo;attribut <strong>alt<\/strong> de l&rsquo;\u00e9l\u00e9ment &lt;img&gt; a plusieurs fonctions&nbsp;:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>il d\u00e9crit l&rsquo;image pour les moteurs de recherche qui ne savent pas encore interpr\u00e9ter correctement les images mais qui se servent de ce texte pour r\u00e9f\u00e9rencer les images<\/li>\n\n\n\n<li>il s&rsquo;affiche dans le navigateur, \u00e0 la place de l&rsquo;image, quand l&rsquo;image ne peut \u00eatre affich\u00e9e correctement (pour diverses raisons)<\/li>\n\n\n\n<li>il est lu par les lecteurs de site utilis\u00e9s par les personnes malvoyantes quand elles naviguent sur le Web<\/li>\n<\/ul>\n\n\n\n<h2 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"Document_complementaire\"><\/span>Document compl\u00e9mentaire<span class=\"ez-toc-section-end\"><\/span><\/h2>\n\n\n\n<p><a href=\"https:\/\/graphizm.fr\/greta\/wp-content\/uploads\/2024\/09\/gabarit-redactionnel-web.pdf\" target=\"_blank\" rel=\"noreferrer noopener\">Gabarit r\u00e9dactionnel pour le Web<\/a> : ce mod\u00e8le au format pdf offre une grille de composition des diff\u00e9rentes parties \u00e0 r\u00e9diger pour constituer un article pour le Web.<\/p>\n\n\n\n<p><\/p>","protected":false},"excerpt":{"rendered":"<p>Dans cette partie du cours nous allons aborder 3 points&nbsp;: \u00c9criture structur\u00e9e Le premier point concerne la r\u00e9daction d&rsquo;un premier jet, sur tel ou tel sujet. Une structure simple est propos\u00e9e. dans le cadre de la formation suivie, il est imp\u00e9ratif de suivre cette structure pour que les corrections portent sur des textes courts. Essayez [&hellip;]<\/p>","protected":false},"author":1,"featured_media":0,"comment_status":"closed","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[11],"tags":[],"class_list":["post-171","post","type-post","status-publish","format-standard","hentry","category-rwrn-cours"],"featured_image_urls_v2":{"full":"","thumbnail":"","medium":"","medium_large":"","large":"","1536x1536":"","2048x2048":"","post-thumbnail":"","twentytwenty-fullscreen":""},"post_excerpt_stackable_v2":"<p>Dans cette partie du cours nous allons aborder 3 points&nbsp;: \u00c9criture structur\u00e9e Recherches de mots-cl\u00e9s Utilisation des mots-cl\u00e9s Les outils de la r\u00e9daction Web Les principes et les m\u00e9thodes de la r\u00e9daction Web Le r\u00e9f\u00e9rencement des images Sommaire Toggle \u00c9criture structur\u00e9eChoix des mots cl\u00e9sUtilisation des mots cl\u00e9sLes outils de la r\u00e9daction WebS&rsquo;il fallait choisir un seul outil&#8230;Principes et m\u00e9thodes de la r\u00e9daction WebL&rsquo;essentiel en premierToujours \u00eatre simple et concisFaire des phrases courtes et \u00e9crire plus simplementLe r\u00e9f\u00e9rencement des imagesRep\u00e9rer et compl\u00e9ter le texte alternatifDocument compl\u00e9mentaire \u00c9criture structur\u00e9e Le premier point concerne la r\u00e9daction d&rsquo;un premier jet, sur tel ou tel\u2026<\/p>","category_list_v2":"<a href=\"https:\/\/graphizm.fr\/greta\/category\/rwrn\/rwrn-cours\/\" rel=\"category tag\">RWRN-cours<\/a>","author_info_v2":{"name":"Yves Goguely","url":"https:\/\/graphizm.fr\/greta\/author\/formationsgreta\/"},"comments_num_v2":"0 commentaire","_links":{"self":[{"href":"https:\/\/graphizm.fr\/greta\/wp-json\/wp\/v2\/posts\/171","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/graphizm.fr\/greta\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/graphizm.fr\/greta\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/graphizm.fr\/greta\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/graphizm.fr\/greta\/wp-json\/wp\/v2\/comments?post=171"}],"version-history":[{"count":82,"href":"https:\/\/graphizm.fr\/greta\/wp-json\/wp\/v2\/posts\/171\/revisions"}],"predecessor-version":[{"id":7197,"href":"https:\/\/graphizm.fr\/greta\/wp-json\/wp\/v2\/posts\/171\/revisions\/7197"}],"wp:attachment":[{"href":"https:\/\/graphizm.fr\/greta\/wp-json\/wp\/v2\/media?parent=171"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/graphizm.fr\/greta\/wp-json\/wp\/v2\/categories?post=171"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/graphizm.fr\/greta\/wp-json\/wp\/v2\/tags?post=171"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}