{"id":22,"date":"2014-03-21T18:17:27","date_gmt":"2014-03-21T17:17:27","guid":{"rendered":"http:\/\/www.lacerisebleue.com\/blog\/?p=22"},"modified":"2014-03-21T19:35:31","modified_gmt":"2014-03-21T18:35:31","slug":"pourquoi-il-faut-faire-un-site-responsive","status":"publish","type":"post","link":"http:\/\/www.lacerisebleue.com\/blog\/pourquoi-il-faut-faire-un-site-responsive","title":{"rendered":"Pourquoi il faut faire un site responsive ?"},"content":{"rendered":"<p>Cela ne vous aura pas \u00e9chapp\u00e9. De plus en plus d&rsquo;internautes surfent sur Internet avec leur smartphone ou leur tablette. R\u00e9cemment, je consultais les statistiques d&rsquo;un site pour observer qu&rsquo;en soir\u00e9e, plus 50% des visiteurs \u00e9taient sur un terminal mobile.<\/p>\n<p>Et franchement, je trouve que la tendance s&rsquo;est vraiment acc\u00e9l\u00e9r\u00e9e depuis 2013. Il devient donc \u00e0 mon avis indispensable aujourd&rsquo;hui de passer vos sites au responsive design afin de satisfaire l&rsquo;ensemble de vos internautes. Et vous y gagnerez sur tous les plans, avec un site au final bien plus ergonomique, rapide car le responsive design vous obligera \u00e9galement \u00e0 penser votre site autrement, avec moins d&rsquo;images, des pages plus l\u00e9g\u00e8res, une structuration du code mieux balis\u00e9e. Bref au final, que des atouts \u00e9galement pour plaire aux moteurs de recherche.<\/p>\n<p>Depuis 2013, la grosse tendance est d&rsquo;utiliser des frameworks dont le plus populaire, Bootstrap, que j&rsquo;utilise personnellement depuis ses d\u00e9buts. D&rsquo;ailleurs, le paysage commence \u00e0 \u00eatre quelque peu satur\u00e9 de sites faits avec Bootstrap, mais il faut dire qu&rsquo;il est tellement bon que \u00e7a se comprend ais\u00e9ment. A ce titre, si vous ne voyez toujours pas \u00e0 quoi ressemble un site responsive, jetez un oeil sur l&rsquo;un de nos sites (exemple : <a href=\"http:\/\/www.code-et-reduction.com\/code-reduction\/zalando\">http:\/\/www.code-et-reduction.com\/code-reduction\/zalando<\/a> ), et diminuez la taille de fen\u00eatre, la taille des \u00e9l\u00e9ments va alors s&rsquo;adapter en fonction de la taille de la fen\u00eatre pour \u00eatre au final pleinement optimis\u00e9e pour des fen\u00eatres de petites dimension, donc sur des terminaux mobiles par exemple. <\/p>\n<p>Bien moins cher \u00e0 mettre en oeuvre qu&rsquo;une application d\u00e9di\u00e9e sur iOS ou Android, le responsive design est une solution pour rendre compatible votre site avec tous les terminaux \u00e0 moindre frais tout en collant \u00e0 la tendance du moment. Google recommande \u00e0 ce titre d&rsquo;utiliser le responsive, de l\u00e0 \u00e0 penser qu&rsquo;il \u00ab\u00a0favoriserait\u00a0\u00bb les sites qui s&rsquo;adaptent, c&rsquo;est possible. Mais ce qui est s\u00fbr c&rsquo;est qu&rsquo;au rythme de l&rsquo;adoption des tablettes, les sites qui pr\u00e9sentent un contenu adapt\u00e9 \u00e0 la taille de l&rsquo;\u00e9cran marquent incontestablement des points pour l&rsquo;internaute, et je pense que les sites e-commerce devraient s\u00e9rieusement se pencher dessus, car c&rsquo;est un bon moyen de capter des clients suppl\u00e9mentaires, qui seront beaucoup plus enclin \u00e0 passer \u00e0 l&rsquo;acte si vous leur facilitez les choses alors qu&rsquo;ils sont en train de surfer sur votre site avec leur iPad sur le canap\u00e9 tout en regardant la t\u00e9l\u00e9&#8230;<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Cela ne vous aura pas \u00e9chapp\u00e9. De plus en plus d&rsquo;internautes surfent sur Internet avec leur smartphone ou leur tablette.<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"jetpack_post_was_ever_published":false,"_jetpack_newsletter_access":"","_jetpack_dont_email_post_to_subs":false,"_jetpack_newsletter_tier_id":0,"_jetpack_memberships_contains_paywalled_content":false,"_jetpack_memberships_contains_paid_content":false,"footnotes":"","jetpack_publicize_message":"","jetpack_publicize_feature_enabled":true,"jetpack_social_post_already_shared":true,"jetpack_social_options":{"image_generator_settings":{"template":"highway","enabled":false},"version":2}},"categories":[6],"tags":[7],"jetpack_publicize_connections":[],"jetpack_featured_media_url":"","jetpack_sharing_enabled":true,"jetpack_shortlink":"https:\/\/wp.me\/p4rzw3-m","_links":{"self":[{"href":"http:\/\/www.lacerisebleue.com\/blog\/wp-json\/wp\/v2\/posts\/22"}],"collection":[{"href":"http:\/\/www.lacerisebleue.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"http:\/\/www.lacerisebleue.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"http:\/\/www.lacerisebleue.com\/blog\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"http:\/\/www.lacerisebleue.com\/blog\/wp-json\/wp\/v2\/comments?post=22"}],"version-history":[{"count":3,"href":"http:\/\/www.lacerisebleue.com\/blog\/wp-json\/wp\/v2\/posts\/22\/revisions"}],"predecessor-version":[{"id":25,"href":"http:\/\/www.lacerisebleue.com\/blog\/wp-json\/wp\/v2\/posts\/22\/revisions\/25"}],"wp:attachment":[{"href":"http:\/\/www.lacerisebleue.com\/blog\/wp-json\/wp\/v2\/media?parent=22"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"http:\/\/www.lacerisebleue.com\/blog\/wp-json\/wp\/v2\/categories?post=22"},{"taxonomy":"post_tag","embeddable":true,"href":"http:\/\/www.lacerisebleue.com\/blog\/wp-json\/wp\/v2\/tags?post=22"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}