{"id":12090,"date":"2019-08-01T09:00:12","date_gmt":"2019-08-01T07:00:12","guid":{"rendered":"https:\/\/graphiste.com\/blog\/?p=12090"},"modified":"2025-08-20T17:19:26","modified_gmt":"2025-08-20T15:19:26","slug":"reussir-favicon-site","status":"publish","type":"post","link":"https:\/\/graphiste.com\/blog\/reussir-favicon-site\/","title":{"rendered":"Comment r\u00e9ussir le favicon de votre site&nbsp;?"},"content":{"rendered":"<p>Vous avez peut-\u00eatre remarqu\u00e9 sur certains sites une petite map grise \u00e0 c\u00f4t\u00e9 du Title&nbsp;?<\/p>\n<p>Cela arrive maintenant sur Chrome lorsque votre site n\u2019a pas renseign\u00e9 de favicon. C\u2019est on ne peut plus dommageable car cette petite image fait partie int\u00e9grante de votre <a href=\"https:\/\/graphiste.com\/blog\/identite-de-marque\">identit\u00e9 visuelle<\/a>.<\/p>\n<p>C\u2019est dans les d\u00e9tails que se cache le diable. Nous dirons plut\u00f4t que ce d\u00e9tail a son importance dans la reconnaissance imm\u00e9diate de votre univers de marque et comme \u00e9l\u00e9ment de diff\u00e9renciation.<\/p>\n<p><strong>Alors, comment designer de mani\u00e8re optimale le favicon de votre site&nbsp;?<\/strong><\/p>\n<p>&nbsp;<\/p>\n<h2>1. Faites un favicon&nbsp;!<\/h2>\n<p>Conseil anodin&nbsp;? Pas vraiment lorsqu\u2019on remarque le nombre de sites qui ne le personnalise pas.<\/p>\n<p><a href=\"https:\/\/graphiste.com\/blog\/wp-content\/uploads\/sites\/4\/2019\/07\/favicon.png\"><img decoding=\"async\" class=\"aligncenter wp-image-12094 size-full\" src=\"https:\/\/graphiste.com\/blog\/wp-content\/uploads\/sites\/4\/2019\/07\/favicon.png\" alt=\"favicon vide\" width=\"445\" height=\"106\" \/><\/a><\/p>\n<p><a href=\"https:\/\/graphiste.com\/blog\/wp-content\/uploads\/sites\/4\/2019\/07\/favicon-graphiste.png\"><img decoding=\"async\" class=\"aligncenter wp-image-12095 size-full\" src=\"https:\/\/graphiste.com\/blog\/wp-content\/uploads\/sites\/4\/2019\/07\/favicon-graphiste.png\" alt=\"favicon graphiste\" width=\"460\" height=\"100\" \/><\/a><\/p>\n<p><strong>En UX design, le <a href=\"https:\/\/graphiste.com\/blog\/generateurs-favicon-gratuits\">favicon<\/a> joue un r\u00f4le important d\u2019aiguilleur dans la navigation des internautes entre les diff\u00e9rents sites consult\u00e9s.<\/strong><\/p>\n<p>Depuis mai 2019, il est m\u00eame plac\u00e9 devant la balise titre et devient prioritaire dans l\u2019ordre de lecture classique (de gauche \u00e0 droite).<\/p>\n<p>&nbsp;<\/p>\n<h2>2. Less is more<\/h2>\n<p>\u00c0 l\u2019image de l\u2019ic\u00f4ne d\u2019une application d\u2019application, vous allez devoir <a href=\"https:\/\/graphiste.com\/blog\/minimalisme-creer-logo\">faire preuve de minimalisme<\/a> pour ne garder que l\u2019essentiel ou l\u2019\u00e9l\u00e9ment distinctif de votre site.<\/p>\n<p>&nbsp;<\/p>\n<h2>3. Ne reprenez pas votre logo \u00e0 l\u2019identique<\/h2>\n<h2><a href=\"https:\/\/graphiste.com\/blog\/wp-content\/uploads\/sites\/4\/2019\/07\/Chanel1.png\"><img decoding=\"async\" class=\"aligncenter wp-image-12101 size-medium\" src=\"https:\/\/graphiste.com\/blog\/wp-content\/uploads\/sites\/4\/2019\/07\/Chanel1-300x86.png\" alt=\"publicit\u00e9 Chanel\" width=\"300\" height=\"86\" \/><\/a><\/h2>\n<p><a href=\"https:\/\/graphiste.com\/blog\/wp-content\/uploads\/sites\/4\/2019\/07\/Chanel2.png\"><img decoding=\"async\" class=\"size-medium wp-image-12102 aligncenter\" src=\"https:\/\/graphiste.com\/blog\/wp-content\/uploads\/sites\/4\/2019\/07\/Chanel2-300x90.png\" alt=\"\" width=\"300\" height=\"90\" \/><\/a><\/p>\n<p><a href=\"https:\/\/graphiste.com\/blog\/wp-content\/uploads\/sites\/4\/2019\/07\/Chanel3.png\"><img decoding=\"async\" class=\"size-full wp-image-12103 aligncenter\" src=\"https:\/\/graphiste.com\/blog\/wp-content\/uploads\/sites\/4\/2019\/07\/Chanel3.png\" alt=\"favicon Chanel\" width=\"270\" height=\"79\" \/><\/a><\/p>\n<p>En lien avec le conseil pr\u00e9c\u00e9dent, essayez d\u2019imaginer une version simplifi\u00e9e de votre logo.<\/p>\n<p>Avec les r\u00e9seaux sociaux et les profil pictures rondes, de plus en plus de marques se retrouvent d\u00e9j\u00e0 dans l\u2019obligation d\u2019\u00e9laborer une version simplifi\u00e9e de leur logo.<\/p>\n<p>&nbsp;<\/p>\n<h2>4. Adaptez votre nom de marque&#8230;<\/h2>\n<p>Si votre <a href=\"https:\/\/graphiste.com\/blog\/endroits-ou-placer-logo\">logo<\/a> est un nom de marque, cela peut vous faciliter la t\u00e2che en reprenant des initiales ou la premi\u00e8re lettre de mani\u00e8re stylis\u00e9e.<\/p>\n<p>Vous pouvez voir l\u2019exemple vid\u00e9o de Google&nbsp;:<\/p>\n<p style=\"text-align: center\"><span data-mce-type=\"bookmark\" style=\"width: 0px;overflow: hidden;line-height: 0\" class=\"mce_SELRES_start\">\ufeff<\/span><\/p>\n<p>&nbsp;<\/p>\n<h2>5. Ou trouvez votre symbole<\/h2>\n<p>Si votre logo est une illustration ou une image. Tentez d\u2019abord de le conserver en l\u2019\u00e9tat en r\u00e9duisant sa taille.<\/p>\n<p>S\u2019il devient illisible, posez-vous les questions suivantes&nbsp;:<\/p>\n<ul>\n<li>Contient-il un picto ou un \u00e9l\u00e9ment de repr\u00e9sentation symbolique&nbsp;? Un animal, une main, une \u00e9toile&nbsp;?<\/li>\n<li>Ou bien puis-je repr\u00e9senter mon activit\u00e9 par un picto (un avion, une assiette, un c\u0153ur)&nbsp;? Cette option est la plus risqu\u00e9e dans la mesure o\u00f9 vous devez vous diff\u00e9rencier.<\/li>\n<\/ul>\n<p>&nbsp;<\/p>\n<h2>6. Utilisez de la couleur<\/h2>\n<p>Le favicon est une image qui peut appara\u00eetre selon le navigateur, sur un onglet en fond gris, blanc ou noir.<\/p>\n<p>Pour la faire ressortir, utilisez des couleurs lumineuses.<\/p>\n<p>&nbsp;<\/p>\n<h2>7. Respectez la taille<\/h2>\n<p>Un favicon est un carr\u00e9 de 16 pixels sur pixels.<\/p>\n<p>&nbsp;<\/p>\n<h2>8. Pensez aux diff\u00e9rentes dimensions<\/h2>\n<p>En r\u00e9alit\u00e9 votre favicon doit comporter 13 dimensions pour s\u2019adapter aux diff\u00e9rents \u00e9crans et OS mobiles.<\/p>\n<p>&nbsp;<\/p>\n<h2>9. \u00c9vitez les carr\u00e9s<\/h2>\n<p>Votre favicon a une dimension carr\u00e9e certes, mais cela ne doit pas n\u00e9cessairement vous orienter vers une forme carr\u00e9e.<\/p>\n<p>Au contraire, pour vous diff\u00e9rencier, optez pour une ellipse ou plut\u00f4t une forme fid\u00e8le \u00e0 votre lettre ou ic\u00f4ne d\u00e9tour\u00e9.<\/p>\n<p>&nbsp;<\/p>\n<h2>10. Exportez sur fond transparent<\/h2>\n<p>Pensez \u00e0 bien exporter le fichier en fond transparent de mani\u00e8re \u00e0 ne pas voir appara\u00eetre un fond blanc carr\u00e9 sur votre onglet.<\/p>\n<p>&nbsp;<\/p>\n<h2>Comment int\u00e9grer le favicon&nbsp;?<\/h2>\n<p>Commencez par h\u00e9berger votre image puis ajoutez ce code entre les 2 balises <code>&lt;head&gt; &lt;\/head&gt;<\/code> de votre fichier HTML&nbsp;:<\/p>\n<ul>\n<li><strong>Option 1<\/strong>&nbsp;: synth\u00e9tique<br \/>\n<code>&lt;link rel=\u201dshortcut icon\u201d type=\u201dimage\/x-icon\u201d href=\u201dhttp:\/\/votresite.com\/favicon.ico\u201c&gt;<\/code><\/li>\n<li><strong>Option 2<\/strong>&nbsp;: d\u00e9taill\u00e9e<br \/>\n<code>&lt;link rel=\"apple-touch-icon\" sizes=\"57x57\" href=\"\/apple-icon-57x57.png\"&gt;<br \/>\n&lt;link rel=\"apple-touch-icon\" sizes=\"60x60\" href=\"\/apple-icon-60x60.png\"&gt;<br \/>\n&lt;link rel=\"apple-touch-icon\" sizes=\"72x72\" href=\"\/apple-icon-72x72.png\"&gt;<br \/>\n&lt;link rel=\"apple-touch-icon\" sizes=\"76x76\" href=\"\/apple-icon-76x76.png\"&gt;<br \/>\n&lt;link rel=\"apple-touch-icon\" sizes=\"114x114\" href=\"\/apple-icon-114x114.png\"&gt;<\/code><br \/>\n<code>&lt;link rel=\"apple-touch-icon\" sizes=\"120x120\" href=\"\/apple-icon-120x120.png\"&gt;<\/code><br \/>\n<code>&lt;link rel=\"apple-touch-icon\" sizes=\"144x144\" href=\"\/apple-icon-144x144.png\"&gt;<br \/>\n<\/code><code>&lt;link rel=\"apple-touch-icon\" sizes=\"152x152\" href=\"\/apple-icon-152x152.png\"&gt;<br \/>\n<\/code><code>&lt;link rel=\"apple-touch-icon\" sizes=\"180x180\" href=\"\/apple-icon-180x180.png\"&gt;<\/code><br \/>\n<code>&lt;link rel=\"icon\" type=\"image\/png\" sizes=\"192x192\" href=\"\/android-icon-192x192.png\"&gt;<\/code><br \/>\n<code>&lt;link rel=\"icon\" type=\"image\/png\" sizes=\"32x32\" href=\"\/favicon-32x32.png\"&gt;<\/code><code><br \/>\n&lt;link rel=\"icon\" type=\"image\/png\" sizes=\"96x96\" href=\"\/favicon-96x96.png\"&gt;<br \/>\n<\/code><code>&lt;link rel=\"icon\" type=\"image\/png\" sizes=\"16x16\" href=\"\/favicon-16x16.png\"&gt;<\/code><br \/>\n<code>&lt;link rel=\"manifest\" href=\"\/manifest.json\"&gt;<\/code><code>&lt;meta name=\"msapplication-TileColor\" content=\"#ffffff\"&gt;<\/code><code>&lt;meta name=\"msapplication-TileImage\" content=\"\/ms-icon-144x144.png\"&gt;<\/code><code>&lt;meta name=\"theme-color\" content=\"#ffffff\"&gt;<\/code><\/li>\n<\/ul>\n<blockquote><p>Apprenez \u00e0 <a href=\"https:\/\/www.codeur.com\/tuto\/shopify\/favicon-shopify\/\" target=\"_blank\" rel=\"noopener noreferrer\">int\u00e9grer votre favicon sur Shopify <\/a>et sur <a href=\"https:\/\/www.codeur.com\/tuto\/wordpress\/ajouter-favicon-wordpress\/\" target=\"_blank\" rel=\"noopener noreferrer\">WordPress<\/a>.<\/p><\/blockquote>\n<p>&nbsp;<\/p>\n<p>Imaginez un internaute avec des dizaines d\u2019onglets ouverts dans son navigateur, comment peut-il reconna\u00eetre votre site&nbsp;?<\/p>\n<p>Si la r\u00e9ponse est \u00e9vidente alors bravo, vous avez r\u00e9ussi \u00e0 cr\u00e9er le parfait favicon pour votre site&nbsp;!<\/p>\n<p>Vous trouverez \u00e9galement des experts sur <a href=\"https:\/\/graphiste.com\">Graphiste.com<\/a> pour vous guider dans ce projet.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Vous avez peut-\u00eatre remarqu\u00e9 sur certains sites une petite map grise \u00e0 c\u00f4t\u00e9 du Title&nbsp;? Cela arrive maintenant sur Chrome lorsque votre site n\u2019a pas renseign\u00e9 de favicon. C\u2019est on ne peut plus dommageable car cette petite image fait partie int\u00e9grante de votre identit\u00e9 visuelle. C\u2019est dans les d\u00e9tails que se cache le diable. Nous [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":12099,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"inline_featured_image":false,"footnotes":""},"categories":[11],"tags":[],"class_list":["post-12090","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-logo"],"acf":[],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v25.9 - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>Comment r\u00e9ussir le favicon de votre site ? - Graphiste Blog<\/title>\n<meta name=\"description\" content=\"Vous avez peut-\u00eatre remarqu\u00e9 sur certains sites une petite map grise \u00e0 c\u00f4t\u00e9 du Title ? Cela arrive maintenant sur Chrome lorsque votre site n\u2019a pas\" \/>\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\/reussir-favicon-site\/\" \/>\n<meta property=\"og:locale\" content=\"fr_FR\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Comment r\u00e9ussir le favicon de votre site ? - Graphiste Blog\" \/>\n<meta property=\"og:description\" content=\"Vous avez peut-\u00eatre remarqu\u00e9 sur certains sites une petite map grise \u00e0 c\u00f4t\u00e9 du Title ? Cela arrive maintenant sur Chrome lorsque votre site n\u2019a pas\" \/>\n<meta property=\"og:url\" content=\"https:\/\/graphiste.com\/blog\/reussir-favicon-site\/\" \/>\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=\"2019-08-01T07:00:12+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2025-08-20T15:19:26+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/graphiste.com\/blog\/wp-content\/uploads\/sites\/4\/2019\/07\/favicon-1-1.png\" \/>\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\/png\" \/>\n<meta name=\"author\" content=\"Laura Michaud\" \/>\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=\"Laura Michaud\" \/>\n\t<meta name=\"twitter:label2\" content=\"Dur\u00e9e de lecture estim\u00e9e\" \/>\n\t<meta name=\"twitter:data2\" content=\"4 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\/\/graphiste.com\/blog\/reussir-favicon-site\/#article\",\"isPartOf\":{\"@id\":\"https:\/\/graphiste.com\/blog\/reussir-favicon-site\/\"},\"author\":{\"name\":\"Laura Michaud\",\"@id\":\"https:\/\/graphiste.com\/blog\/#\/schema\/person\/33c0ef04707fbe50a096f282050bb5f2\"},\"headline\":\"Comment r\u00e9ussir le favicon de votre site&nbsp;?\",\"datePublished\":\"2019-08-01T07:00:12+00:00\",\"dateModified\":\"2025-08-20T15:19:26+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\/\/graphiste.com\/blog\/reussir-favicon-site\/\"},\"wordCount\":642,\"publisher\":{\"@id\":\"https:\/\/graphiste.com\/blog\/#organization\"},\"image\":{\"@id\":\"https:\/\/graphiste.com\/blog\/reussir-favicon-site\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/graphiste.com\/blog\/wp-content\/uploads\/sites\/4\/2019\/07\/favicon-1-1.png\",\"articleSection\":[\"Logo\"],\"inLanguage\":\"fr-FR\"},{\"@type\":\"WebPage\",\"@id\":\"https:\/\/graphiste.com\/blog\/reussir-favicon-site\/\",\"url\":\"https:\/\/graphiste.com\/blog\/reussir-favicon-site\/\",\"name\":\"Comment r\u00e9ussir le favicon de votre site ? - Graphiste Blog\",\"isPartOf\":{\"@id\":\"https:\/\/graphiste.com\/blog\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/graphiste.com\/blog\/reussir-favicon-site\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/graphiste.com\/blog\/reussir-favicon-site\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/graphiste.com\/blog\/wp-content\/uploads\/sites\/4\/2019\/07\/favicon-1-1.png\",\"datePublished\":\"2019-08-01T07:00:12+00:00\",\"dateModified\":\"2025-08-20T15:19:26+00:00\",\"description\":\"Vous avez peut-\u00eatre remarqu\u00e9 sur certains sites une petite map grise \u00e0 c\u00f4t\u00e9 du Title ? Cela arrive maintenant sur Chrome lorsque votre site n\u2019a pas\",\"breadcrumb\":{\"@id\":\"https:\/\/graphiste.com\/blog\/reussir-favicon-site\/#breadcrumb\"},\"inLanguage\":\"fr-FR\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/graphiste.com\/blog\/reussir-favicon-site\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"fr-FR\",\"@id\":\"https:\/\/graphiste.com\/blog\/reussir-favicon-site\/#primaryimage\",\"url\":\"https:\/\/graphiste.com\/blog\/wp-content\/uploads\/sites\/4\/2019\/07\/favicon-1-1.png\",\"contentUrl\":\"https:\/\/graphiste.com\/blog\/wp-content\/uploads\/sites\/4\/2019\/07\/favicon-1-1.png\",\"width\":850,\"height\":423,\"caption\":\"r\u00e9union de travail vue du plafond\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/graphiste.com\/blog\/reussir-favicon-site\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Blog\",\"item\":\"https:\/\/graphiste.com\/blog\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Branding\",\"item\":\"https:\/\/graphiste.com\/blog\/branding\/\"},{\"@type\":\"ListItem\",\"position\":3,\"name\":\"Logo\",\"item\":\"https:\/\/graphiste.com\/blog\/branding\/logo\/\"},{\"@type\":\"ListItem\",\"position\":4,\"name\":\"Comment r\u00e9ussir le favicon de votre site&nbsp;?\"}]},{\"@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\/33c0ef04707fbe50a096f282050bb5f2\",\"name\":\"Laura Michaud\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"fr-FR\",\"@id\":\"https:\/\/graphiste.com\/blog\/#\/schema\/person\/image\/\",\"url\":\"https:\/\/secure.gravatar.com\/avatar\/c3328cc0c887f98cec6b2979af3311ab6333fc7cc2d4847514cfec6a56fa08a7?s=96&d=mm&r=g\",\"contentUrl\":\"https:\/\/secure.gravatar.com\/avatar\/c3328cc0c887f98cec6b2979af3311ab6333fc7cc2d4847514cfec6a56fa08a7?s=96&d=mm&r=g\",\"caption\":\"Laura Michaud\"},\"description\":\"Laura connait tous les meilleurs outils pour g\u00e9rer des projets et une entreprise. Cr\u00e9ative, c'est aussi une sp\u00e9cialiste des outils de cr\u00e9ation graphique pour faire briller une entreprise.\",\"sameAs\":[\"https:\/\/www.linkedin.com\/in\/michaudlaura\/\"],\"url\":\"https:\/\/graphiste.com\/blog\/author\/laura\/\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Comment r\u00e9ussir le favicon de votre site ? - Graphiste Blog","description":"Vous avez peut-\u00eatre remarqu\u00e9 sur certains sites une petite map grise \u00e0 c\u00f4t\u00e9 du Title ? Cela arrive maintenant sur Chrome lorsque votre site n\u2019a pas","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\/reussir-favicon-site\/","og_locale":"fr_FR","og_type":"article","og_title":"Comment r\u00e9ussir le favicon de votre site ? - Graphiste Blog","og_description":"Vous avez peut-\u00eatre remarqu\u00e9 sur certains sites une petite map grise \u00e0 c\u00f4t\u00e9 du Title ? Cela arrive maintenant sur Chrome lorsque votre site n\u2019a pas","og_url":"https:\/\/graphiste.com\/blog\/reussir-favicon-site\/","og_site_name":"Graphiste.com","article_publisher":"https:\/\/www.facebook.com\/graphistesfreelances","article_published_time":"2019-08-01T07:00:12+00:00","article_modified_time":"2025-08-20T15:19:26+00:00","og_image":[{"width":850,"height":423,"url":"https:\/\/graphiste.com\/blog\/wp-content\/uploads\/sites\/4\/2019\/07\/favicon-1-1.png","type":"image\/png"}],"author":"Laura Michaud","twitter_card":"summary_large_image","twitter_creator":"@Graphistecom","twitter_site":"@Graphistecom","twitter_misc":{"\u00c9crit par":"Laura Michaud","Dur\u00e9e de lecture estim\u00e9e":"4 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/graphiste.com\/blog\/reussir-favicon-site\/#article","isPartOf":{"@id":"https:\/\/graphiste.com\/blog\/reussir-favicon-site\/"},"author":{"name":"Laura Michaud","@id":"https:\/\/graphiste.com\/blog\/#\/schema\/person\/33c0ef04707fbe50a096f282050bb5f2"},"headline":"Comment r\u00e9ussir le favicon de votre site&nbsp;?","datePublished":"2019-08-01T07:00:12+00:00","dateModified":"2025-08-20T15:19:26+00:00","mainEntityOfPage":{"@id":"https:\/\/graphiste.com\/blog\/reussir-favicon-site\/"},"wordCount":642,"publisher":{"@id":"https:\/\/graphiste.com\/blog\/#organization"},"image":{"@id":"https:\/\/graphiste.com\/blog\/reussir-favicon-site\/#primaryimage"},"thumbnailUrl":"https:\/\/graphiste.com\/blog\/wp-content\/uploads\/sites\/4\/2019\/07\/favicon-1-1.png","articleSection":["Logo"],"inLanguage":"fr-FR"},{"@type":"WebPage","@id":"https:\/\/graphiste.com\/blog\/reussir-favicon-site\/","url":"https:\/\/graphiste.com\/blog\/reussir-favicon-site\/","name":"Comment r\u00e9ussir le favicon de votre site ? - Graphiste Blog","isPartOf":{"@id":"https:\/\/graphiste.com\/blog\/#website"},"primaryImageOfPage":{"@id":"https:\/\/graphiste.com\/blog\/reussir-favicon-site\/#primaryimage"},"image":{"@id":"https:\/\/graphiste.com\/blog\/reussir-favicon-site\/#primaryimage"},"thumbnailUrl":"https:\/\/graphiste.com\/blog\/wp-content\/uploads\/sites\/4\/2019\/07\/favicon-1-1.png","datePublished":"2019-08-01T07:00:12+00:00","dateModified":"2025-08-20T15:19:26+00:00","description":"Vous avez peut-\u00eatre remarqu\u00e9 sur certains sites une petite map grise \u00e0 c\u00f4t\u00e9 du Title ? Cela arrive maintenant sur Chrome lorsque votre site n\u2019a pas","breadcrumb":{"@id":"https:\/\/graphiste.com\/blog\/reussir-favicon-site\/#breadcrumb"},"inLanguage":"fr-FR","potentialAction":[{"@type":"ReadAction","target":["https:\/\/graphiste.com\/blog\/reussir-favicon-site\/"]}]},{"@type":"ImageObject","inLanguage":"fr-FR","@id":"https:\/\/graphiste.com\/blog\/reussir-favicon-site\/#primaryimage","url":"https:\/\/graphiste.com\/blog\/wp-content\/uploads\/sites\/4\/2019\/07\/favicon-1-1.png","contentUrl":"https:\/\/graphiste.com\/blog\/wp-content\/uploads\/sites\/4\/2019\/07\/favicon-1-1.png","width":850,"height":423,"caption":"r\u00e9union de travail vue du plafond"},{"@type":"BreadcrumbList","@id":"https:\/\/graphiste.com\/blog\/reussir-favicon-site\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Blog","item":"https:\/\/graphiste.com\/blog\/"},{"@type":"ListItem","position":2,"name":"Branding","item":"https:\/\/graphiste.com\/blog\/branding\/"},{"@type":"ListItem","position":3,"name":"Logo","item":"https:\/\/graphiste.com\/blog\/branding\/logo\/"},{"@type":"ListItem","position":4,"name":"Comment r\u00e9ussir le favicon de votre site&nbsp;?"}]},{"@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\/33c0ef04707fbe50a096f282050bb5f2","name":"Laura Michaud","image":{"@type":"ImageObject","inLanguage":"fr-FR","@id":"https:\/\/graphiste.com\/blog\/#\/schema\/person\/image\/","url":"https:\/\/secure.gravatar.com\/avatar\/c3328cc0c887f98cec6b2979af3311ab6333fc7cc2d4847514cfec6a56fa08a7?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/c3328cc0c887f98cec6b2979af3311ab6333fc7cc2d4847514cfec6a56fa08a7?s=96&d=mm&r=g","caption":"Laura Michaud"},"description":"Laura connait tous les meilleurs outils pour g\u00e9rer des projets et une entreprise. Cr\u00e9ative, c'est aussi une sp\u00e9cialiste des outils de cr\u00e9ation graphique pour faire briller une entreprise.","sameAs":["https:\/\/www.linkedin.com\/in\/michaudlaura\/"],"url":"https:\/\/graphiste.com\/blog\/author\/laura\/"}]}},"_links":{"self":[{"href":"https:\/\/graphiste.com\/blog\/wp-json\/wp\/v2\/posts\/12090","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\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/graphiste.com\/blog\/wp-json\/wp\/v2\/comments?post=12090"}],"version-history":[{"count":0,"href":"https:\/\/graphiste.com\/blog\/wp-json\/wp\/v2\/posts\/12090\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/graphiste.com\/blog\/wp-json\/wp\/v2\/media\/12099"}],"wp:attachment":[{"href":"https:\/\/graphiste.com\/blog\/wp-json\/wp\/v2\/media?parent=12090"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/graphiste.com\/blog\/wp-json\/wp\/v2\/categories?post=12090"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/graphiste.com\/blog\/wp-json\/wp\/v2\/tags?post=12090"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}