{"id":12195,"date":"2022-08-01T01:00:00","date_gmt":"2022-07-31T23:00:00","guid":{"rendered":"https:\/\/graphiste.com\/blog\/?p=12195"},"modified":"2022-11-03T09:10:54","modified_gmt":"2022-11-03T08:10:54","slug":"convertir-site-web-application-mobile","status":"publish","type":"post","link":"https:\/\/graphiste.com\/blog\/convertir-site-web-application-mobile\/","title":{"rendered":"Comment convertir un site web en application mobile"},"content":{"rendered":"<p>Vous avez d\u00e9j\u00e0 un site web responsive, qui peut s&#8217;afficher sur tous les \u00e9crans.<\/p>\n<p>L&#8217;\u00e9tape suivante est maintenant de le convertir en application mobile, pour aller encore plus loin dans ce que vous proposez aux utilisateurs.<\/p>\n<p>&nbsp;<\/p>\n<h2>Pourquoi pr\u00e9voir une application mobile plut\u00f4t qu&#8217;un site web&nbsp;?<\/h2>\n<p>Le <a href=\"https:\/\/graphiste.com\/blog\/utiliser-media-queries-responsive\" target=\"_blank\" rel=\"noopener noreferrer\">site web responsive<\/a> est indispensable pour que tout le monde puisse y acc\u00e9der \u00e0 tout moment depuis le navigateur de son smartphone ou de sa tablette.<\/p>\n<p>Mais il y a un fait \u00e0 prendre en compte&nbsp;: aujourd&#8217;hui, <strong>les applications, sp\u00e9cialement con\u00e7ues pour les mobiles, sont beaucoup plus utilis\u00e9es que les navigateurs int\u00e9gr\u00e9s<\/strong>. Plus personne ne passe par son navigateur pour aller sur Facebook, sa messagerie ou son fil d&#8217;actualit\u00e9 pr\u00e9f\u00e9r\u00e9e.<\/p>\n<p>Il ne s&#8217;agit pas seulement de suivre une mode et d&#8217;\u00eatre pr\u00e9sent sur l&#8217;\u00e9cran de votre utilisateur via un raccourci (quoique cela soit d\u00e9j\u00e0 tr\u00e8s int\u00e9ressant pour votre strat\u00e9gie de communication). Il s&#8217;agit de&nbsp;:<\/p>\n<ul>\n<li>Cr\u00e9er de l&#8217;interactivit\u00e9<\/li>\n<li>Pouvoir <a href=\"https:\/\/www.codeur.com\/blog\/push-notification-ameliorer-conversions\/\" target=\"_blank\" rel=\"noopener noreferrer\">envoyer des notifications push<\/a><\/li>\n<li>Vous appuyer sur la g\u00e9olocalisation, donc de faciliter la vie de vos clients<\/li>\n<li>Communiquer plus facilement avec eux<\/li>\n<\/ul>\n<p>Ce que ne vous permettra jamais suffisamment un simple site responsive.<\/p>\n<blockquote><p>\u00c0 lire aussi&nbsp;: <a href=\"https:\/\/graphiste.com\/blog\/page-parametres-application\">9 astuces pour am\u00e9liorer l\u2019UX de la page param\u00e8tres de votre application<\/a><\/p><\/blockquote>\n<p>&nbsp;<\/p>\n<h2>Quelles sont les diff\u00e9rences entre un site web et une application\u00a0?<\/h2>\n<p>Le d\u00e9veloppement du num\u00e9rique nous am\u00e8ne \u00e0 travailler avec de nombreux outils devenus presque impossibles \u00e0 laisser de c\u00f4t\u00e9. Le site web, un incontournable de notre strat\u00e9gie marketing tout comme les applications qui font souvent partie int\u00e9grante du site de l\u2019entreprise.<\/p>\n<p>Voici quelques diff\u00e9rences entre ces deux outils&nbsp;:<\/p>\n<ul>\n<li>Pour commencer, la construction d\u2019une application se fait \u00e0 partir d\u2019une base de donn\u00e9es alors que le site internet se cr\u00e9e \u00e0 partir de contenus statiques.<\/li>\n<li>Ensuite, le rendu n\u2019est pas le m\u00eame. Pour un site web, le rendu sera le m\u00eame pour tous les internautes. Les contenus \u00e9tant statiques, quel que soit le visiteur, il lira la m\u00eame chose qu\u2019un autre. Pour les applications web, le rendu se fait en fonction de l\u2019utilisation que va en faire son utilisateur.<\/li>\n<li>Un site internet est un support d\u2019informations alors que les applications web sont mises en place pour cr\u00e9er une interactivit\u00e9.<\/li>\n<li>Sur un site internet, vous n\u2019\u00eates pas oblig\u00e9 de vous identifier tandis que sur une application web, ce sera obligatoire. Par exemple, pour consulter une information sur Wikip\u00e9dia, vous n\u2019avez pas \u00e0 vous connecter \u00e0 un compte. Pour entrer sur une application quelle qu\u2019elle soit (Facebook, Twitter\u2026) vous devez avoir des identifiants.<\/li>\n<li>Pour acc\u00e9der \u00e0 un site internet, il faut une connexion. Une application web propose un acc\u00e8s hors connexion.<\/li>\n<li>Les applications doivent-\u00eatre t\u00e9l\u00e9charg\u00e9es avant de pouvoir \u00eatre utilis\u00e9es alors qu\u2019un site web est accessible \u00e0 partir de n\u2019importe quel navigateur (et une connexion)<\/li>\n<li>Le site web est compatible avec tous les appareils tandis que les applications devront \u00eatre adapt\u00e9es par les d\u00e9veloppeurs selon les types d\u2019appareils<\/li>\n<li>\u2026<\/li>\n<\/ul>\n<p>&nbsp;<\/p>\n<h2>D\u00e9finissez quel type d&#8217;application remplacera votre site internet<\/h2>\n<p>Selon vos besoins (et vos moyens), vous pouvez suivre diff\u00e9rentes strat\u00e9gies quant \u00e0 la conception de votre application mobile&nbsp;:<\/p>\n<ul>\n<li>D\u00e9velopper une application qui soit <strong>un clone de votre site web<\/strong>, avec ni plus ni moins de fonctionnalit\u00e9s (mais qui soit plus pratique \u00e0 utiliser sur un mobile)<\/li>\n<li>Concevoir une application avec quelques <strong>caract\u00e9ristiques basiques<\/strong>, que vous d\u00e9velopperez au fur et \u00e0 mesure<\/li>\n<li>Pr\u00e9voir une application compl\u00e8te avec des <strong>fonctions sp\u00e9cifiques<\/strong>, qui n&#8217;existent pas sur votre site web<\/li>\n<\/ul>\n<p>Chaque version a ses avantages et ses inconv\u00e9nients.<\/p>\n<figure id=\"attachment_12199\" aria-describedby=\"caption-attachment-12199\" style=\"width: 600px\" class=\"wp-caption aligncenter\"><img decoding=\"async\" class=\"wp-image-12199 size-full\" src=\"https:\/\/graphiste.com\/blog\/wp-content\/uploads\/sites\/4\/2019\/08\/application-mobile-cashpay.jpg\" alt=\"Application mobile CashPay\" width=\"600\" height=\"465\" \/><figcaption id=\"caption-attachment-12199\" class=\"wp-caption-text\">Application mobile r\u00e9alis\u00e9e par <a href=\"https:\/\/graphiste.com\/khouloud97\" target=\"_blank\" rel=\"noopener noreferrer\">khouloud97<\/a>, graphiste sur Graphiste.com<\/figcaption><\/figure>\n<p>Il semble coh\u00e9rent que l&#8217;application mobile pr\u00e9sente des fonctionnalit\u00e9s suppl\u00e9mentaires par rapport au site web, pour encourager les propri\u00e9taires de smartphones \u00e0 l&#8217;installer, mais ce n&#8217;est pas non plus indispensable. Surtout que trop de fonctions peuvent finalement cr\u00e9er un fouillis inextricable pour les utilisateurs. Le but est de les aider, pas de les perdre&nbsp;!<\/p>\n<blockquote><p>\u00c0 lire aussi&nbsp;: <a href=\"https:\/\/graphiste.com\/blog\/application-mobile-impressions-ecran-booster-telechargements\" target=\"_blank\" rel=\"noopener noreferrer\">App mobile&nbsp;: r\u00e9ussir vos impressions \u00e9cran pour booster les t\u00e9l\u00e9chargements<\/a><\/p><\/blockquote>\n<h2>Pensez UX<\/h2>\n<p>Une application se doit d&#8217;\u00eatre fonctionnelle, pr\u00e9vue sp\u00e9cialement pour un \u00e9cran de petite taille. Vous \u00e9viterez donc au maximum les longues pages \u00e0 faire d\u00e9filer, chaque fonction doit \u00eatre pr\u00e9sent\u00e9e sur sa propre page.<\/p>\n<p>Pr\u00e9voyez <strong>des <a href=\"https:\/\/graphiste.com\/blog\/alternative-menu-hamburger\" target=\"_blank\" rel=\"noopener noreferrer\">menus minimalistes<\/a> et faciles d&#8217;acc\u00e8s<\/strong> pour les doigts&nbsp;: le menu hamburger est un classique, les menus fig\u00e9s en haut ou en bas de page, avec un nombre de liens r\u00e9duits, sont \u00e9galement tr\u00e8s pratiques.<\/p>\n<figure id=\"attachment_12200\" aria-describedby=\"caption-attachment-12200\" style=\"width: 600px\" class=\"wp-caption aligncenter\"><img decoding=\"async\" class=\"wp-image-12200 size-full\" src=\"https:\/\/graphiste.com\/blog\/wp-content\/uploads\/sites\/4\/2019\/08\/menu-application-mobile.jpg\" alt=\"Menu minimaliste application mobile\" width=\"600\" height=\"477\" \/><figcaption id=\"caption-attachment-12200\" class=\"wp-caption-text\">Application mobile r\u00e9alis\u00e9e par priscaure, graphiste sur Graphiste.com<\/figcaption><\/figure>\n<p>Vous \u00eates sur une application&nbsp;: vous n&#8217;aurez <strong>pas besoin de la m\u00eame quantit\u00e9 de contenu<\/strong> que sur votre site web (l&#8217;historique de votre soci\u00e9t\u00e9 ou votre organigramme n&#8217;ont pas vraiment de raison d&#8217;\u00eatre pr\u00e9sent\u00e9s dans ce cadre). R\u00e9fl\u00e9chissez \u00e0 ce qui peut servir aux utilisateurs\u2026 et \u00e0 la meilleure mani\u00e8re de le rendre accessible via votre pr\u00e9sentation.<\/p>\n<blockquote><p>\u00c0 lire aussi&nbsp;: <a href=\"https:\/\/graphiste.com\/blog\/tendances-design-application-mobile\">8 tendances de design d&#8217;application mobile \u00e0 ne pas oublier en 2021<\/a><\/p><\/blockquote>\n<h2>Profitez des avantages de l&#8217;application<\/h2>\n<p>Une application vous permet d&#8217;\u00eatre plus facilement en contact avec l&#8217;utilisateur. Vous pouvez envoyer une notification quand vous publiez un nouvel article, au moment des promotions, pour un anniversaire\u2026 Pensez n\u00e9anmoins \u00e0 toujours permettre de d\u00e9sactiver ces notifications&nbsp;: si elles sont trop nombreuses au go\u00fbt de l&#8217;utilisateur, cette option lui \u00e9vitera de devoir la d\u00e9sinstaller pour ne plus \u00eatre d\u00e9rang\u00e9.<\/p>\n<p>Permettez-vous aussi de concevoir un design qui ne soit pas copi\u00e9 sur celui de votre site web&nbsp;: vous disposez d&#8217;un nouvel espace, que vous pouvez am\u00e9nager \u00e0 votre guise (tout en respectant, le cas \u00e9ch\u00e9ant, les <a href=\"https:\/\/graphiste.com\/blog\/choisir-couleurs-application-mobile\">codes couleur<\/a> de votre charte graphique).<\/p>\n<blockquote><p>Lire \u00e9galement&nbsp;: <a href=\"https:\/\/graphiste.com\/blog\/creer-icone-application-mobile\" target=\"_blank\" rel=\"noopener noreferrer\">8 \u00e9tapes pour cr\u00e9er l\u2019ic\u00f4ne de votre application mobile<\/a><\/p><\/blockquote>\n<p>&nbsp;<\/p>\n<h2>Quelle technologie utiliser pour cr\u00e9er son application&nbsp;?<\/h2>\n<p>Les applications web deviennent incontournables. Dans ce paragraphe, nous vous pr\u00e9sentons 3 technologies utilis\u00e9es pour cr\u00e9er une application. (il en existe d\u2019autres)<\/p>\n<h3>L\u2019application native<\/h3>\n<p>Une des technologies capitales est le \u00ab natif \u00bb. C\u2019est l\u00e0 que l\u2019histoire de l\u2019application a commenc\u00e9.<\/p>\n<p>Ces app sont d\u00e9velopp\u00e9es pour&nbsp;:<\/p>\n<ul>\n<li>iOS (Apple)<\/li>\n<li>Android (Huawei, Sony, Samsung\u2026)<\/li>\n<li>Windows phone (Microsoft)<\/li>\n<li>BlackBerry (OS)<\/li>\n<\/ul>\n<p>Les plus fr\u00e9quents aujourd\u2019hui sont iOS et Android.<\/p>\n<p>L\u2019avantage de l\u2019application native est sa rapidit\u00e9 de r\u00e9action. Comme l\u2019application se trouve dans la m\u00e9moire du t\u00e9l\u00e9phone mobile, cela la rend stable et elle peut utiliser ses modules de mani\u00e8re rapide. Elle peut aussi souvent \u00eatre utilis\u00e9e sans connexion. Avec ce type de technique, il est possible de cr\u00e9er une application personnalis\u00e9e et performante avec des fonctionnalit\u00e9s qui s\u2019adaptent \u00e0 la n\u00e9cessit\u00e9 des personnes qui l\u2019utilise.<\/p>\n<p>Elle a ses points n\u00e9gatifs comme le fait de trouver le professionnel capable d\u2019utiliser ce type de technique. Ils sont assez rares et donc plus on\u00e9reux. Il faut cr\u00e9er deux applis diff\u00e9rentes pour \u00eatre pr\u00e9sents sur Apple et Android, ce qui a un cout suppl\u00e9mentaire important.<\/p>\n<p>Les d\u00e9veloppeurs doivent s\u2019adapter aux r\u00e8gles exig\u00e9es par Apple et Google et celles-ci sont sens cesse en \u00e9volution.<\/p>\n<p>Les applications natives sont attach\u00e9es aux \u00ab stores \u00bb tel que Google Play, ou Play store. C\u2019est par cons\u00e9quent plus compliqu\u00e9 de g\u00e9rer les mises \u00e0 jour.<\/p>\n<h3>L&#8217;application web<\/h3>\n<p>Une application web est un site internet mis en place pour les t\u00e9l\u00e9phones portables. Les technologies utilis\u00e9es sont compatibles avec l\u2019ensemble des navigateurs. L\u2019avantage principal de la web application, et qu\u2019elle ne n\u00e9cessite pas de t\u00e9l\u00e9chargement et de ce fait pas de mise \u00e0 jour tr\u00e8s polluante pour les appareils en g\u00e9n\u00e9ral.<\/p>\n<p>Le d\u00e9veloppement ainsi que le mise en route se r\u00e9v\u00e8le simple et rapide. C\u2019est en cons\u00e9quence une solution plut\u00f4t \u00e9conomique.<\/p>\n<p>Elles ne pr\u00e9sentent pas de difficult\u00e9s face aux diverses \u00e9volutions et sont compatibles avec tous les syst\u00e8mes d\u2019exploitation.<\/p>\n<p>L\u2019inconv\u00e9nient majeur est qu\u2019elles n\u00e9cessitent d\u2019\u00eatre connect\u00e9 pour fonctionner.<\/p>\n<p>D\u2019autre part, il y a moins de fonctionnalit\u00e9s et, la rapidit\u00e9 d\u2019action d\u00e9pend de la qualit\u00e9 du d\u00e9bit de l\u2019internet. Du coup, l\u2019exp\u00e9rience utilisateur est plus limit\u00e9 et moins interactive.<\/p>\n<p>Pour profiter des b\u00e9n\u00e9fices \u00e0 utiliser l\u2019application web, il faut que votre projet soit simple et ne fasse pas appel \u00e0 des fonctionnalit\u00e9s complexes.<\/p>\n<h3>La technique hybride<\/h3>\n<p>Son principe est de fonctionner comme une Web application, mais englob\u00e9e dans une application native.<\/p>\n<p>Les avantages d\u2019une application hybride sont&nbsp;:<\/p>\n<ul>\n<li>La facilit\u00e9 de d\u00e9veloppement d\u2019une web application<\/li>\n<li>Le co\u00fbt s&#8217;av\u00e8re moins on\u00e9reux que pour une application native,<\/li>\n<li>Application t\u00e9l\u00e9chargeable sur t\u00e9l\u00e9phone et donc la faire \u00e9voluer devient plus simple.<\/li>\n<\/ul>\n<p>Et comme pour toutes choses, il y a des inconv\u00e9nients \u00e0 connaitre.<\/p>\n<p>Les performances, par exemple, sont en dessous de l\u2019application native. Il faut pr\u00e9voir la maintenance. Les fonctionnalit\u00e9s ne sont pas aussi d\u00e9velopp\u00e9es qu\u2019avec la native.<\/p>\n<p>&nbsp;<\/p>\n<h2>Faut-il cr\u00e9er une application plut\u00f4t sur iOS ou sur Android&nbsp;?<\/h2>\n<p>Au moment de cr\u00e9er son application web, il faut se poser la question de savoir pour quelle plateforme je positionne mon choix&nbsp;? Choisir les deux est \u00e9videmment une solution, mais ce choix a un co\u00fbt qu\u2019il n\u2019est pas toujours possible d\u2019assumer.<\/p>\n<h3>Alors iOS ou Android&nbsp;?<\/h3>\n<p>L\u2019histoire d\u2019Instagram vous montre qu\u2019il ne semble pas obligatoire de lancer son application sur les deux plateformes en m\u00eame temps. En effet, ils sont rest\u00e9s 2 ans uniquement sur iOS avant de se lancer sur Android. Et quand on voit le succ\u00e8s que l\u2019application rencontre aujourd\u2019hui\u2026<\/p>\n<p>Si vous cr\u00e9ez une application sur l\u2019une ou l\u2019autre des plateformes, vous pouvez travailler sur l\u2019optimisation de celle-ci, apportez des changements lorsque cela est n\u00e9cessaire sans \u00eatre oblig\u00e9 de payer double \u00e0 chaque fois. C\u2019est un gain consid\u00e9rable pour vos finances.<\/p>\n<h3>Faire le choix<\/h3>\n<p>Android domine le march\u00e9 des t\u00e9l\u00e9phones portables. C\u2019est ind\u00e9niable. Cependant, iOS g\u00e9n\u00e8re plus de revenus.<\/p>\n<p>Il se dit que les utilisateurs d\u2019Apple sont globalement plus r\u00e9guliers que ceux qui utilisent Android. Concr\u00e8tement, les personnes qui choisissent Apple ont tendance \u00e0 rester avec Apple alors que les consommateurs d\u2019Android sont plus \u00ab volages \u00bb.<\/p>\n<p>Pour faire votre choix, voici quelques \u00e9l\u00e9ments \u00e0 prendre en compte&nbsp;:<\/p>\n<ul>\n<li>Le march\u00e9 que vous souhaitez atteindre<\/li>\n<li>Votre souhait de proposer des achats int\u00e9gr\u00e9s ou \u00e0 travers une application payante<\/li>\n<li>Votre souhait d\u2019int\u00e9grer ou pas une boutique<\/li>\n<li>La visibilit\u00e9 de votre appli sur les stores.<\/li>\n<\/ul>\n<p>&nbsp;<\/p>\n<h2>Notre astuce pour cr\u00e9er une application \u00e0 partir de votre site web<\/h2>\n<p>Convertir un site web en application mobile, ce peut \u00eatre presque aussi simple que de passer son site en responsive\u2026 ou beaucoup plus enrichissant, avec des options nouvelles. \u00c0 vous de voir comment vous allez investir ce nouveau terrain de jeux.<\/p>\n<p>Pour cr\u00e9er une application web, il faut \u00e9tablir un cahier des charges bien d\u00e9taill\u00e9. C\u2019est \u00e0 partir de cet outil que vous pourrez faire vos choix en ce qui concerne les techniques de cr\u00e9ation et le positionnement de votre appli.<\/p>\n<p>Vous ne parvenez pas \u00e0 vous d\u00e9cider ou la t\u00e2che vous semble inaccessible, contactez un professionnel en vous rendant sur <a href=\"https:\/\/graphiste.com\/\">Graphiste.com<\/a><\/p>\n","protected":false},"excerpt":{"rendered":"<p>Vous avez d\u00e9j\u00e0 un site web responsive, qui peut s&#8217;afficher sur tous les \u00e9crans. L&#8217;\u00e9tape suivante est maintenant de le convertir en application mobile, pour aller encore plus loin dans ce que vous proposez aux utilisateurs. &nbsp; Pourquoi pr\u00e9voir une application mobile plut\u00f4t qu&#8217;un site web&nbsp;? Le site web responsive est indispensable pour que tout [&hellip;]<\/p>\n","protected":false},"author":30,"featured_media":37562,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"inline_featured_image":false,"footnotes":""},"categories":[29,27],"tags":[42],"class_list":["post-12195","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-application-mobile","category-webdesign","tag-creer-marque"],"acf":[],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v27.7 - https:\/\/yoast.com\/product\/yoast-seo-wordpress\/ -->\n<title>Comment convertir un site web en application mobile - Graphiste Blog<\/title>\n<meta name=\"description\" content=\"Vous avez d\u00e9j\u00e0 un site web responsive, qui peut s&#039;afficher sur tous les \u00e9crans. L&#039;\u00e9tape suivante est maintenant de le convertir en application mobile,\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/graphiste.com\/blog\/convertir-site-web-application-mobile\/\" \/>\n<meta property=\"og:locale\" content=\"fr_FR\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Comment convertir un site web en application mobile - Graphiste Blog\" \/>\n<meta property=\"og:description\" content=\"Vous avez d\u00e9j\u00e0 un site web responsive, qui peut s&#039;afficher sur tous les \u00e9crans. L&#039;\u00e9tape suivante est maintenant de le convertir en application mobile,\" \/>\n<meta property=\"og:url\" content=\"https:\/\/graphiste.com\/blog\/convertir-site-web-application-mobile\/\" \/>\n<meta property=\"og:site_name\" content=\"Graphiste.com\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/graphistesfreelances\" \/>\n<meta property=\"article:published_time\" content=\"2022-07-31T23:00:00+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2022-11-03T08:10:54+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/graphiste.com\/blog\/wp-content\/uploads\/sites\/4\/2019\/08\/site-web-en-application-mobile-1.jpg\" \/>\n\t<meta property=\"og:image:width\" content=\"850\" \/>\n\t<meta property=\"og:image:height\" content=\"423\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/jpeg\" \/>\n<meta name=\"author\" content=\"Florian Fattier\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:creator\" content=\"@Graphistecom\" \/>\n<meta name=\"twitter:site\" content=\"@Graphistecom\" \/>\n<meta name=\"twitter:label1\" content=\"\u00c9crit par\" \/>\n\t<meta name=\"twitter:data1\" content=\"Florian Fattier\" \/>\n\t<meta name=\"twitter:label2\" content=\"Dur\u00e9e de lecture estim\u00e9e\" \/>\n\t<meta name=\"twitter:data2\" content=\"9 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\\\/\\\/graphiste.com\\\/blog\\\/convertir-site-web-application-mobile\\\/#article\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/graphiste.com\\\/blog\\\/convertir-site-web-application-mobile\\\/\"},\"author\":{\"name\":\"Florian Fattier\",\"@id\":\"https:\\\/\\\/graphiste.com\\\/blog\\\/#\\\/schema\\\/person\\\/d27104bac6fb787ff6cd51a98a0915e4\"},\"headline\":\"Comment convertir un site web en application mobile\",\"datePublished\":\"2022-07-31T23:00:00+00:00\",\"dateModified\":\"2022-11-03T08:10:54+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\\\/\\\/graphiste.com\\\/blog\\\/convertir-site-web-application-mobile\\\/\"},\"wordCount\":2014,\"commentCount\":0,\"publisher\":{\"@id\":\"https:\\\/\\\/graphiste.com\\\/blog\\\/#organization\"},\"image\":{\"@id\":\"https:\\\/\\\/graphiste.com\\\/blog\\\/convertir-site-web-application-mobile\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/graphiste.com\\\/blog\\\/wp-content\\\/uploads\\\/sites\\\/4\\\/2019\\\/08\\\/site-web-en-application-mobile-1.jpg\",\"keywords\":[\"Cr\u00e9er votre marque\"],\"articleSection\":[\"Application mobile\",\"Webdesign\"],\"inLanguage\":\"fr-FR\",\"potentialAction\":[{\"@type\":\"CommentAction\",\"name\":\"Comment\",\"target\":[\"https:\\\/\\\/graphiste.com\\\/blog\\\/convertir-site-web-application-mobile\\\/#respond\"]}]},{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/graphiste.com\\\/blog\\\/convertir-site-web-application-mobile\\\/\",\"url\":\"https:\\\/\\\/graphiste.com\\\/blog\\\/convertir-site-web-application-mobile\\\/\",\"name\":\"Comment convertir un site web en application mobile - Graphiste Blog\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/graphiste.com\\\/blog\\\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\\\/\\\/graphiste.com\\\/blog\\\/convertir-site-web-application-mobile\\\/#primaryimage\"},\"image\":{\"@id\":\"https:\\\/\\\/graphiste.com\\\/blog\\\/convertir-site-web-application-mobile\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/graphiste.com\\\/blog\\\/wp-content\\\/uploads\\\/sites\\\/4\\\/2019\\\/08\\\/site-web-en-application-mobile-1.jpg\",\"datePublished\":\"2022-07-31T23:00:00+00:00\",\"dateModified\":\"2022-11-03T08:10:54+00:00\",\"description\":\"Vous avez d\u00e9j\u00e0 un site web responsive, qui peut s'afficher sur tous les \u00e9crans. L'\u00e9tape suivante est maintenant de le convertir en application mobile,\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/graphiste.com\\\/blog\\\/convertir-site-web-application-mobile\\\/#breadcrumb\"},\"inLanguage\":\"fr-FR\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/graphiste.com\\\/blog\\\/convertir-site-web-application-mobile\\\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"fr-FR\",\"@id\":\"https:\\\/\\\/graphiste.com\\\/blog\\\/convertir-site-web-application-mobile\\\/#primaryimage\",\"url\":\"https:\\\/\\\/graphiste.com\\\/blog\\\/wp-content\\\/uploads\\\/sites\\\/4\\\/2019\\\/08\\\/site-web-en-application-mobile-1.jpg\",\"contentUrl\":\"https:\\\/\\\/graphiste.com\\\/blog\\\/wp-content\\\/uploads\\\/sites\\\/4\\\/2019\\\/08\\\/site-web-en-application-mobile-1.jpg\",\"width\":850,\"height\":423,\"caption\":\"Convertir un site web en application mobile\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/graphiste.com\\\/blog\\\/convertir-site-web-application-mobile\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Blog\",\"item\":\"https:\\\/\\\/graphiste.com\\\/blog\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Comment convertir un site web en application mobile\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/graphiste.com\\\/blog\\\/#website\",\"url\":\"https:\\\/\\\/graphiste.com\\\/blog\\\/\",\"name\":\"Graphiste.com\",\"description\":\"graphiste\",\"publisher\":{\"@id\":\"https:\\\/\\\/graphiste.com\\\/blog\\\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\\\/\\\/graphiste.com\\\/blog\\\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"fr-FR\"},{\"@type\":\"Organization\",\"@id\":\"https:\\\/\\\/graphiste.com\\\/blog\\\/#organization\",\"name\":\"Graphiste.com\",\"url\":\"https:\\\/\\\/graphiste.com\\\/blog\\\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"fr-FR\",\"@id\":\"https:\\\/\\\/graphiste.com\\\/blog\\\/#\\\/schema\\\/logo\\\/image\\\/\",\"url\":\"https:\\\/\\\/graphiste.com\\\/blog\\\/wp-content\\\/uploads\\\/sites\\\/4\\\/2022\\\/07\\\/logo-blog-graphiste.svg\",\"contentUrl\":\"https:\\\/\\\/graphiste.com\\\/blog\\\/wp-content\\\/uploads\\\/sites\\\/4\\\/2022\\\/07\\\/logo-blog-graphiste.svg\",\"width\":1,\"height\":1,\"caption\":\"Graphiste.com\"},\"image\":{\"@id\":\"https:\\\/\\\/graphiste.com\\\/blog\\\/#\\\/schema\\\/logo\\\/image\\\/\"},\"sameAs\":[\"https:\\\/\\\/www.facebook.com\\\/graphistesfreelances\",\"https:\\\/\\\/x.com\\\/Graphistecom\",\"https:\\\/\\\/www.linkedin.com\\\/company\\\/graphiste-com\\\/\",\"https:\\\/\\\/fr.pinterest.com\\\/Graphiste_Com\",\"https:\\\/\\\/www.instagram.com\\\/graphiste_com\\\/\"]},{\"@type\":\"Person\",\"@id\":\"https:\\\/\\\/graphiste.com\\\/blog\\\/#\\\/schema\\\/person\\\/d27104bac6fb787ff6cd51a98a0915e4\",\"name\":\"Florian Fattier\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"fr-FR\",\"@id\":\"https:\\\/\\\/secure.gravatar.com\\\/avatar\\\/34590ee0ce26a3d41c13159236d10152b5ef5b708de8b49ed504e1c5f07cd9e6?s=96&d=mm&r=g\",\"url\":\"https:\\\/\\\/secure.gravatar.com\\\/avatar\\\/34590ee0ce26a3d41c13159236d10152b5ef5b708de8b49ed504e1c5f07cd9e6?s=96&d=mm&r=g\",\"contentUrl\":\"https:\\\/\\\/secure.gravatar.com\\\/avatar\\\/34590ee0ce26a3d41c13159236d10152b5ef5b708de8b49ed504e1c5f07cd9e6?s=96&d=mm&r=g\",\"caption\":\"Florian Fattier\"},\"description\":\"Florian est photographe et vid\u00e9aste freelance. Les prises de vues, le montage vid\u00e9o et la retouche photo n'ont aucun secret pour lui !\",\"sameAs\":[\"https:\\\/\\\/www.linkedin.com\\\/in\\\/florian-fattier-14148b178\\\/\"],\"url\":\"https:\\\/\\\/graphiste.com\\\/blog\\\/author\\\/florian\\\/\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Comment convertir un site web en application mobile - Graphiste Blog","description":"Vous avez d\u00e9j\u00e0 un site web responsive, qui peut s'afficher sur tous les \u00e9crans. L'\u00e9tape suivante est maintenant de le convertir en application mobile,","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/graphiste.com\/blog\/convertir-site-web-application-mobile\/","og_locale":"fr_FR","og_type":"article","og_title":"Comment convertir un site web en application mobile - Graphiste Blog","og_description":"Vous avez d\u00e9j\u00e0 un site web responsive, qui peut s'afficher sur tous les \u00e9crans. L'\u00e9tape suivante est maintenant de le convertir en application mobile,","og_url":"https:\/\/graphiste.com\/blog\/convertir-site-web-application-mobile\/","og_site_name":"Graphiste.com","article_publisher":"https:\/\/www.facebook.com\/graphistesfreelances","article_published_time":"2022-07-31T23:00:00+00:00","article_modified_time":"2022-11-03T08:10:54+00:00","og_image":[{"width":850,"height":423,"url":"https:\/\/graphiste.com\/blog\/wp-content\/uploads\/sites\/4\/2019\/08\/site-web-en-application-mobile-1.jpg","type":"image\/jpeg"}],"author":"Florian Fattier","twitter_card":"summary_large_image","twitter_creator":"@Graphistecom","twitter_site":"@Graphistecom","twitter_misc":{"\u00c9crit par":"Florian Fattier","Dur\u00e9e de lecture estim\u00e9e":"9 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/graphiste.com\/blog\/convertir-site-web-application-mobile\/#article","isPartOf":{"@id":"https:\/\/graphiste.com\/blog\/convertir-site-web-application-mobile\/"},"author":{"name":"Florian Fattier","@id":"https:\/\/graphiste.com\/blog\/#\/schema\/person\/d27104bac6fb787ff6cd51a98a0915e4"},"headline":"Comment convertir un site web en application mobile","datePublished":"2022-07-31T23:00:00+00:00","dateModified":"2022-11-03T08:10:54+00:00","mainEntityOfPage":{"@id":"https:\/\/graphiste.com\/blog\/convertir-site-web-application-mobile\/"},"wordCount":2014,"commentCount":0,"publisher":{"@id":"https:\/\/graphiste.com\/blog\/#organization"},"image":{"@id":"https:\/\/graphiste.com\/blog\/convertir-site-web-application-mobile\/#primaryimage"},"thumbnailUrl":"https:\/\/graphiste.com\/blog\/wp-content\/uploads\/sites\/4\/2019\/08\/site-web-en-application-mobile-1.jpg","keywords":["Cr\u00e9er votre marque"],"articleSection":["Application mobile","Webdesign"],"inLanguage":"fr-FR","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/graphiste.com\/blog\/convertir-site-web-application-mobile\/#respond"]}]},{"@type":"WebPage","@id":"https:\/\/graphiste.com\/blog\/convertir-site-web-application-mobile\/","url":"https:\/\/graphiste.com\/blog\/convertir-site-web-application-mobile\/","name":"Comment convertir un site web en application mobile - Graphiste Blog","isPartOf":{"@id":"https:\/\/graphiste.com\/blog\/#website"},"primaryImageOfPage":{"@id":"https:\/\/graphiste.com\/blog\/convertir-site-web-application-mobile\/#primaryimage"},"image":{"@id":"https:\/\/graphiste.com\/blog\/convertir-site-web-application-mobile\/#primaryimage"},"thumbnailUrl":"https:\/\/graphiste.com\/blog\/wp-content\/uploads\/sites\/4\/2019\/08\/site-web-en-application-mobile-1.jpg","datePublished":"2022-07-31T23:00:00+00:00","dateModified":"2022-11-03T08:10:54+00:00","description":"Vous avez d\u00e9j\u00e0 un site web responsive, qui peut s'afficher sur tous les \u00e9crans. L'\u00e9tape suivante est maintenant de le convertir en application mobile,","breadcrumb":{"@id":"https:\/\/graphiste.com\/blog\/convertir-site-web-application-mobile\/#breadcrumb"},"inLanguage":"fr-FR","potentialAction":[{"@type":"ReadAction","target":["https:\/\/graphiste.com\/blog\/convertir-site-web-application-mobile\/"]}]},{"@type":"ImageObject","inLanguage":"fr-FR","@id":"https:\/\/graphiste.com\/blog\/convertir-site-web-application-mobile\/#primaryimage","url":"https:\/\/graphiste.com\/blog\/wp-content\/uploads\/sites\/4\/2019\/08\/site-web-en-application-mobile-1.jpg","contentUrl":"https:\/\/graphiste.com\/blog\/wp-content\/uploads\/sites\/4\/2019\/08\/site-web-en-application-mobile-1.jpg","width":850,"height":423,"caption":"Convertir un site web en application mobile"},{"@type":"BreadcrumbList","@id":"https:\/\/graphiste.com\/blog\/convertir-site-web-application-mobile\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Blog","item":"https:\/\/graphiste.com\/blog\/"},{"@type":"ListItem","position":2,"name":"Comment convertir un site web en application mobile"}]},{"@type":"WebSite","@id":"https:\/\/graphiste.com\/blog\/#website","url":"https:\/\/graphiste.com\/blog\/","name":"Graphiste.com","description":"graphiste","publisher":{"@id":"https:\/\/graphiste.com\/blog\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/graphiste.com\/blog\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"fr-FR"},{"@type":"Organization","@id":"https:\/\/graphiste.com\/blog\/#organization","name":"Graphiste.com","url":"https:\/\/graphiste.com\/blog\/","logo":{"@type":"ImageObject","inLanguage":"fr-FR","@id":"https:\/\/graphiste.com\/blog\/#\/schema\/logo\/image\/","url":"https:\/\/graphiste.com\/blog\/wp-content\/uploads\/sites\/4\/2022\/07\/logo-blog-graphiste.svg","contentUrl":"https:\/\/graphiste.com\/blog\/wp-content\/uploads\/sites\/4\/2022\/07\/logo-blog-graphiste.svg","width":1,"height":1,"caption":"Graphiste.com"},"image":{"@id":"https:\/\/graphiste.com\/blog\/#\/schema\/logo\/image\/"},"sameAs":["https:\/\/www.facebook.com\/graphistesfreelances","https:\/\/x.com\/Graphistecom","https:\/\/www.linkedin.com\/company\/graphiste-com\/","https:\/\/fr.pinterest.com\/Graphiste_Com","https:\/\/www.instagram.com\/graphiste_com\/"]},{"@type":"Person","@id":"https:\/\/graphiste.com\/blog\/#\/schema\/person\/d27104bac6fb787ff6cd51a98a0915e4","name":"Florian Fattier","image":{"@type":"ImageObject","inLanguage":"fr-FR","@id":"https:\/\/secure.gravatar.com\/avatar\/34590ee0ce26a3d41c13159236d10152b5ef5b708de8b49ed504e1c5f07cd9e6?s=96&d=mm&r=g","url":"https:\/\/secure.gravatar.com\/avatar\/34590ee0ce26a3d41c13159236d10152b5ef5b708de8b49ed504e1c5f07cd9e6?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/34590ee0ce26a3d41c13159236d10152b5ef5b708de8b49ed504e1c5f07cd9e6?s=96&d=mm&r=g","caption":"Florian Fattier"},"description":"Florian est photographe et vid\u00e9aste freelance. Les prises de vues, le montage vid\u00e9o et la retouche photo n'ont aucun secret pour lui !","sameAs":["https:\/\/www.linkedin.com\/in\/florian-fattier-14148b178\/"],"url":"https:\/\/graphiste.com\/blog\/author\/florian\/"}]}},"_links":{"self":[{"href":"https:\/\/graphiste.com\/blog\/wp-json\/wp\/v2\/posts\/12195","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/graphiste.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/graphiste.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/graphiste.com\/blog\/wp-json\/wp\/v2\/users\/30"}],"replies":[{"embeddable":true,"href":"https:\/\/graphiste.com\/blog\/wp-json\/wp\/v2\/comments?post=12195"}],"version-history":[{"count":0,"href":"https:\/\/graphiste.com\/blog\/wp-json\/wp\/v2\/posts\/12195\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/graphiste.com\/blog\/wp-json\/wp\/v2\/media\/37562"}],"wp:attachment":[{"href":"https:\/\/graphiste.com\/blog\/wp-json\/wp\/v2\/media?parent=12195"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/graphiste.com\/blog\/wp-json\/wp\/v2\/categories?post=12195"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/graphiste.com\/blog\/wp-json\/wp\/v2\/tags?post=12195"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}