{"id":126,"date":"2016-08-17T08:52:22","date_gmt":"2016-08-17T07:52:22","guid":{"rendered":"http:\/\/www.multimedias-shop.com\/?p=126"},"modified":"2016-08-17T08:52:22","modified_gmt":"2016-08-17T07:52:22","slug":"site-responsive-et-application-mobile","status":"publish","type":"post","link":"https:\/\/www.multimedias-shop.com\/2016\/08\/17\/site-responsive-et-application-mobile\/","title":{"rendered":"Site responsive et application mobile"},"content":{"rendered":"<p>De plus en plus d&rsquo;internautes surfent actuellement sur leur mobile plut\u00f4t que sur leur PC. Afin d&rsquo;\u00eatre accessibles sur ce terminal tr\u00e8s appr\u00e9ci\u00e9 des jeunes, les sites web ont deux choix : le site responsive et l&rsquo;application mobile. Toutefois, ces deux solutions peuvent \u00eatre utilis\u00e9es simultan\u00e9ment pour plus de r\u00e9ussites.<!--more--><\/p>\n<h2>Tout savoir sur le site responsive<\/h2>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-129 aligncenter\" src=\"http:\/\/www.multimedias-shop.com\/wp-content\/uploads\/2016\/08\/site-principe-responsive.jpg\" alt=\"site-principe-responsive\" width=\"380\" height=\"236\" srcset=\"https:\/\/www.multimedias-shop.com\/wp-content\/uploads\/2016\/08\/site-principe-responsive.jpg 1500w, https:\/\/www.multimedias-shop.com\/wp-content\/uploads\/2016\/08\/site-principe-responsive-300x186.jpg 300w, https:\/\/www.multimedias-shop.com\/wp-content\/uploads\/2016\/08\/site-principe-responsive-768x477.jpg 768w, https:\/\/www.multimedias-shop.com\/wp-content\/uploads\/2016\/08\/site-principe-responsive-1024x636.jpg 1024w\" sizes=\"(max-width: 380px) 100vw, 380px\" \/>La premi\u00e8re chose et la plus simple \u00e0 faire est de mettre en place un site web responsive. Bien s\u00fbr, tous les sites sont accessibles sur mobile. Pourtant, l&rsquo;affichage n&rsquo;est pas le m\u00eame. Un site web standard ne s&rsquo;affiche pas sur mobile comme sur PC. Vous devez faire un d\u00e9filement horizontal et vertical pour voir tous les contenus du site. Tr\u00e8s incommodant, ce type de site fait fuir les internautes. D&rsquo;ailleurs, les moteurs de recherche comme Google p\u00e9nalisent les sites non responsive dans leur classement. Un site responsive s&rsquo;adapte \u00e0 tous les terminaux. L&rsquo;apparence du contenu reste la m\u00eame quelle que soit la taille de l&rsquo;\u00e9cran sur lequel vous visualisez le site.<\/p>\n<h2>Tout savoir sur l&rsquo;application mobile<\/h2>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter  wp-image-128\" src=\"http:\/\/www.multimedias-shop.com\/wp-content\/uploads\/2016\/08\/enjeux-mobile-responsive-design.jpg\" alt=\"enjeux-mobile-responsive-design\" width=\"516\" height=\"168\" srcset=\"https:\/\/www.multimedias-shop.com\/wp-content\/uploads\/2016\/08\/enjeux-mobile-responsive-design.jpg 1019w, https:\/\/www.multimedias-shop.com\/wp-content\/uploads\/2016\/08\/enjeux-mobile-responsive-design-300x98.jpg 300w, https:\/\/www.multimedias-shop.com\/wp-content\/uploads\/2016\/08\/enjeux-mobile-responsive-design-768x250.jpg 768w\" sizes=\"(max-width: 516px) 100vw, 516px\" \/>L&rsquo;application mobile pour sa part est un compl\u00e9ment au site responsive. Ce n&rsquo;est pas pour autant qu&rsquo;elle n&rsquo;a pas assez d&rsquo;importance. Deux sites responsives avec et sans application mobile sont tr\u00e8s diff\u00e9rents. L&rsquo;application mobile a l&rsquo;avantage d&rsquo;\u00eatre dot\u00e9e de plusieurs fonctionnalit\u00e9s. Elle permet de recevoir des notifications indisponibles sur un site non responsive. L&rsquo;application mobile peut \u00eatre \u00e9galement utilis\u00e9e hors connexion dans certains cas. Enfin, l&rsquo;application mobile vous permet de g\u00e9olocaliser vos visiteurs.<br \/>\nIl est tout \u00e0 fait possible de cr\u00e9er un site responsive tout en y int\u00e9grant une application mobile. Arrivant sur le site responsive, l&rsquo;internaute sera s\u00fbrement s\u00e9duit par l&rsquo;interface. Il peut aller plus loin en t\u00e9l\u00e9chargeant votre application mobile et acc\u00e9der \u00e0 votre site par la suite sans avoir \u00e0 effectuer une recherche web.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>De plus en plus d&rsquo;internautes surfent actuellement sur leur mobile plut\u00f4t que sur leur PC. Afin d&rsquo;\u00eatre accessibles sur ce terminal tr\u00e8s appr\u00e9ci\u00e9 des jeunes, les sites web ont deux choix : le site responsive et l&rsquo;application mobile. Toutefois, ces deux solutions peuvent \u00eatre utilis\u00e9es simultan\u00e9ment pour plus de r\u00e9ussites.<\/p>\n","protected":false},"author":1,"featured_media":127,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[1],"tags":[],"_links":{"self":[{"href":"https:\/\/www.multimedias-shop.com\/wp-json\/wp\/v2\/posts\/126"}],"collection":[{"href":"https:\/\/www.multimedias-shop.com\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.multimedias-shop.com\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.multimedias-shop.com\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.multimedias-shop.com\/wp-json\/wp\/v2\/comments?post=126"}],"version-history":[{"count":1,"href":"https:\/\/www.multimedias-shop.com\/wp-json\/wp\/v2\/posts\/126\/revisions"}],"predecessor-version":[{"id":130,"href":"https:\/\/www.multimedias-shop.com\/wp-json\/wp\/v2\/posts\/126\/revisions\/130"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.multimedias-shop.com\/wp-json\/wp\/v2\/media\/127"}],"wp:attachment":[{"href":"https:\/\/www.multimedias-shop.com\/wp-json\/wp\/v2\/media?parent=126"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.multimedias-shop.com\/wp-json\/wp\/v2\/categories?post=126"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.multimedias-shop.com\/wp-json\/wp\/v2\/tags?post=126"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}