{"id":51090,"date":"2017-12-04T13:05:49","date_gmt":"2017-12-04T13:05:49","guid":{"rendered":"https:\/\/mexxusmedia.com\/?p=51090"},"modified":"2023-01-24T17:27:35","modified_gmt":"2023-01-24T17:27:35","slug":"site-web-reactif-est-essentielle","status":"publish","type":"post","link":"https:\/\/mexxusmedia.com\/fr\/site-web-reactif-est-essentielle\/","title":{"rendered":"Pourquoi la conception d\u2019un Site Web r\u00e9actif est essentielle pour votre entreprise"},"content":{"rendered":"<p>[et_pb_section fb_built=\u00a0\u00bb1&Prime; _builder_version=\u00a0\u00bb4.16&Prime; custom_padding=\u00a0\u00bb0px||0px||false|false\u00a0\u00bb global_colors_info=\u00a0\u00bb{}\u00a0\u00bb][et_pb_row _builder_version=\u00a0\u00bb4.16&Prime; background_size=\u00a0\u00bbinitial\u00a0\u00bb background_position=\u00a0\u00bbtop_left\u00a0\u00bb background_repeat=\u00a0\u00bbrepeat\u00a0\u00bb custom_padding=\u00a0\u00bb0px||||false|false\u00a0\u00bb global_colors_info=\u00a0\u00bb{}\u00a0\u00bb][et_pb_column type=\u00a0\u00bb4_4&Prime; _builder_version=\u00a0\u00bb4.16&Prime; custom_padding=\u00a0\u00bb|||\u00a0\u00bb global_colors_info=\u00a0\u00bb{}\u00a0\u00bb custom_padding__hover=\u00a0\u00bb|||\u00a0\u00bb][et_pb_text _builder_version=\u00a0\u00bb4.16&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>Avant l\u2019arriv\u00e9e des forfaits de donn\u00e9es, les sites Web \u00e9taient optimis\u00e9s pour les \u00e9crans d\u2019ordinateur. Aujourd\u2019hui, votre public peut regarder votre site Web sur un ordinateur \u00e0 l\u2019heure du lunch, puis le consulter de nouveau \u00e0 partir d\u2019un iPhone dans l\u2019autobus et enfin, depuis une tablette, sur le canap\u00e9 du salon. Dans chacune de ces situations, vous voulez que l\u2019exp\u00e9rience de visualisation soit harmonieuse et efficace, y compris pour les formulaires \u00e0 remplir et les options de menu.<\/p>\n<p><strong>Une conception d\u2019un site Web r\u00e9actif, c\u2019est quoi au juste\u00a0?<\/strong><\/p>\n<p>Compte tenu du fait que\u00a0<a href=\"http:\/\/www.cbc.ca\/news\/business\/crtc-telecom-report-1.3290603\" target=\"_blank\" rel=\"noopener noreferrer\">deux tiers<\/a> des Canadiens poss\u00e8dent un t\u00e9l\u00e9phone intelligent, l\u2019adaptabilit\u00e9 aux appareils mobiles devrait \u00eatre la priorit\u00e9 absolue de toute personne qui a un site Web ou qui est responsable du contenu num\u00e9rique. S\u2019il est difficile de naviguer sur votre site ou de voir son contenu \u00e0 partir d\u2019un t\u00e9l\u00e9phone ou d\u2019une tablette, vous vous privez d\u2019un \u00e9norme public potentiel.<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/mexxusmedia.com\/wp-content\/uploads\/2020\/09\/reactif.jpg\" alt=\"\" class=\"wp-image-51092 alignnone size-full\" width=\"800\" height=\"533\" srcset=\"https:\/\/mexxusmedia.com\/wp-content\/uploads\/2020\/09\/reactif.jpg 800w, https:\/\/mexxusmedia.com\/wp-content\/uploads\/2020\/09\/reactif-480x320.jpg 480w\" sizes=\"(min-width: 0px) and (max-width: 480px) 480px, (min-width: 481px) 800px, 100vw\" \/><\/p>\n<p>Les concepteurs Web peuvent choisir parmi trois types de configuration mobile\u00a0:<\/p>\n<ul>\n<li><strong>Site mobile ind\u00e9pendant\u00a0<\/strong>: Ce type de site est h\u00e9berg\u00e9 dans un sous-domaine de votre site principal, mais il poss\u00e8de une\u00a0<a href=\"http:\/\/searchengineland.com\/responsive-design-ranking-factor-228464\" target=\"_blank\" rel=\"noopener\">URL diff\u00e9rente<\/a>. Par exemple,\u00a0<a href=\"http:\/\/www.facebook.com\/\" target=\"_blank\" rel=\"noopener\">http:\/\/www.facebook.com<\/a>\u00a0et la version mobile,\u00a0<a href=\"http:\/\/m.facebook.com\/\" target=\"_blank\" rel=\"noopener\">http:\/\/m.facebook.com<\/a>, sont deux URL diff\u00e9rentes qui donnent acc\u00e8s au m\u00eame type de contenu.<\/li>\n<li><strong>Site adaptatif<\/strong>: L\u2019affichage des pages s\u2019adaptera \u00e0 la largeur d\u2019un navigateur\u00a0<a href=\"https:\/\/css-tricks.com\/the-difference-between-responsive-and-adaptive-design\/\" target=\"_blank\" rel=\"noopener\">\u00e0 un point donn\u00e9<\/a> . Un concepteur doit configurer manuellement ces points.<\/li>\n<li><strong>Site r\u00e9actif\u00a0<\/strong>: L\u2019affichage des pages s\u2019adaptera \u00e0 la taille du navigateur \u00e0 n\u2019importe quel point donn\u00e9 et la pr\u00e9sentation sera optimis\u00e9e en fonction de l\u2019appareil utilis\u00e9.<\/li>\n<\/ul>\n<p>CSS\u00a0Tricks\u00a0<a href=\"https:\/\/css-tricks.com\/the-difference-between-responsive-and-adaptive-design\/\" target=\"_blank\" rel=\"noopener\">illustre<\/a> bien les diff\u00e9rences entre les conceptions adaptatives et r\u00e9active.<\/p>\n<p>Vous n\u2019\u00eates pas certain de la configuration de vos pages Web\u00a0? Vous pourriez visualiser votre site \u00e0 partir de multiples appareils, mais cela exige beaucoup de travail. Le site\u00a0<a href=\"http:\/\/ami.responsivedesign.is\/\" target=\"_blank\" rel=\"noopener\">Am I Responsive ?<\/a> est l\u2019un des nombreux sites qui vous montreront \u00e0 quoi ressemble votre site sur une vaste gamme d\u2019appareils.<\/p>\n<p>&nbsp;<\/p>\n<h2>Avoir un site Web r\u00e9actif peut aider votre entreprise de multiples fa\u00e7ons<\/h2>\n<p>[\/et_pb_text][\/et_pb_column][\/et_pb_row][et_pb_row column_structure=\u00a0\u00bb1_3,1_3,1_3&Prime; _builder_version=\u00a0\u00bb4.16&Prime; _module_preset=\u00a0\u00bbdefault\u00a0\u00bb global_colors_info=\u00a0\u00bb{}\u00a0\u00bb][et_pb_column type=\u00a0\u00bb1_3&Prime; _builder_version=\u00a0\u00bb4.16&Prime; _module_preset=\u00a0\u00bbdefault\u00a0\u00bb global_colors_info=\u00a0\u00bb{}\u00a0\u00bb][et_pb_text _builder_version=\u00a0\u00bb4.16&Prime; _module_preset=\u00a0\u00bbdefault\u00a0\u00bb global_colors_info=\u00a0\u00bb{}\u00a0\u00bb]<\/p>\n<div class=\"spb_content_element col-sm-4 spb_text_column\">\n<div class=\"spb-asset-content\" style=\"margin-top: 0px; margin-bottom: 0px;\">\n<p><strong>Am\u00e9lioration de votre r\u00e9f\u00e9rencement<\/strong><\/p>\n<p>Google a clairement indiqu\u00e9 qu\u2019elle\u00a0<a href=\"https:\/\/developers.google.com\/webmasters\/mobile-sites\/mobile-seo\/#select-config\" target=\"_blank\" rel=\"noopener\">privil\u00e9giait la conception de sites Web r\u00e9actifs<\/a>\u00a0par rapport \u00e0 tous les autres types de configuration de sites mobiles. Lorsque des moteurs de recherche parcourent votre page Web, ils n\u2019ont besoin de le faire qu\u2019une seule fois si votre site est r\u00e9actif, ce qui les aide \u00e0 indexer vos pages plus rapidement. Votre contenu est ainsi \u00e0 jour dans les moteurs de recherche, ce qui am\u00e9liorera votre potentiel de r\u00e9f\u00e9rencement. M\u00eame si les sites mobiles ind\u00e9pendants sont exploit\u00e9s par la m\u00eame entreprise, il est possible que l\u2019on d\u00e9termine qu\u2019ils repr\u00e9sentent une duplication de contenu ou qu\u2019on les ignore.<\/p>\n<\/div>\n<\/div>\n<p>[\/et_pb_text][\/et_pb_column][et_pb_column type=\u00a0\u00bb1_3&Prime; _builder_version=\u00a0\u00bb4.16&Prime; _module_preset=\u00a0\u00bbdefault\u00a0\u00bb global_colors_info=\u00a0\u00bb{}\u00a0\u00bb][et_pb_text _builder_version=\u00a0\u00bb4.19.4&Prime; _module_preset=\u00a0\u00bbdefault\u00a0\u00bb hover_enabled=\u00a0\u00bb0&Prime; global_colors_info=\u00a0\u00bb{}\u00a0\u00bb sticky_enabled=\u00a0\u00bb0&Prime;]<\/p>\n<p><strong>Soutien d\u2019une strat\u00e9gie de marketing omni canal<\/strong><\/p>\n<p>Les consommateurs recherchent une\u00a0exp\u00e9rience de marque fluide\u00a0sur tous vos canaux promotionnels, y compris vos sites Web. Gr\u00e2ce \u00e0 la <a href=\"https:\/\/mexxusmedia.com\/fr\/creation-de-site-web\/\">conception de sites Web r\u00e9actifs<\/a>, vos utilisateurs vivront la m\u00eame exp\u00e9rience en ligne, peu importe leur point d\u2019acc\u00e8s. Selon\u00a0<a href=\"http:\/\/landing.adobe.com\/en\/na\/products\/creative-cloud\/264699-state-of-content\/#Sweet-Emotion\" target=\"_blank\" rel=\"noopener\">Adobe<\/a>\u00a0(en anglais), 65\u00a0% des consommateurs pr\u00e9f\u00e8rent le contenu qui s\u2019affiche bien sur leurs appareils.<\/p>\n<p>[\/et_pb_text][\/et_pb_column][et_pb_column type=\u00a0\u00bb1_3&Prime; _builder_version=\u00a0\u00bb4.16&Prime; _module_preset=\u00a0\u00bbdefault\u00a0\u00bb global_colors_info=\u00a0\u00bb{}\u00a0\u00bb][et_pb_text _builder_version=\u00a0\u00bb4.16&Prime; _module_preset=\u00a0\u00bbdefault\u00a0\u00bb global_colors_info=\u00a0\u00bb{}\u00a0\u00bb]<\/p>\n<div class=\"spb_content_element col-sm-4 spb_text_column\">\n<div class=\"spb-asset-content\" style=\"margin-top: 0px; margin-bottom: 0px;\">\n<p><strong>Solution \u00e9conomique<\/strong><\/p>\n<p>M\u00eame si\u00a0<a href=\"http:\/\/marketingland.com\/number-of-mobile-retail-websites-using-responsive-design-more-than-doubles-since-2014-135894\" target=\"_blank\" rel=\"noopener\">54\u00a0% des sites Web<\/a> ont encore un site mobile s\u00e9par\u00e9 pour leur contenu, r\u00e9sistez \u00e0 la tentation de faire comme les autres. Parce que le site principal et le site mobile ont une URL diff\u00e9rente et comprennent des fichiers HTML s\u00e9par\u00e9s (mais identiques), tout changement \u00e0 votre contenu doit \u00eatre apport\u00e9 de fa\u00e7on manuelle sur les deux sites. Vos projets peuvent alors co\u00fbter plus cher, surtout si vous confiez votre conception en impartition. Pourquoi exploiter un site pour ordinateur\u00a0<em>et\u00a0<\/em>un site mobile lorsque vous pouvez n\u2019en avoir qu\u2019un seul ?<\/p>\n<\/div>\n<\/div>\n<p>[\/et_pb_text][\/et_pb_column][\/et_pb_row][et_pb_row _builder_version=\u00a0\u00bb4.16&Prime; _module_preset=\u00a0\u00bbdefault\u00a0\u00bb global_colors_info=\u00a0\u00bb{}\u00a0\u00bb][et_pb_column type=\u00a0\u00bb4_4&Prime; _builder_version=\u00a0\u00bb4.16&Prime; _module_preset=\u00a0\u00bbdefault\u00a0\u00bb global_colors_info=\u00a0\u00bb{}\u00a0\u00bb][et_pb_text _builder_version=\u00a0\u00bb4.16&Prime; _module_preset=\u00a0\u00bbdefault\u00a0\u00bb global_colors_info=\u00a0\u00bb{}\u00a0\u00bb]<\/p>\n<section class=\"row \">\n<div class=\"spb_content_element col-sm-12 spb_text_column\">\n<div class=\"spb-asset-content\" style=\"margin-top: 0px; margin-bottom: 0px;\">\n<p><strong>Que pouvez-vous faire\u00a0?<\/strong><\/p>\n<p>Bien que le fait d\u2019avoir un site Web r\u00e9actif ne soit probablement pas l\u2019un des principaux probl\u00e8mes que vous ayez \u00e0 traiter, vous pouvez rationaliser le processus de diverses fa\u00e7ons.<\/p>\n<p>&nbsp;<\/p>\n<p><em>Utilisez des images de haute qualit\u00e9<\/em><\/p>\n<p>Puisque vous ne savez pas quels appareils votre public utilise pour consulter votre site, assurez-vous que vos images ont la plus haute r\u00e9solution possible. Ce qui para\u00eet bien sur un appareil mobile peut avoir l\u2019air affreux sur un t\u00e9l\u00e9viseur \u00e0 \u00e9cran large. Si vos images contiennent du texte, assurez-vous qu\u2019il est lisible sur les petits \u00e9crans.<\/p>\n<p>&nbsp;<\/p>\n<p><em>Soyez bref<\/em><\/p>\n<p>Pensez \u00e0 l\u2019utilisateur qui serait oblig\u00e9 de faire d\u00e9filer longuement la page pour lire votre billet en entier. Essayez d\u2019utiliser des listes \u00e0 puces ou num\u00e9rot\u00e9es chaque fois que c\u2019est possible et gardez vos titres entre\u00a0<a href=\"https:\/\/moz.com\/learn\/seo\/title-tag\" target=\"_blank\" rel=\"noopener\">50 et 60\u00a0caract\u00e8res<\/a> , car de toute fa\u00e7on, c\u2019est tout ce que Google montrera lorsque votre page s\u2019affichera dans les r\u00e9sultats de recherche.<\/p>\n<\/div>\n<\/div>\n<\/section>\n<p>[\/et_pb_text][\/et_pb_column][\/et_pb_row][\/et_pb_section]<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Avant l\u2019arriv\u00e9e des forfaits de donn\u00e9es, les sites Web \u00e9taient optimis\u00e9s pour les \u00e9crans d\u2019ordinateur. Aujourd\u2019hui, votre public peut regarder votre site Web sur un ordinateur \u00e0 l\u2019heure du lunch, puis le consulter de nouveau \u00e0 partir d\u2019un iPhone dans l\u2019autobus et enfin, depuis une tablette, sur le canap\u00e9 du salon. Dans chacune de ces [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":51092,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"_et_pb_use_builder":"on","_et_pb_old_content":"","_et_gb_content_width":"","footnotes":""},"categories":[47],"tags":[60],"class_list":["post-51090","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-blogue","tag-site-web-reactif","et-has-post-format-content","et_post_format-et-post-format-standard"],"_links":{"self":[{"href":"https:\/\/mexxusmedia.com\/fr\/wp-json\/wp\/v2\/posts\/51090","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/mexxusmedia.com\/fr\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/mexxusmedia.com\/fr\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/mexxusmedia.com\/fr\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/mexxusmedia.com\/fr\/wp-json\/wp\/v2\/comments?post=51090"}],"version-history":[{"count":6,"href":"https:\/\/mexxusmedia.com\/fr\/wp-json\/wp\/v2\/posts\/51090\/revisions"}],"predecessor-version":[{"id":53760,"href":"https:\/\/mexxusmedia.com\/fr\/wp-json\/wp\/v2\/posts\/51090\/revisions\/53760"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/mexxusmedia.com\/fr\/wp-json\/wp\/v2\/media\/51092"}],"wp:attachment":[{"href":"https:\/\/mexxusmedia.com\/fr\/wp-json\/wp\/v2\/media?parent=51090"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/mexxusmedia.com\/fr\/wp-json\/wp\/v2\/categories?post=51090"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/mexxusmedia.com\/fr\/wp-json\/wp\/v2\/tags?post=51090"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}