{"id":930,"date":"2020-02-13T16:50:36","date_gmt":"2020-02-13T15:50:36","guid":{"rendered":"https:\/\/www.micrositepro.fr\/internet\/?p=930"},"modified":"2020-08-28T16:25:27","modified_gmt":"2020-08-28T14:25:27","slug":"web-responsive-design","status":"publish","type":"post","link":"https:\/\/www.micrositepro.fr\/internet\/web-responsive-design\/","title":{"rendered":"Le design web responsive"},"content":{"rendered":"\n

le web responsive design ou design web responsive: de quoi s’agit-il?<\/strong><\/em><\/p>\n\n\n\n\n\n\n\n

Le design web responsive<\/h2>\n\n\n\n

Le ‘web responsive design’, c’est un formatage qui permet de faire en sorte que toute page d’un site s’adapte \u00e0 la taille de l’\u00e9cran par le biais duquel on la visionne, quel que soit cet \u00e9cran (PC, mobile, TV, tablet). Ce formatage s’assure donc que le site est ergonomique.<\/p><\/p>\n\n\n\n

Pas besoin de zoomer, la page s’adapte d’elle-m\u00eame. Magique!<\/p>\n\n\n\n

Techniquement, ce formatage se r\u00e9alise via le css, dont nous parlons dans notre article sur le design<\/a>, dans des ‘feuilles de style’ , o\u00f9 l’on d\u00e9finit les tailles et espacements de tel ou tel objet de la page, selon la taille de l’\u00e9cran. Travail fastidieux, que WordPress facilite par exemple gr\u00e2ce \u00e0 des th\u00e8mes pr\u00e9con\u00e7us, pratiquement tous web responsive d\u00e9sormais.<\/p><\/p>\n\n\n\n

Quand on adapte le site aux demandes du client (exemple: on replace tel ou tel objet ici, on ins\u00e8re tel ou tel graphique l\u00e0, on grossit tel caract\u00e8re etc), on touche au th\u00e8me pr\u00e9con\u00e7u (dont on a sa propre version), ce qui pourrait parfois avoir une incidence sur l’ergonomie du site. En tant que web designers, nous devons toujours \u00eatre vigilants \u00e0 ne pas perturber cet \u00e9quilibre… On garde un oeil, et on teste!<\/p><\/p>\n\n\n\n

Nous b\u00e9n\u00e9ficions d’autres moyens utiles comme le bootstrap (lui aussi mentionn\u00e9 dans notre article sur le design<\/a>).<\/p><\/p>\n\n\n\n

Et le r\u00e9f\u00e9rencement?<\/h2>\n\n\n\n

Le c\u00f4t\u00e9 pratique de cette technique de design est \u00e9vidente. Mais il existe un autre avantage: la visibilit\u00e9 du site \u00e9tant optimis\u00e9e pour tous les \u00e9crans, les sites sont reconnus comme adapt\u00e9s, compatibles par les moteurs de recherche qui d\u00e9tectent et signalent les soucis d’ergonomie aujourd’hui.<\/p><\/p>\n\n\n\n

\"\"<\/p>\n\n\n\n

Certains pr\u00eachent ou ont pr\u00each\u00e9 un risque de d\u00e9r\u00e9f\u00e9rencement<\/a>, suite \u00e0 ce rep\u00e9rage. Mais ce n’est pas arriv\u00e9 : nous avons constat\u00e9 que le r\u00e9f\u00e9rencement d’un de nos sites (crosse-arme.com<\/a>) est rest\u00e9 stable depuis 2014,<\/a> et ce, malgr\u00e9 l’essor des mobiles qui aujourd’hui sont majoritaires au niveau du trafic sur le web. Et ce n’est pas le seul exemple…<\/p><\/p>\n\n\n\n

Donc, si aujourd’hui, tout site se doit d’\u00eatre web responsive, ou ergonomique, tout ancien site, qui ne l’est pas, ne doit pas forc\u00e9ment \u00eatre refondu pour cette raison: si sa visibilit\u00e9 sur portable est correcte, comme Crosse Arme, cela peut attendre. S’il n’y a aucune incidence sur le r\u00e9f\u00e9rencement, il n’y a pas d’urgence!<\/p> Il y aura incidence sur le r\u00e9f\u00e9rencement si le site est long \u00e0 charger… cela est vrai pour tout site, web responsive ou pas.<\/p>\n","protected":false},"excerpt":{"rendered":"

le web responsive design ou design web responsive: de quoi s’agit-il?<\/p>\n","protected":false},"author":1,"featured_media":454,"comment_status":"closed","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[1,11,8],"tags":[],"class_list":["post-930","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-design","category-seo-referencement","category-technologie"],"_links":{"self":[{"href":"https:\/\/www.micrositepro.fr\/internet\/wp-json\/wp\/v2\/posts\/930","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.micrositepro.fr\/internet\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.micrositepro.fr\/internet\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.micrositepro.fr\/internet\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.micrositepro.fr\/internet\/wp-json\/wp\/v2\/comments?post=930"}],"version-history":[{"count":19,"href":"https:\/\/www.micrositepro.fr\/internet\/wp-json\/wp\/v2\/posts\/930\/revisions"}],"predecessor-version":[{"id":1156,"href":"https:\/\/www.micrositepro.fr\/internet\/wp-json\/wp\/v2\/posts\/930\/revisions\/1156"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.micrositepro.fr\/internet\/wp-json\/wp\/v2\/media\/454"}],"wp:attachment":[{"href":"https:\/\/www.micrositepro.fr\/internet\/wp-json\/wp\/v2\/media?parent=930"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.micrositepro.fr\/internet\/wp-json\/wp\/v2\/categories?post=930"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.micrositepro.fr\/internet\/wp-json\/wp\/v2\/tags?post=930"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}