{"id":10092,"date":"2021-12-21T20:49:55","date_gmt":"2021-12-21T19:49:55","guid":{"rendered":"https:\/\/burorader.com\/quest-ce-quun-site-web-ergonomique\/"},"modified":"2022-01-14T17:36:53","modified_gmt":"2022-01-14T16:36:53","slug":"site-web-ergonomique","status":"publish","type":"post","link":"https:\/\/burorader.com\/fr\/site-web-ergonomique\/","title":{"rendered":"Qu&rsquo;est-ce qu&rsquo;un site web ergonomique ?"},"content":{"rendered":"<p>[et_pb_section fb_built=\u00a0\u00bb1&Prime; admin_label=\u00a0\u00bbsection\u00a0\u00bb _builder_version=\u00a0\u00bb3.22&Prime; global_colors_info=\u00a0\u00bb{}\u00a0\u00bb][et_pb_row admin_label=\u00a0\u00bbrow\u00a0\u00bb _builder_version=\u00a0\u00bb3.25&Prime; background_size=\u00a0\u00bbinitial\u00a0\u00bb background_position=\u00a0\u00bbtop_left\u00a0\u00bb background_repeat=\u00a0\u00bbrepeat\u00a0\u00bb global_colors_info=\u00a0\u00bb{}\u00a0\u00bb][et_pb_column type=\u00a0\u00bb4_4&Prime; _builder_version=\u00a0\u00bb3.25&Prime; custom_padding=\u00a0\u00bb|||\u00a0\u00bb global_colors_info=\u00a0\u00bb{}\u00a0\u00bb custom_padding__hover=\u00a0\u00bb|||\u00a0\u00bb][et_pb_text admin_label=\u00a0\u00bbText\u00a0\u00bb _builder_version=\u00a0\u00bb4.14.5&Prime; background_size=\u00a0\u00bbinitial\u00a0\u00bb background_position=\u00a0\u00bbtop_left\u00a0\u00bb background_repeat=\u00a0\u00bbrepeat\u00a0\u00bb global_colors_info=\u00a0\u00bb{}\u00a0\u00bb]<\/p>\n<p>Un site web ergonomique semble tellement \u00e9vident. Mais c&rsquo;est plus que vous ne le pensez. Dans ce blog, je vais vous donner quelques exemples.<\/p>\n<h2>Responsive pour un site web ergonomique<\/h2>\n<p>Vous ne pouvez probablement pas l\u2019imaginer, mais il existe encore des sites web qui se n\u2019affichent pas bien sur smartphones et tablettes. Et ce n\u2019est pas pratique, surtout quand on sait que les gens utilisent de moins en moins un ordinateur pour acc\u00e9der aux sites web. Dans Google Analytics, j\u2019ai examin\u00e9 les d\u00e9tails du site web de notre activit\u00e9 de location. Au cours des 90 derniers jours, seulement un peu plus de la moiti\u00e9 des visiteurs ont consult\u00e9 ce site web sur un ordinateur.<\/p>\n<p><a href=\"https:\/\/burorader.com\/wp-content\/uploads\/2020\/12\/website-bezoekers-technologie.jpg\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-10093\" src=\"https:\/\/burorader.com\/wp-content\/uploads\/2020\/12\/website-bezoekers-technologie.jpg\" alt=\"O\u00f9 les visiteurs consultent notre site web\" width=\"438\" height=\"268\" srcset=\"https:\/\/burorader.com\/wp-content\/uploads\/2020\/12\/website-bezoekers-technologie.jpg 438w, https:\/\/burorader.com\/wp-content\/uploads\/2020\/12\/website-bezoekers-technologie-300x184.jpg 300w, https:\/\/burorader.com\/wp-content\/uploads\/2020\/12\/website-bezoekers-technologie-20x12.jpg 20w\" sizes=\"(max-width: 438px) 100vw, 438px\" \/><\/a><\/p>\n<h2>La vitesse<\/h2>\n<p>Si cela prend trop de temps avant qu\u2019un site web s\u2019affiche, les visiteurs abandonneront. Ce que c\u2019est trop de temps d\u00e9pend du sp\u00e9cialiste avec qui on parle. Depuis 2019 Google tient \u00e9galement en compte la vitesse de chargement pour l\u2019indexation des sites web. C\u2019est clair que la vitesse est primordiale. Vous pouvez tester la vitesse de votre site web sur le <a href=\"https:\/\/gtmetrix.com\/\" target=\"_blank\" rel=\"noopener noreferrer\">site web de GTMetrix<\/a>. Lors des tests, veillez \u00e0 choisir un serveur de test dans la r\u00e9gion o\u00f9 se trouvent vos clients.<\/p>\n<h2>Des informations accessibles dans un site web ergonomique<\/h2>\n<p>L&rsquo;information recherch\u00e9e par le visiteur peut-elle \u00eatre trouv\u00e9e rapidement ? En d&rsquo;autres termes, le site web a-t-il une structure logique ? Et a-t-on tenu compte du fait que les visiteurs n&rsquo;entrent pas toujours par la page de bienvenue ? Un fil d&rsquo;Ariane peut \u00eatre utile pour les sites web comportant de nombreuses pages. Le visiteur peut voir d&rsquo;un coup d&rsquo;\u0153il o\u00f9 il se trouve. Lisez \u00e9galement mon blog <a href=\"https:\/\/burorader.com\/fr\/fil-d-ariane-empecher-que-les-visiteurs-se-perdre\/\">Fil d\u2019Ariane ou bien d&#8217;emp\u00eacher que les visiteurs se perdre sur votre site web<\/a>.<\/p>\n<p><a href=\"https:\/\/burorader.com\/wp-content\/uploads\/2020\/12\/website-kruimelpad-1.jpg\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-10094\" src=\"https:\/\/burorader.com\/wp-content\/uploads\/2020\/12\/website-kruimelpad-1.jpg\" alt=\"Un fil d'Ariane pour un site web accessible\" width=\"438\" height=\"29\" srcset=\"https:\/\/burorader.com\/wp-content\/uploads\/2020\/12\/website-kruimelpad-1.jpg 480w, https:\/\/burorader.com\/wp-content\/uploads\/2020\/12\/website-kruimelpad-438x29-300x20.jpg 300w, https:\/\/burorader.com\/wp-content\/uploads\/2020\/12\/website-kruimelpad-438x29-20x1.jpg 20w\" sizes=\"(max-width: 438px) 100vw, 438px\" \/><\/a><\/p>\n<h2>Des photos cliquables<\/h2>\n<p>Des photos cliquables, de pr\u00e9f\u00e9rence dans un album photo. Cliquable pour pouvoir afficher les photos dans une taille grande. Une image en dit souvent plus que 1 000 mots. Un album photo permet au visiteur de ne pas avoir \u00e0 cliquer sans cesse sur la fl\u00e8che retour de son navigateur lorsqu&rsquo;il a visionn\u00e9 une grande photo.<\/p>\n<p>Si vous voulez en savoir plus sur les images sur votre site web, j&rsquo;ai d\u00e9j\u00e0 \u00e9crit un <a href=\"https:\/\/burorader.com\/fr\/images-sur-les-sites-web-wordpress\/\">blog sur des images sur les sites web WordPress<\/a><\/p>\n<h2>Des liens identifiables<\/h2>\n<p>Un lien identifiable n\u2019est pas uniquement identifiable quand il change de couleur lorsque vous le rep\u00e9rer avec votre souris. Un lien textuel identifiable est toujours reconnaissable, car il est soulign\u00e9. Il va sans dire que un site web ergonomique a une police toujours clairement lisible.<\/p>\n<blockquote>\n<p>Il existe m\u00eame un caract\u00e8re sp\u00e9cialement con\u00e7u pour les malvoyants. Vous pouvez en savoir plus \u00e0 ce sujet sur mon blog <a href=\"https:\/\/burorader.com\/fr\/un-beau-caractere-pour-les-malvoyants\/\">Un beau caract\u00e8re pour les malvoyants<\/a>.<\/p>\n<\/blockquote>\n<h2>Ne pas demander trop dans un formulaire<\/h2>\n<p>Un formulaire (de contact) sert g\u00e9n\u00e9ralement \u00e0 \u00e9tablir un premier contact. Souvent, vous n\u2019avez besoin que d\u2019une quantit\u00e9 limit\u00e9e de donn\u00e9es pour cela. Un nom, l\u2019adresse e-mail et \u00e9ventuellement un num\u00e9ro de t\u00e9l\u00e9phone. D\u2019autres donn\u00e9es, telles que l\u2019adresse, ne sont pas n\u00e9cessaires. Si vous demandez trop d\u2019information, il y a de fortes chances que le visiteur abandonne.<\/p>\n<h2>Disposez-vous d&rsquo;un site web ergonomique ?<\/h2>\n<p>Si vous avez des doutes quant \u00e0 l\u2019ergonomique de votre site web, vous pouvez toujours me demander d\u2019effectuer une <a href=\"https:\/\/burorader.com\/fr\/analyse-du-site-web\/\">analyse de site web<\/a>. Je ne regarde pas seulement l\u2019ergonomique de votre site web, mais aussi, par exemple, la s\u00e9curit\u00e9 et le r\u00e9f\u00e9rencement. Et bien s\u00fbr, vous pouvez toujours <a href=\"https:\/\/burorader.com\/fr\/contact-informations\/\">me contacter<\/a> si vous avez des questions ou des commentaires.<\/p>\n<p><em>Je publie r\u00e9guli\u00e8rement des Conseils &amp; astuces. Voulez-vous \u00eatre tenu au courant de ces conseils et de mon blog ? <a href=\"https:\/\/burorader.com\/fr\/#inscriptionnewsletter\">Inscrivez-vous ici.<\/a> <\/em><\/p>\n<p>[\/et_pb_text][\/et_pb_column][\/et_pb_row][\/et_pb_section]<\/p>\n","protected":false},"excerpt":{"rendered":"<p>[et_pb_section fb_built=\u00a0\u00bb1&Prime; admin_label=\u00a0\u00bbsection\u00a0\u00bb _builder_version=\u00a0\u00bb3.22&Prime; global_colors_info=\u00a0\u00bb{}\u00a0\u00bb][et_pb_row admin_label=\u00a0\u00bbrow\u00a0\u00bb _builder_version=\u00a0\u00bb3.25&Prime; background_size=\u00a0\u00bbinitial\u00a0\u00bb background_position=\u00a0\u00bbtop_left\u00a0\u00bb background_repeat=\u00a0\u00bbrepeat\u00a0\u00bb global_colors_info=\u00a0\u00bb{}\u00a0\u00bb][et_pb_column type=\u00a0\u00bb4_4&Prime; _builder_version=\u00a0\u00bb3.25&Prime; custom_padding=\u00a0\u00bb|||\u00a0\u00bb global_colors_info=\u00a0\u00bb{}\u00a0\u00bb custom_padding__hover=\u00a0\u00bb|||\u00a0\u00bb][et_pb_text admin_label=\u00a0\u00bbText\u00a0\u00bb _builder_version=\u00a0\u00bb4.14.5&Prime; background_size=\u00a0\u00bbinitial\u00a0\u00bb background_position=\u00a0\u00bbtop_left\u00a0\u00bb background_repeat=\u00a0\u00bbrepeat\u00a0\u00bb global_colors_info=\u00a0\u00bb{}\u00a0\u00bb] Un site web ergonomique semble tellement \u00e9vident. Mais c&rsquo;est plus que vous ne le pensez. Dans ce blog, je vais vous donner quelques exemples. Responsive pour un site web ergonomique Vous ne pouvez [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":10095,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"_et_pb_use_builder":"off","_et_pb_old_content":"Un site web ergonomique semble tellement \u00e9vident. Mais c'est plus que vous ne le pensez. Dans ce blog, je vais vous donner quelques exemples.  \r\n<h2>Responsive pour un site web ergonomique<\/h2>\r\nVous ne pouvez probablement pas l\u2019imaginer, mais il existe encore des sites web qui se n\u2019affichent pas bien sur smartphones et tablettes. Et ce n\u2019est pas pratique, surtout quand on sait que les gens utilisent de moins en moins un ordinateur pour acc\u00e9der aux sites web. Dans Google Analytics, j\u2019ai examin\u00e9 les d\u00e9tails du site web de notre activit\u00e9 de location. Au cours des 90 derniers jours, seulement un peu plus de la moiti\u00e9 des visiteurs ont consult\u00e9 ce site web sur un ordinateur.   \r\n\r\n<a href=\"https:\/\/burorader.com\/wp-content\/uploads\/2020\/12\/website-bezoekers-technologie.jpg\"><img class=\"alignnone size-full wp-image-10093\" src=\"https:\/\/burorader.com\/wp-content\/uploads\/2020\/12\/website-bezoekers-technologie.jpg\" alt=\"O\u00f9 les visiteurs consultent notre site web\" width=\"438\" height=\"268\"><\/a>\r\n<h2>La vitesse<\/h2>\r\nSi cela prend trop de temps avant qu\u2019un site web s\u2019affiche, les visiteurs abandonneront. Ce que c\u2019est trop de temps d\u00e9pend du sp\u00e9cialiste avec qui on parle. Depuis 2019 Google tient \u00e9galement en compte la vitesse de chargement pour l\u2019indexation des sites web. C\u2019est clair que la vitesse est primordiale. Vous pouvez tester la vitesse de votre site web sur le <a href=\"https:\/\/gtmetrix.com\/\" target=\"_blank\" rel=\"noopener noreferrer\">site web de GTMetrix<\/a>.    Lors des tests, veillez \u00e0 choisir un serveur de test dans la r\u00e9gion o\u00f9 se trouvent vos clients.\r\n<h2>Des informations accessibles<\/h2>\r\nL'information recherch\u00e9e par le visiteur peut-elle \u00eatre trouv\u00e9e rapidement ? En d'autres termes, le site web a-t-il une structure logique ? Et a-t-on tenu compte du fait que les visiteurs n'entrent pas toujours par la page de bienvenue ? Un fil d'Ariane peut \u00eatre utile pour les sites web comportant de nombreuses pages. Le visiteur peut voir d'un coup d'\u0153il o\u00f9 il se trouve. Lisez \u00e9galement mon blog <a href=\"https:\/\/burorader.com\/kruimelpad-voorkom-spoorzoeken-op-websites\/\">Fil d\u2019Ariane ou \u00e9viter que les visiteurs se perdrent sur votre site web<\/a>.     \r\n\r\n<a href=\"https:\/\/burorader.com\/wp-content\/uploads\/2020\/12\/website-kruimelpad-1.jpg\"><img class=\"alignnone size-full wp-image-10094\" src=\"https:\/\/burorader.com\/wp-content\/uploads\/2020\/12\/website-kruimelpad-1.jpg\" alt=\"Un fil d'Ariane pour un site web accessible\" width=\"438\" height=\"29\"><\/a>\r\n<blockquote>Pensez \u00e9galement \u00e0 l'accessibilit\u00e9 pour les lecteurs d'\u00e9cran. Pour en savoir plus, consultez mon blog <a href=\"https:\/\/burorader.com\/toegankelijke-website\/\">Tout ce que vous devez savoir pour un site web accessible<\/a>. <\/blockquote>\r\n<h2>Des photos cliquables<\/h2>\r\nDes photos cliquables, de pr\u00e9f\u00e9rence dans un album photo. Cliquable pour pouvoir afficher les photos dans une taille grande. Une image en dit souvent plus que 1 000 mots. Un album photo permet au visiteur de ne pas avoir \u00e0 cliquer sans cesse sur la fl\u00e8che retour de son navigateur lorsqu'il a visionn\u00e9 une grande photo. Le plugin <a href=\"https:\/\/wordpress.org\/plugins\/responsive-lightbox\/\" target=\"_blank\" rel=\"noopener noreferrer\">Responsive<\/a>Lightbox & Gallery est un tr\u00e8s bon plugin pour album photo.    \r\n\r\nSi vous voulez en savoir plus sur les images sur votre site web, j'ai d\u00e9j\u00e0 \u00e9crit un blog sur <a href=\"https:\/\/burorader.com\/over-afbeeldingen-op-wordpress-websites\/\">les images sur un site web<\/a>.\r\n<h2>Des liens identifiables<\/h2>\r\nUn lien identifiable n\u2019est pas uniquement identifiable quand il change de couleur lorsque vous le rep\u00e9rer avec votre souris. Un lien textuel identifiable est toujours reconnaissable, car il est soulign\u00e9. Il va sans dire que votre site web a une police toujours clairement lisible.  \r\n<blockquote>Il existe m\u00eame une police sp\u00e9cialement con\u00e7ue pour les malvoyants. Vous pouvez en savoir plus \u00e0 ce sujet sur mon blog <a href=\"https:\/\/burorader.com\/lettertype-voor-mensen-met-een-visuele-beperking\/\">Une belle police pour les malvoyants<\/a>. <\/blockquote>\r\n<h2>Ne pas demander trop dans un formulaire<\/h2>\r\nUn formulaire (de contact) sert g\u00e9n\u00e9ralement \u00e0 \u00e9tablir un premier contact. Souvent, vous n\u2019avez besoin que d\u2019une quantit\u00e9 limit\u00e9e de donn\u00e9es pour cela. Un nom, l\u2019adresse e-mail et \u00e9ventuellement un num\u00e9ro de t\u00e9l\u00e9phone. D\u2019autres donn\u00e9es, telles que l\u2019adresse, ne sont pas n\u00e9cessaires. Si vous demandez trop d\u2019information, il y a de fortes chances que le visiteur abandonne.    \r\n<h2>Disposez-vous d'un site web ergonomique ?<\/h2>\r\nSi vous avez des doutes quant \u00e0 l\u2019ergonomique de votre site web, vous pouvez toujours me demander d\u2019effectuer une <a href=\"https:\/\/burorader.com\/website-analyse\/\">analyse de site web<\/a>. Je ne regarde pas seulement l\u2019ergonomique de votre site web, mais aussi, par exemple, la s\u00e9curit\u00e9 et le r\u00e9f\u00e9rencement. Et bien s\u00fbr, vous pouvez toujours <a href=\"https:\/\/burorader.com\/contact-informatie\/\">me contacter<\/a> si vous avez des questions ou des commentaires. \r\n\r\n<em>Je publie r\u00e9guli\u00e8rement des Conseils & astuces. Voulez-vous \u00eatre tenu au courant de ces conseils et de mon blog ? <a href=\"https:\/\/burorader.com\/#inschrijfnieuwsbrief\">Inscrivez-vous ici.<\/a> <\/em>","_et_gb_content_width":"","footnotes":"","_members_access_role":[],"_members_access_error":""},"categories":[246],"tags":[266],"class_list":["post-10092","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-sites-web","tag-accessibilite"],"acf":[],"_links":{"self":[{"href":"https:\/\/burorader.com\/fr\/wp-json\/wp\/v2\/posts\/10092","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/burorader.com\/fr\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/burorader.com\/fr\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/burorader.com\/fr\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/burorader.com\/fr\/wp-json\/wp\/v2\/comments?post=10092"}],"version-history":[{"count":0,"href":"https:\/\/burorader.com\/fr\/wp-json\/wp\/v2\/posts\/10092\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/burorader.com\/fr\/wp-json\/wp\/v2\/media\/10095"}],"wp:attachment":[{"href":"https:\/\/burorader.com\/fr\/wp-json\/wp\/v2\/media?parent=10092"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/burorader.com\/fr\/wp-json\/wp\/v2\/categories?post=10092"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/burorader.com\/fr\/wp-json\/wp\/v2\/tags?post=10092"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}