{"id":659,"date":"2015-11-25T16:03:14","date_gmt":"2015-11-25T15:03:14","guid":{"rendered":"https:\/\/www.saskialund.de\/?p=659"},"modified":"2021-04-06T23:55:42","modified_gmt":"2021-04-06T21:55:42","slug":"le-responsive-web-design-nest-pas-un-casse-tete","status":"publish","type":"post","link":"https:\/\/isla-stud.io\/fr\/ratgeber\/responsive-webdesign-kein-hexenwerk\/","title":{"rendered":"Responsive Web Design - pas de sorcellerie !"},"content":{"rendered":"<p>M\u00eame si de tels changements suscitent d'un c\u00f4t\u00e9 des visages inquiets, Google rend en fait un \u00e9norme service \u00e0 l'utilisateur du web avec cette mesure :<br>En Allemagne, 89% de la population utilisent activement Internet. Cela repr\u00e9sente 71,7 millions de personnes. Parmi eux, 39,2 millions utilisent l'Internet via un terminal mobile. Cela repr\u00e9sente 48% de la population allemande qui se connecte quotidiennement au r\u00e9seau mobile.<br>Et la tendance est \u00e0 la hausse ! Selon le dernier rapport : <a href=\"http:\/\/wearesocial.net\/blog\/2015\/01\/digital-social-mobile-worldwide-2015\/\" target=\"_blank\" rel=\"nofollow noopener noreferrer\">\"Rapport sur le num\u00e9rique, le social et le mobile en 2015\" <\/a>de l'organisation \"We are Social\", le trafic web g\u00e9n\u00e9r\u00e9 par les utilisateurs mobiles a augment\u00e9 de 39% depuis janvier 2014, un tiers de tous les sites web dans le monde \u00e9tant affich\u00e9s sur des terminaux mobiles.<br><a href=\"http:\/\/adwords.blogspot.com\/2015\/05\/building-for-next-moment.html\" target=\"_blank\" rel=\"nofollow noopener noreferrer\">Google a annonc\u00e9 en mai<\/a>L'\u00e9tude a montr\u00e9 que dans 10 pays, dont les \u00c9tats-Unis, le Japon et l'Allemagne, les recherches effectu\u00e9es sur les smartphones \u00e9taient plus nombreuses que celles effectu\u00e9es sur les ordinateurs de bureau.<\/p>\n\n\n\n<figure class=\"wp-block-image\"><img decoding=\"async\" width=\"1024\" height=\"768\" src=\"https:\/\/www.saskialund.de\/wp-content\/uploads\/2015\/11\/digital-social-mobile-in-2015-122-1024.jpg\" alt=\"Digital Social Mobile Deutschland 2015\" class=\"wp-image-2494\" srcset=\"https:\/\/www.saskialund.de\/wp-content\/uploads\/2015\/11\/digital-social-mobile-in-2015-122-1024.jpg 1024w, https:\/\/www.saskialund.de\/wp-content\/uploads\/2015\/11\/digital-social-mobile-in-2015-122-1024-980x735.jpg 980w, https:\/\/www.saskialund.de\/wp-content\/uploads\/2015\/11\/digital-social-mobile-in-2015-122-1024-480x360.jpg 480w\" sizes=\"(min-width: 0px) and (max-width: 480px) 480px, (min-width: 481px) and (max-width: 980px) 980px, (min-width: 981px) 1024px, 100vw\" data-no-translation=\"\" data-no-auto-translation=\"\" \/><\/figure>\n\n\n\n<p>Si ces chiffres ne vous convainquent pas, demandez-vous simplement comment vous utilisez Internet et \u00e0 quelle fr\u00e9quence vous utilisez votre smartphone ou votre tablette au lieu d'allumer votre ordinateur lorsque vous voulez faire une recherche rapide sur Internet.<\/p>\n\n\n\n<p>Ceux qui poss\u00e8dent d\u00e9j\u00e0 un site web avec \"Responsive Design\" doivent \u00eatre inform\u00e9s par les <a href=\"http:\/\/www.verisign.com\/en_US\/domain-names\/web-presence\/website-optimization\/responsive-web-design\/index.xhtml?inc=www.saskialund.de\" target=\"_blank\" rel=\"nofollow noopener noreferrer\">des avantages \u00e9vidents<\/a> pas \u00eatre convaincu d'abord.<\/p>\n\n\n\n<p>Les petits entrepreneurs qui n'ont pas de site web optimis\u00e9 pour les mobiles, ni m\u00eame de site web tout court, sont en fait invisibles pour la plupart des internautes, et donc pour les clients potentiels, lorsqu'il s'agit de trouver leurs produits et leurs services \u00e0 l'aide de terminaux mobiles - cela concerne particuli\u00e8rement les entreprises locales.<br>La bonne nouvelle, c'est qu'il n'a jamais \u00e9t\u00e9 aussi facile de mettre en ligne un site web optimis\u00e9 pour les mobiles ou de transformer un site web existant en un site adapt\u00e9 aux mobiles.<\/p>\n\n\n\n<p>Au nom de la <a href=\"http:\/\/www.birgithueppmeier.de\" target=\"_blank\" rel=\"nofollow noopener noreferrer\">Conseil en informatique H\u00fcppmeier<\/a> j'ai reprogramm\u00e9 le site web existant d'un cabinet de naturopathie ost\u00e9opathique \u00e0 M\u00fcnster en un site optimis\u00e9 pour les terminaux mobiles. La cliente de Mme H\u00fcppmeier craignait que l'adaptation du code soit trop co\u00fbteuse et qu'il soit pr\u00e9f\u00e9rable de programmer un tout nouveau site.<\/p>\n\n\n\n<p>Apr\u00e8s avoir examin\u00e9 le site en question, j'ai soumis une offre correspondante. L'investissement en temps et en argent a \u00e9t\u00e9 beaucoup moins important que pour une reprogrammation compl\u00e8te.<\/p>\n\n\n\n<p>Le r\u00e9sultat optimis\u00e9 pour les mobiles, qui n'a n\u00e9cessit\u00e9 qu'une seule journ\u00e9e de travail, peut \u00eatre consult\u00e9 ici : <a href=\"http:\/\/www.osteopathie-am-kiepenkerl.de\/\" target=\"_blank\" rel=\"nofollow noopener noreferrer\">http:\/\/www.osteopathie-am-kiepenkerl.de<\/a><br>Il est pr\u00e9f\u00e9rable de consulter le lien avec une tablette ou un smartphone pour tester la vue mobile. Si vous consultez le lien avec un ordinateur de bureau ou un ordinateur portable, vous pouvez \u00e9galement voir et tester la vue mobile : il vous suffit de r\u00e9duire la fen\u00eatre de votre navigateur de mani\u00e8re \u00e0 ce que la largeur de la fen\u00eatre corresponde visuellement \u00e0 celle d'un iPad ou d'un smartphone.<br>Il est particuli\u00e8rement pratique de tester les vues mobiles du site ci-dessus en utilisant un outil en ligne comme par exemple <a href=\"http:\/\/quirktools.com\/screenfly\/#u=http%3A\/\/www.osteopathie-am-kiepenkerl.de\/&amp;w=1024&amp;h=600&amp;a=1&amp;s=1\" target=\"_blank\" rel=\"nofollow noopener noreferrer\">Screenfly de Quirktools<\/a> ou <a href=\"http:\/\/www.responsive-design-test.de\/website-test?url=http%3A%2F%2Fwww.osteopathie-am-kiepenkerl.de%2F\" target=\"_blank\" rel=\"nofollow noopener noreferrer\">responsive-design-test.de<\/a> utiliser.<\/p>\n\n\n\n<p>Si vous \u00eates \u00e9galement int\u00e9ress\u00e9 par une telle adaptation dynamique de votre site web existant, je me r\u00e9jouis de recevoir votre e-mail !<\/p>","protected":false},"excerpt":{"rendered":"<p>En avril de cette ann\u00e9e, Google a modifi\u00e9 ses algorithmes en faveur des sites web qui, d'une part, ont une meilleure apparence sur les terminaux mobiles et, d'autre part, dont les performances sont optimis\u00e9es pour les terminaux mobiles.<br \/>\nLe \"Responsive Web Design\" est mieux \u00e9valu\u00e9 par Google et les sites web correspondants se retrouvent en meilleure position dans les r\u00e9sultats de recherche. Cette nouvelle est bien s\u00fbr une v\u00e9ritable mauvaise nouvelle pour les propri\u00e9taires de sites web traditionnels non flexibles et sans aucune optimisation de l'affichage pour les appareils mobiles.<\/p>","protected":false},"author":1,"featured_media":751,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"_et_pb_use_builder":"","_et_pb_old_content":"","_et_gb_content_width":"","footnotes":""},"categories":[13],"tags":[],"dipi_cpt_category":[],"class_list":["post-659","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-ratgeber"],"acf":[],"_links":{"self":[{"href":"https:\/\/isla-stud.io\/fr\/wp-json\/wp\/v2\/posts\/659","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/isla-stud.io\/fr\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/isla-stud.io\/fr\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/isla-stud.io\/fr\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/isla-stud.io\/fr\/wp-json\/wp\/v2\/comments?post=659"}],"version-history":[{"count":0,"href":"https:\/\/isla-stud.io\/fr\/wp-json\/wp\/v2\/posts\/659\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/isla-stud.io\/fr\/wp-json\/wp\/v2\/media\/751"}],"wp:attachment":[{"href":"https:\/\/isla-stud.io\/fr\/wp-json\/wp\/v2\/media?parent=659"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/isla-stud.io\/fr\/wp-json\/wp\/v2\/categories?post=659"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/isla-stud.io\/fr\/wp-json\/wp\/v2\/tags?post=659"},{"taxonomy":"dipi_cpt_category","embeddable":true,"href":"https:\/\/isla-stud.io\/fr\/wp-json\/wp\/v2\/dipi_cpt_category?post=659"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}