{"id":4611,"date":"2017-10-06T10:30:08","date_gmt":"2017-10-06T08:30:08","guid":{"rendered":"https:\/\/graphiste.com\/blog\/?p=4611"},"modified":"2025-08-20T17:22:41","modified_gmt":"2025-08-20T15:22:41","slug":"bouton-web-design","status":"publish","type":"post","link":"https:\/\/graphiste.com\/blog\/bouton-web-design\/","title":{"rendered":"Comment perfectionner le design de vos boutons&nbsp;?"},"content":{"rendered":"<p>Une page web sans boutons rel\u00e8ve de l&#8217;inimaginable.<\/p>\n<p>Parce que vous ne cr\u00e9ez pas votre site que pour la gloire, vous voulez inciter vos visiteurs \u00e0 passer commande, \u00e0 s\u2019inscrire \u00e0 votre <a href=\"https:\/\/graphiste.com\/blog\/6-outils-newsletter\" target=\"_blank\" rel=\"noopener noreferrer\">newsletter<\/a>, \u00e0 vous contacter\u2026<\/p>\n<p>Et c&#8217;est l\u00e0 que les boutons prennent tout leur sens, puisqu&#8217;ils sont les CTA (Call to Action) parfaits.<\/p>\n<p>Mais l&#8217;efficacit\u00e9 d&#8217;un appel \u00e0 l&#8217;action d\u00e9pend aussi de son design, de sa couleur, de sa forme, de son emplacement\u2026<\/p>\n<p>Voici donc un condens\u00e9 des meilleures pratiques pour perfectionner le <a href=\"https:\/\/graphiste.com\/blog\/choisir-forme-bouton\">design de vos boutons<\/a>.<\/p>\n<p>&nbsp;<\/p>\n<h2>1. Votre bouton doit ressembler \u00e0 un bouton<\/h2>\n<p>C\u2019est la r\u00e8gle de base. Pour qu\u2019un bouton soit efficace, il faut qu\u2019il soit imm\u00e9diatement reconnaissable. Les utilisateurs d\u2019ordinateur sont familiers des <a href=\"https:\/\/graphiste.com\/blog\/web-design-evolution-boutons\" target=\"_blank\" rel=\"noopener noreferrer\">boutons rectangulaires<\/a>, largement utilis\u00e9s depuis des ann\u00e9es.<\/p>\n<p>Vous pouvez \u00e9ventuellement opter pour une autre forme, comme des cercles ou des triangles.<\/p>\n<p>Dans ce cas, <strong>conservez la m\u00eame apparence pour tous les boutons<\/strong> de votre site, afin que les internautes les identifient rapidement\u00a0: ce n\u2019est pas une chasse au tr\u00e9sor\u00a0!<\/p>\n<p>&nbsp;<\/p>\n<h2>2. Rendez-le bien visible<\/h2>\n<p>Un cadre tr\u00e8s fin et un ombrage discret augmenteront l\u2019impact du bouton sur votre page, tout comme sa couleur.<\/p>\n<p><img decoding=\"async\" class=\"aligncenter size-full wp-image-14102\" src=\"https:\/\/graphiste.com\/blog\/wp-content\/uploads\/sites\/4\/2019\/10\/bouton-call-to-action.gif\" alt=\"\" width=\"800\" height=\"600\" \/><\/p>\n<p><a href=\"https:\/\/graphiste.com\/blog\/regles-typographie\" target=\"_blank\" rel=\"noopener noreferrer\">La police d&#8217;\u00e9criture<\/a> utilis\u00e9e ainsi que sa couleur (et sa capacit\u00e9 \u00e0 contraster avec le fond) contribuera \u00e9galement \u00e0 attirer le regard.<\/p>\n<p><strong>Un bouton facile \u00e0 trouver est un bouton sur lequel il est tout aussi ais\u00e9 de cliquer\u00a0!<\/strong><\/p>\n<p>&nbsp;<\/p>\n<h2>3. Indiquez son usage<\/h2>\n<p>Un bouton qui indique \u00ab\u00a0merveilleux\u00a0\u00bb intriguera. Mais tout le monde n\u2019osera pas cliquer dessus, sans savoir quelles seront les cons\u00e9quences de cette action.<\/p>\n<p>\u00c0 l\u2019inverse, un rectangle o\u00f9 il est not\u00e9 \u00ab\u00a0inscrivez-vous\u00a0\u00bb ou \u00ab\u00a0commandez\u00a0\u00bb ne laissera aucun doute et sera rassurant pour l&#8217;utilisateur. M\u00eame Alice n\u2019a pas su r\u00e9sister aux \u00e9tiquettes qui disaient \u00ab\u00a0mangez-moi\u00a0\u00bb lors de son voyage au Pays des Merveilles.<\/p>\n<p>&nbsp;<\/p>\n<h2>4. Placez-le \u00e0 l\u2019endroit le plus \u00e9vident<\/h2>\n<p>Les internautes sont des gens d\u2019habitude. Les utilisateurs d\u2019application aussi. Les appels \u00e0 l\u2019action sont souvent plac\u00e9s sous un texte, vers la droite.<\/p>\n<p>Respecter ces r\u00e8gles tacites fera gagner du temps \u00e0 tout le monde et cr\u00e9era un rapport de confiance.<\/p>\n<p>&nbsp;<\/p>\n<h2>5. Mettez en avant le bouton le plus important<\/h2>\n<p>Si vous avez plusieurs boutons pr\u00e9sents sur la m\u00eame page, le bouton d\u2019action doit \u00eatre visuellement distinct de celui d\u2019annulation (pour une commande par exemple).<\/p>\n<p><img decoding=\"async\" class=\"aligncenter size-full wp-image-14104\" src=\"https:\/\/graphiste.com\/blog\/wp-content\/uploads\/sites\/4\/2019\/10\/bouton-call-to-action-validation.gif\" alt=\"\" width=\"800\" height=\"600\" \/><\/p>\n<p>Ce dernier sera simplement gris\u00e9, quand <strong>le plus important des deux sera color\u00e9<\/strong>, voire de taille sup\u00e9rieure.<\/p>\n<p>&nbsp;<\/p>\n<h2>6. Dosez sa taille selon les \u00e9crans o\u00f9 il appara\u00eetra<\/h2>\n<p>Il est parfois tr\u00e8s compliqu\u00e9 d\u2019utiliser des formulaires sur les smartphones, notamment quand les boutons sont trop petits pour parvenir \u00e0 cliquer dessus du bout du doigt.<\/p>\n<p>D&#8217;o\u00f9 l&#8217;int\u00e9r\u00eat de bien g\u00e9rer l&#8217;aspect <a href=\"https:\/\/graphiste.com\/blog\/10-conseils-responsive-design-efficace\" target=\"_blank\" rel=\"noopener noreferrer\">responsive<\/a> de ses boutons.<\/p>\n<p>Selon certaines \u00e9tudes, la taille minimale id\u00e9ale serait de 10\u00a0mm sur 10\u00a0mm. Une information que vous retiendrez facilement\u00a0!<\/p>\n<p>&nbsp;<\/p>\n<h2>7. Rendez-le interactif<\/h2>\n<p>Tous les internautes ont maintenant pris l\u2019habitude des liens qui changent de couleur une fois qu\u2019ils les ont visit\u00e9s. Ou m\u00eame juste quand ils passent la souris dessus.<\/p>\n<p><img decoding=\"async\" class=\"aligncenter size-full wp-image-8447\" src=\"https:\/\/graphiste.com\/blog\/wp-content\/uploads\/sites\/4\/2018\/10\/animation-bouton-min.gif\" alt=\"\" width=\"800\" height=\"600\" \/><\/p>\n<p>Vos boutons doivent suivre le m\u00eame sch\u00e9ma. Modifiez leur teinte, augmentez leur ombrage pour les faire plus ressortir, ou remplissez-les avec un autre texte\u2026 Vous avez le choix des options.<\/p>\n<p>Dans les nouvelles pratiques, les boutons ne se contentent plus de servir d\u2019interface \u00e0 l\u2019action\u00a0: <strong>ils deviennent eux-m\u00eames des actions<\/strong>.<\/p>\n<p>C\u2019est ainsi que l\u2019on parle maintenant de \u00ab\u00a0meta-morphing\u00a0\u00bb avec un bouton \u00ab\u00a0play\u00a0\u00bb qui s\u2019\u00e9largit pour devenir le fond d\u2019\u00e9cran de l\u2019application musicale.<\/p>\n<p>Si vous optez pour cette option, il est conseill\u00e9, pour plus de fluidit\u00e9, que l\u2019\u00e9chelle et la vitesse de grossissement soient proportionnelles \u00e0 la surface totale vis\u00e9e par le changement de taille du bouton qui s\u2019\u00e9largit.<\/p>\n<p>Votre bouton <a href=\"https:\/\/graphiste.com\/blog\/creer-contenu-interactif\" target=\"_blank\" rel=\"noopener noreferrer\">interactif<\/a> peut ainsi transmettre votre identit\u00e9 et devenir plus qu\u2019un rectangle utilitaire\u00a0!<\/p>\n<blockquote><p>\u00c0 lire aussi&nbsp;: <a href=\"https:\/\/graphiste.com\/blog\/animations-css-dynamiser-boutons\" target=\"_blank\" rel=\"noopener noreferrer\">Inspiration&nbsp;: 15 animations CSS pour dynamiser vos call-to-action<\/a><\/p><\/blockquote>\n<p>Utilisez les r\u00e8gles ci-dessus pour perfectionner vos boutons et marquer votre site de votre empreinte.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Une page web sans boutons rel\u00e8ve de l&#8217;inimaginable. Parce que vous ne cr\u00e9ez pas votre site que pour la gloire, vous voulez inciter vos visiteurs \u00e0 passer commande, \u00e0 s\u2019inscrire \u00e0 votre newsletter, \u00e0 vous contacter\u2026 Et c&#8217;est l\u00e0 que les boutons prennent tout leur sens, puisqu&#8217;ils sont les CTA (Call to Action) parfaits. Mais [&hellip;]<\/p>\n","protected":false},"author":5,"featured_media":4613,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"inline_featured_image":false,"footnotes":""},"categories":[27],"tags":[],"class_list":["post-4611","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-webdesign"],"acf":[],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v25.9 - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>Comment perfectionner le design de vos boutons ? - Graphiste Blog<\/title>\n<meta name=\"description\" content=\"Une page web sans boutons rel\u00e8ve de l&#039;inimaginable. Parce que vous ne cr\u00e9ez pas votre site que pour la gloire, vous voulez inciter vos visiteurs \u00e0 passer\" \/>\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\/bouton-web-design\/\" \/>\n<meta property=\"og:locale\" content=\"fr_FR\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Comment perfectionner le design de vos boutons ? - Graphiste Blog\" \/>\n<meta property=\"og:description\" content=\"Une page web sans boutons rel\u00e8ve de l&#039;inimaginable. Parce que vous ne cr\u00e9ez pas votre site que pour la gloire, vous voulez inciter vos visiteurs \u00e0 passer\" \/>\n<meta property=\"og:url\" content=\"https:\/\/graphiste.com\/blog\/bouton-web-design\/\" \/>\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=\"2017-10-06T08:30:08+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2025-08-20T15:22:41+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/graphiste.com\/blog\/wp-content\/uploads\/sites\/4\/2017\/10\/design-bouton-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=\"Thomas Lazzaroni\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:creator\" content=\"@totolazza\" \/>\n<meta name=\"twitter:site\" content=\"@Graphistecom\" \/>\n<meta name=\"twitter:label1\" content=\"\u00c9crit par\" \/>\n\t<meta name=\"twitter:data1\" content=\"Thomas Lazzaroni\" \/>\n\t<meta name=\"twitter:label2\" content=\"Dur\u00e9e de lecture estim\u00e9e\" \/>\n\t<meta name=\"twitter:data2\" content=\"3 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\/\/graphiste.com\/blog\/bouton-web-design\/#article\",\"isPartOf\":{\"@id\":\"https:\/\/graphiste.com\/blog\/bouton-web-design\/\"},\"author\":{\"name\":\"Thomas Lazzaroni\",\"@id\":\"https:\/\/graphiste.com\/blog\/#\/schema\/person\/cc3b0a678aeffcae19ecc599eaf679e5\"},\"headline\":\"Comment perfectionner le design de vos boutons&nbsp;?\",\"datePublished\":\"2017-10-06T08:30:08+00:00\",\"dateModified\":\"2025-08-20T15:22:41+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\/\/graphiste.com\/blog\/bouton-web-design\/\"},\"wordCount\":700,\"publisher\":{\"@id\":\"https:\/\/graphiste.com\/blog\/#organization\"},\"image\":{\"@id\":\"https:\/\/graphiste.com\/blog\/bouton-web-design\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/graphiste.com\/blog\/wp-content\/uploads\/sites\/4\/2017\/10\/design-bouton-1.jpg\",\"articleSection\":[\"Webdesign\"],\"inLanguage\":\"fr-FR\"},{\"@type\":\"WebPage\",\"@id\":\"https:\/\/graphiste.com\/blog\/bouton-web-design\/\",\"url\":\"https:\/\/graphiste.com\/blog\/bouton-web-design\/\",\"name\":\"Comment perfectionner le design de vos boutons ? - Graphiste Blog\",\"isPartOf\":{\"@id\":\"https:\/\/graphiste.com\/blog\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/graphiste.com\/blog\/bouton-web-design\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/graphiste.com\/blog\/bouton-web-design\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/graphiste.com\/blog\/wp-content\/uploads\/sites\/4\/2017\/10\/design-bouton-1.jpg\",\"datePublished\":\"2017-10-06T08:30:08+00:00\",\"dateModified\":\"2025-08-20T15:22:41+00:00\",\"description\":\"Une page web sans boutons rel\u00e8ve de l'inimaginable. Parce que vous ne cr\u00e9ez pas votre site que pour la gloire, vous voulez inciter vos visiteurs \u00e0 passer\",\"breadcrumb\":{\"@id\":\"https:\/\/graphiste.com\/blog\/bouton-web-design\/#breadcrumb\"},\"inLanguage\":\"fr-FR\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/graphiste.com\/blog\/bouton-web-design\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"fr-FR\",\"@id\":\"https:\/\/graphiste.com\/blog\/bouton-web-design\/#primaryimage\",\"url\":\"https:\/\/graphiste.com\/blog\/wp-content\/uploads\/sites\/4\/2017\/10\/design-bouton-1.jpg\",\"contentUrl\":\"https:\/\/graphiste.com\/blog\/wp-content\/uploads\/sites\/4\/2017\/10\/design-bouton-1.jpg\",\"width\":850,\"height\":423,\"caption\":\"Perfectionner le design d'un bouton\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/graphiste.com\/blog\/bouton-web-design\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Blog\",\"item\":\"https:\/\/graphiste.com\/blog\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Webdesign\",\"item\":\"https:\/\/graphiste.com\/blog\/webdesign\/\"},{\"@type\":\"ListItem\",\"position\":3,\"name\":\"Comment perfectionner le design de vos boutons&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\/cc3b0a678aeffcae19ecc599eaf679e5\",\"name\":\"Thomas Lazzaroni\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"fr-FR\",\"@id\":\"https:\/\/graphiste.com\/blog\/#\/schema\/person\/image\/\",\"url\":\"https:\/\/secure.gravatar.com\/avatar\/7306fb87b7017ab0955d07c2f2b771ac79e91965a2fca514df0c043f7c087fd2?s=96&d=mm&r=g\",\"contentUrl\":\"https:\/\/secure.gravatar.com\/avatar\/7306fb87b7017ab0955d07c2f2b771ac79e91965a2fca514df0c043f7c087fd2?s=96&d=mm&r=g\",\"caption\":\"Thomas Lazzaroni\"},\"description\":\"Depuis plus de 10 ans, je contribue \u00e0 faire rayonner nos sites en imaginant des strat\u00e9gies qui renforcent notre visibilit\u00e9 et notre position de r\u00e9f\u00e9rence.\",\"sameAs\":[\"https:\/\/www.linkedin.com\/in\/thomaslazzaroni\/\",\"https:\/\/x.com\/totolazza\"],\"url\":\"https:\/\/graphiste.com\/blog\/author\/thomas\/\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Comment perfectionner le design de vos boutons ? - Graphiste Blog","description":"Une page web sans boutons rel\u00e8ve de l'inimaginable. Parce que vous ne cr\u00e9ez pas votre site que pour la gloire, vous voulez inciter vos visiteurs \u00e0 passer","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\/bouton-web-design\/","og_locale":"fr_FR","og_type":"article","og_title":"Comment perfectionner le design de vos boutons ? - Graphiste Blog","og_description":"Une page web sans boutons rel\u00e8ve de l'inimaginable. Parce que vous ne cr\u00e9ez pas votre site que pour la gloire, vous voulez inciter vos visiteurs \u00e0 passer","og_url":"https:\/\/graphiste.com\/blog\/bouton-web-design\/","og_site_name":"Graphiste.com","article_publisher":"https:\/\/www.facebook.com\/graphistesfreelances","article_published_time":"2017-10-06T08:30:08+00:00","article_modified_time":"2025-08-20T15:22:41+00:00","og_image":[{"width":850,"height":423,"url":"https:\/\/graphiste.com\/blog\/wp-content\/uploads\/sites\/4\/2017\/10\/design-bouton-1.jpg","type":"image\/jpeg"}],"author":"Thomas Lazzaroni","twitter_card":"summary_large_image","twitter_creator":"@totolazza","twitter_site":"@Graphistecom","twitter_misc":{"\u00c9crit par":"Thomas Lazzaroni","Dur\u00e9e de lecture estim\u00e9e":"3 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/graphiste.com\/blog\/bouton-web-design\/#article","isPartOf":{"@id":"https:\/\/graphiste.com\/blog\/bouton-web-design\/"},"author":{"name":"Thomas Lazzaroni","@id":"https:\/\/graphiste.com\/blog\/#\/schema\/person\/cc3b0a678aeffcae19ecc599eaf679e5"},"headline":"Comment perfectionner le design de vos boutons&nbsp;?","datePublished":"2017-10-06T08:30:08+00:00","dateModified":"2025-08-20T15:22:41+00:00","mainEntityOfPage":{"@id":"https:\/\/graphiste.com\/blog\/bouton-web-design\/"},"wordCount":700,"publisher":{"@id":"https:\/\/graphiste.com\/blog\/#organization"},"image":{"@id":"https:\/\/graphiste.com\/blog\/bouton-web-design\/#primaryimage"},"thumbnailUrl":"https:\/\/graphiste.com\/blog\/wp-content\/uploads\/sites\/4\/2017\/10\/design-bouton-1.jpg","articleSection":["Webdesign"],"inLanguage":"fr-FR"},{"@type":"WebPage","@id":"https:\/\/graphiste.com\/blog\/bouton-web-design\/","url":"https:\/\/graphiste.com\/blog\/bouton-web-design\/","name":"Comment perfectionner le design de vos boutons ? - Graphiste Blog","isPartOf":{"@id":"https:\/\/graphiste.com\/blog\/#website"},"primaryImageOfPage":{"@id":"https:\/\/graphiste.com\/blog\/bouton-web-design\/#primaryimage"},"image":{"@id":"https:\/\/graphiste.com\/blog\/bouton-web-design\/#primaryimage"},"thumbnailUrl":"https:\/\/graphiste.com\/blog\/wp-content\/uploads\/sites\/4\/2017\/10\/design-bouton-1.jpg","datePublished":"2017-10-06T08:30:08+00:00","dateModified":"2025-08-20T15:22:41+00:00","description":"Une page web sans boutons rel\u00e8ve de l'inimaginable. Parce que vous ne cr\u00e9ez pas votre site que pour la gloire, vous voulez inciter vos visiteurs \u00e0 passer","breadcrumb":{"@id":"https:\/\/graphiste.com\/blog\/bouton-web-design\/#breadcrumb"},"inLanguage":"fr-FR","potentialAction":[{"@type":"ReadAction","target":["https:\/\/graphiste.com\/blog\/bouton-web-design\/"]}]},{"@type":"ImageObject","inLanguage":"fr-FR","@id":"https:\/\/graphiste.com\/blog\/bouton-web-design\/#primaryimage","url":"https:\/\/graphiste.com\/blog\/wp-content\/uploads\/sites\/4\/2017\/10\/design-bouton-1.jpg","contentUrl":"https:\/\/graphiste.com\/blog\/wp-content\/uploads\/sites\/4\/2017\/10\/design-bouton-1.jpg","width":850,"height":423,"caption":"Perfectionner le design d'un bouton"},{"@type":"BreadcrumbList","@id":"https:\/\/graphiste.com\/blog\/bouton-web-design\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Blog","item":"https:\/\/graphiste.com\/blog\/"},{"@type":"ListItem","position":2,"name":"Webdesign","item":"https:\/\/graphiste.com\/blog\/webdesign\/"},{"@type":"ListItem","position":3,"name":"Comment perfectionner le design de vos boutons&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\/cc3b0a678aeffcae19ecc599eaf679e5","name":"Thomas Lazzaroni","image":{"@type":"ImageObject","inLanguage":"fr-FR","@id":"https:\/\/graphiste.com\/blog\/#\/schema\/person\/image\/","url":"https:\/\/secure.gravatar.com\/avatar\/7306fb87b7017ab0955d07c2f2b771ac79e91965a2fca514df0c043f7c087fd2?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/7306fb87b7017ab0955d07c2f2b771ac79e91965a2fca514df0c043f7c087fd2?s=96&d=mm&r=g","caption":"Thomas Lazzaroni"},"description":"Depuis plus de 10 ans, je contribue \u00e0 faire rayonner nos sites en imaginant des strat\u00e9gies qui renforcent notre visibilit\u00e9 et notre position de r\u00e9f\u00e9rence.","sameAs":["https:\/\/www.linkedin.com\/in\/thomaslazzaroni\/","https:\/\/x.com\/totolazza"],"url":"https:\/\/graphiste.com\/blog\/author\/thomas\/"}]}},"_links":{"self":[{"href":"https:\/\/graphiste.com\/blog\/wp-json\/wp\/v2\/posts\/4611","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\/5"}],"replies":[{"embeddable":true,"href":"https:\/\/graphiste.com\/blog\/wp-json\/wp\/v2\/comments?post=4611"}],"version-history":[{"count":0,"href":"https:\/\/graphiste.com\/blog\/wp-json\/wp\/v2\/posts\/4611\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/graphiste.com\/blog\/wp-json\/wp\/v2\/media\/4613"}],"wp:attachment":[{"href":"https:\/\/graphiste.com\/blog\/wp-json\/wp\/v2\/media?parent=4611"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/graphiste.com\/blog\/wp-json\/wp\/v2\/categories?post=4611"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/graphiste.com\/blog\/wp-json\/wp\/v2\/tags?post=4611"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}