{"id":14096,"date":"2019-10-25T10:30:26","date_gmt":"2019-10-25T08:30:26","guid":{"rendered":"https:\/\/graphiste.com\/blog\/?p=14096"},"modified":"2025-08-19T17:15:34","modified_gmt":"2025-08-19T15:15:34","slug":"5-regles-boutons-call-to-action","status":"publish","type":"post","link":"https:\/\/graphiste.com\/blog\/5-regles-boutons-call-to-action\/","title":{"rendered":"Web design&nbsp;: 5 r\u00e8gles pour vos boutons call-to-action"},"content":{"rendered":"<p>Ces fameux \u00ab Call To Action \u00bb, casse-t\u00eate pour marketeurs et graphistes.<br \/>\nComment faire en sorte qu\u2019ils sortent du lot, qu\u2019ils soient cliqu\u00e9s ou encore mieux, qu\u2019ils convertissent&nbsp;?<\/p>\n<p>Voici quelques r\u00e8gles glan\u00e9es aupr\u00e8s d\u2019experts pour que le <a href=\"https:\/\/graphiste.com\/blog\/choisir-forme-bouton\">design et l\u2019accroche de vos boutons<\/a> fassent cliquer vos visiteurs.<\/p>\n<blockquote><p>Cet article met \u00e0 jour notre pr\u00e9c\u00e9dent papier <a href=\"https:\/\/graphiste.com\/blog\/bouton-web-design\" target=\"_blank\" rel=\"noopener noreferrer\">\u00ab Comment perfectionner le design de vos boutons \u00bb<\/a> sur lequel nous ne reviendrons pas ici. <\/p><\/blockquote>\n<p>N\u2019h\u00e9sitez pas \u00e0 le consulter pour compl\u00e9ter votre lecture&nbsp;!<\/p>\n<h2><strong>1. Donnez un feedback \u00e0 votre utilisateur<\/strong><\/h2>\n<figure id=\"attachment_14102\" aria-describedby=\"caption-attachment-14102\" style=\"width: 589px\" class=\"wp-caption aligncenter\"><img decoding=\"async\" class=\"wp-image-14102 \" src=\"https:\/\/graphiste.com\/blog\/wp-content\/uploads\/sites\/4\/2019\/10\/bouton-call-to-action.gif\" alt=\"\" width=\"589\" height=\"442\" \/><figcaption id=\"caption-attachment-14102\" class=\"wp-caption-text\"><a href=\"https:\/\/dribbble.com\/vadim_gromov\" target=\"_blank\" rel=\"noopener noreferrer\">Credit&nbsp;: Vadim Gromov<\/a><\/figcaption><\/figure>\n<p>Nous avons tous connu cette situation frustrante de cliquer sur un bouton sans que rien ne se passe.<\/p>\n<p>\u00c9vitez ce sentiment d\u00e9sagr\u00e9able en mettant en place un feedback visuel et\/ou sonore (plus rare) pour que votre utilisateur sache que sa requ\u00eate est en cours de traitement.<\/p>\n<p><img decoding=\"async\" class=\"aligncenter wp-image-8447\" style=\"color: #000000;font-family: -webkit-standard\" src=\"https:\/\/graphiste.com\/blog\/wp-content\/uploads\/sites\/4\/2018\/10\/animation-bouton-min.gif\" alt=\"\" width=\"495\" height=\"371\" \/><\/p>\n<p>Cela rassurera le visiteur et vous \u00e9vitera de le voir partir de votre site parce qu\u2019il s\u2019est impatient\u00e9 \u00e0 cause d\u2019un bouton qu\u2019il pensait non fonctionnel.<\/p>\n<p>En manque d\u2019inspiration\u00a0? Voici 15 <a href=\"https:\/\/graphiste.com\/blog\/animations-css-dynamiser-boutons\">animations <\/a>CSS pour dynamiser vos call-to-action\u00a0!<\/p>\n<h2><strong>2. Ne laissez pas le pli faire la loi<\/strong><\/h2>\n<p>Le \u00ab\u00a0pli\u00a0\u00bb, la \u00ab\u00a0ligne de flottaison\u00a0\u00bb\u2026 Appelez-la comme vous voulez, mais vous trouverez beaucoup d\u2019articles vous conseillant de mettre votre call-to-action <strong>au-dessus de cette ligne<\/strong> apr\u00e8s laquelle il faut scroller pour voir le reste de la page.<\/p>\n<p><strong>Seul probl\u00e8me\u00a0:<\/strong> vous demandez \u00e0 vos clients de r\u00e9aliser une action parfois avant m\u00eame qu\u2019ils aient compris la valeur ajout\u00e9e de votre produit ou service. <\/p>\n<ul>\n<li>D\u2019apr\u00e8s les tests de <a href=\"https:\/\/marketingexperiments.com\" target=\"_blank\" rel=\"noopener noreferrer\">marketingexperiments<\/a>, parfois une page \u00ab\u00a0longue et moche\u00a0\u00bb suivie d\u2019un CTA peut avoir des r\u00e9sultats \u00e9tonnants.<\/li>\n<li>Dans le cadre de leur exp\u00e9rience, ils ont obtenu un taux de conversion sup\u00e9rieur de <strong>74%<\/strong> par rapport \u00e0 la page t\u00e9moin avec le call to action au-dessus du pli.<\/li>\n<\/ul>\n<p> Cette technique peut-\u00eatre efficace pour les produits et services dont le b\u00e9n\u00e9fice n\u2019est pas imm\u00e9diatement identifiable, comme dans cet <a href=\"https:\/\/marketingexperiments.com\/value-proposition\/call-to-action-location\">exemple <\/a>o\u00f9 un <strong>think tank<\/strong> demandait des dons.<\/p>\n<blockquote><p>\u00c0 lire aussi&nbsp;: <a href=\"https:\/\/graphiste.com\/blog\/erreurs-boutons-call-to-action\">CTA&nbsp;: 6 erreurs courantes qui vous font perdre des conversions<\/a><\/p><\/blockquote>\n<h2><strong>3. Utilisez la premi\u00e8re personne<\/strong><\/h2>\n<p>Un CTA c\u2019est du design certes, mais c\u2019est aussi des<strong> mots.<\/strong><br \/>\nEt si le \u00ab vous \u00bb est de rigueur dans le corps de votre page, essayez donc de mettre un peu de \u00ab moi \u00bb ou de \u00ab mon \u00bb dans le texte des boutons.<\/p>\n<p><img decoding=\"async\" class=\"aligncenter size-full wp-image-14098\" src=\"https:\/\/graphiste.com\/blog\/wp-content\/uploads\/sites\/4\/2019\/10\/cta-buttons-first-person-text.png\" alt=\"CTA bouton exemple web\" width=\"629\" height=\"306\" \/><\/p>\n<p><strong>Copyblogger<\/strong> a fait le test&nbsp;: entre le CTA t\u00e9moin et sa nouvelle version (Treatment B ci-dessus) ils ont remarqu\u00e9 une augmentation de 24% des r\u00e9sultats.<\/p>\n<p>L\u2019histoire ne dit pas si la suppression du num\u00e9ro de t\u00e9l\u00e9phone et l\u2019ajout de la petite phrase mettant l\u2019accent sur les <strong>b\u00e9n\u00e9fices<\/strong> y sont pour quelque chose, mais c\u2019est une variation non n\u00e9gligeable que vous pourrez tester sur vos propres sites.<\/p>\n<blockquote><p>\u00c0 lire aussi&nbsp;:<a href=\"https:\/\/graphiste.com\/blog\/webdesign-charte-graphique-parfaite-site-web\">\u00a0Web design\u00a0: 4 \u00e9tapes pour une charte graphique parfaite\u00a0!<\/a><\/p><\/blockquote>\n<h2><strong>4. Mettez \u00e0 profit l\u2019\u00e9motion et l\u2019enthousiasme<\/strong><\/h2>\n<p><img decoding=\"async\" class=\"aligncenter wp-image-14107\" src=\"https:\/\/graphiste.com\/blog\/wp-content\/uploads\/sites\/4\/2019\/10\/cta-bouton-button-inspirant.png\" alt=\"ct\u00e9 bouton call to action\" width=\"461\" height=\"365\" \/><\/p>\n<p>De nombreuses \u00e9tudes ont trait\u00e9 ce sujet\u00a0: <strong>l\u2019\u00e9motion fait vendre<\/strong>, et cela passe aussi par vos CTA.<\/p>\n<p>Plut\u00f4t qu\u2019un simple \u00ab\u00a0R\u00e9servez\u00a0\u00bb, une agence de voyage devrait utiliser <em>\u00ab\u00a0R\u00e9servez le voyage de vos r\u00eaves\u00a0!\u00a0\u00bb<\/em>. La notion de r\u00eave renvoie directement \u00e0 l\u2019imaginaire du client et le point d\u2019exclamation donne du punch \u00e0 l\u2019appel \u00e0 l\u2019action.<\/p>\n<blockquote><p>\u00c0 lire aussi&nbsp;: <a href=\"https:\/\/graphiste.com\/blog\/creer-micro-interaction-efficace\">Comment cr\u00e9er une micro-interaction efficace&nbsp;?<\/a><\/p><\/blockquote>\n<h2><strong>5. Testez, testez, testez<\/strong><\/h2>\n<p><img decoding=\"async\" class=\"aligncenter size-full wp-image-14103\" src=\"https:\/\/graphiste.com\/blog\/wp-content\/uploads\/sites\/4\/2019\/10\/bouton-forme-call-to-action.png\" alt=\"\" width=\"224\" height=\"354\" \/><\/p>\n<ul>\n<li>Choisirez-vous le sobre et s\u00e9rieux bouton rectangulaire ou opterez-vous pour plus de rondeur avec un bouton \u00e0 coins arrondis\u00a0?<\/li>\n<li>Quelle couleur convertit le plus\u00a0: rouge ou vert\u00a0?<\/li>\n<li>Ce texte-ci g\u00e9n\u00e8re-t-il plus de clics que ce texte-l\u00e0\u00a0?<\/li>\n<\/ul>\n<p> A ces trois questions, il n\u2019y a qu\u2019une seule bonne r\u00e9ponse\u00a0: <strong>faites des tests<\/strong> pour savoir ce qui marche le mieux.<\/p>\n<p>Chaque site est unique, et il en va ainsi des go\u00fbts de votre cible, des modes au moment o\u00f9 votre page va sortir\u2026 Une recette qui a bien march\u00e9 pour certains ne fonctionnera pas forc\u00e9ment pour d\u2019autres.<\/p>\n<p>Soyez cr\u00e9atifs et lancez-vous dans des exp\u00e9rimentations pour conna\u00eetre les recettes qui VOUS correspondent. Un seul conseil \u00e0 respecter quoi qu\u2019il arrive\u00a0: faites des boutons qui ressemblent \u00e0 des boutons.<\/p>\n<p>Si vous jouez \u00e0 <em>\u00ab\u00a0O\u00f9 est le bouton\u00a0\u00bb<\/em>, vous perdrez forc\u00e9ment des prospects potentiels en route.<\/p>\n<blockquote><p><strong>ABtasty<\/strong>, <strong>Optimizely<\/strong>, <strong>Unbounce<\/strong>\u2026 Nombreuses sont les solutions d\u2019AB testing disponibles sur le march\u00e9\u2026 D\u00e9couvrez-en <a href=\"https:\/\/www.codeur.com\/blog\/logiciel-ab-testing\/\" target=\"_blank\" rel=\"noopener noreferrer\">quelques-unes ici\u00a0<\/a>!<\/p><\/blockquote>\n<blockquote><p>\u00c0 lire aussi&nbsp;:\u00a0<a href=\"https:\/\/graphiste.com\/blog\/comment-trouver-la-palette-ideale-pour-votre-charte-graphique\">Comment trouver la palette id\u00e9ale pour votre charte graphique\u00a0?<\/a><\/p><\/blockquote>\n<p>&nbsp;<\/p>\n<p>Vous avez bien int\u00e9gr\u00e9 nos conseils mais ne vous sentez pas de taille pour les appliquer\u00a0?<br \/>\nEngagez un graphiste sur <a href=\"https:\/\/graphiste.com\/\">Graphiste.com<\/a> pour r\u00e9aliser vos boutons, et bien plus encore, \u00e0 votre place\u00a0!<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Ces fameux \u00ab Call To Action \u00bb, casse-t\u00eate pour marketeurs et graphistes. Comment faire en sorte qu\u2019ils sortent du lot, qu\u2019ils soient cliqu\u00e9s ou encore mieux, qu\u2019ils convertissent&nbsp;? Voici quelques r\u00e8gles glan\u00e9es aupr\u00e8s d\u2019experts pour que le design et l\u2019accroche de vos boutons fassent cliquer vos visiteurs. Cet article met \u00e0 jour notre pr\u00e9c\u00e9dent papier [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":14114,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"inline_featured_image":false,"footnotes":""},"categories":[27],"tags":[42,69],"class_list":["post-14096","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-webdesign","tag-creer-marque","tag-graphisme"],"acf":[],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v25.9 - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>Web design : 5 r\u00e8gles pour vos boutons call-to-action - Graphiste Blog<\/title>\n<meta name=\"description\" content=\"Ces fameux \u00ab Call To Action \u00bb, casse-t\u00eate pour marketeurs et graphistes. Comment faire en sorte qu\u2019ils sortent du lot, qu\u2019ils soient cliqu\u00e9s ou encore\" \/>\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\/5-regles-boutons-call-to-action\/\" \/>\n<meta property=\"og:locale\" content=\"fr_FR\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Web design : 5 r\u00e8gles pour vos boutons call-to-action - Graphiste Blog\" \/>\n<meta property=\"og:description\" content=\"Ces fameux \u00ab Call To Action \u00bb, casse-t\u00eate pour marketeurs et graphistes. Comment faire en sorte qu\u2019ils sortent du lot, qu\u2019ils soient cliqu\u00e9s ou encore\" \/>\n<meta property=\"og:url\" content=\"https:\/\/graphiste.com\/blog\/5-regles-boutons-call-to-action\/\" \/>\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-10-25T08:30:26+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2025-08-19T15:15:34+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/graphiste.com\/blog\/wp-content\/uploads\/sites\/4\/2019\/10\/blog-img-graphiste-5-regle-pour-bouton-call-to-action-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=\"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=\"5 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\/\/graphiste.com\/blog\/5-regles-boutons-call-to-action\/#article\",\"isPartOf\":{\"@id\":\"https:\/\/graphiste.com\/blog\/5-regles-boutons-call-to-action\/\"},\"author\":{\"name\":\"Laura Michaud\",\"@id\":\"https:\/\/graphiste.com\/blog\/#\/schema\/person\/33c0ef04707fbe50a096f282050bb5f2\"},\"headline\":\"Web design&nbsp;: 5 r\u00e8gles pour vos boutons call-to-action\",\"datePublished\":\"2019-10-25T08:30:26+00:00\",\"dateModified\":\"2025-08-19T15:15:34+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\/\/graphiste.com\/blog\/5-regles-boutons-call-to-action\/\"},\"wordCount\":804,\"publisher\":{\"@id\":\"https:\/\/graphiste.com\/blog\/#organization\"},\"image\":{\"@id\":\"https:\/\/graphiste.com\/blog\/5-regles-boutons-call-to-action\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/graphiste.com\/blog\/wp-content\/uploads\/sites\/4\/2019\/10\/blog-img-graphiste-5-regle-pour-bouton-call-to-action-1.jpg\",\"keywords\":[\"Cr\u00e9er votre marque\",\"Tout savoir sur le Graphisme\"],\"articleSection\":[\"Webdesign\"],\"inLanguage\":\"fr-FR\"},{\"@type\":\"WebPage\",\"@id\":\"https:\/\/graphiste.com\/blog\/5-regles-boutons-call-to-action\/\",\"url\":\"https:\/\/graphiste.com\/blog\/5-regles-boutons-call-to-action\/\",\"name\":\"Web design : 5 r\u00e8gles pour vos boutons call-to-action - Graphiste Blog\",\"isPartOf\":{\"@id\":\"https:\/\/graphiste.com\/blog\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/graphiste.com\/blog\/5-regles-boutons-call-to-action\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/graphiste.com\/blog\/5-regles-boutons-call-to-action\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/graphiste.com\/blog\/wp-content\/uploads\/sites\/4\/2019\/10\/blog-img-graphiste-5-regle-pour-bouton-call-to-action-1.jpg\",\"datePublished\":\"2019-10-25T08:30:26+00:00\",\"dateModified\":\"2025-08-19T15:15:34+00:00\",\"description\":\"Ces fameux \u00ab Call To Action \u00bb, casse-t\u00eate pour marketeurs et graphistes. Comment faire en sorte qu\u2019ils sortent du lot, qu\u2019ils soient cliqu\u00e9s ou encore\",\"breadcrumb\":{\"@id\":\"https:\/\/graphiste.com\/blog\/5-regles-boutons-call-to-action\/#breadcrumb\"},\"inLanguage\":\"fr-FR\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/graphiste.com\/blog\/5-regles-boutons-call-to-action\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"fr-FR\",\"@id\":\"https:\/\/graphiste.com\/blog\/5-regles-boutons-call-to-action\/#primaryimage\",\"url\":\"https:\/\/graphiste.com\/blog\/wp-content\/uploads\/sites\/4\/2019\/10\/blog-img-graphiste-5-regle-pour-bouton-call-to-action-1.jpg\",\"contentUrl\":\"https:\/\/graphiste.com\/blog\/wp-content\/uploads\/sites\/4\/2019\/10\/blog-img-graphiste-5-regle-pour-bouton-call-to-action-1.jpg\",\"width\":850,\"height\":423},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/graphiste.com\/blog\/5-regles-boutons-call-to-action\/#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\":\"Web design&nbsp;: 5 r\u00e8gles pour vos boutons call-to-action\"}]},{\"@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":"Web design : 5 r\u00e8gles pour vos boutons call-to-action - Graphiste Blog","description":"Ces fameux \u00ab Call To Action \u00bb, casse-t\u00eate pour marketeurs et graphistes. Comment faire en sorte qu\u2019ils sortent du lot, qu\u2019ils soient cliqu\u00e9s ou encore","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\/5-regles-boutons-call-to-action\/","og_locale":"fr_FR","og_type":"article","og_title":"Web design : 5 r\u00e8gles pour vos boutons call-to-action - Graphiste Blog","og_description":"Ces fameux \u00ab Call To Action \u00bb, casse-t\u00eate pour marketeurs et graphistes. Comment faire en sorte qu\u2019ils sortent du lot, qu\u2019ils soient cliqu\u00e9s ou encore","og_url":"https:\/\/graphiste.com\/blog\/5-regles-boutons-call-to-action\/","og_site_name":"Graphiste.com","article_publisher":"https:\/\/www.facebook.com\/graphistesfreelances","article_published_time":"2019-10-25T08:30:26+00:00","article_modified_time":"2025-08-19T15:15:34+00:00","og_image":[{"width":850,"height":423,"url":"https:\/\/graphiste.com\/blog\/wp-content\/uploads\/sites\/4\/2019\/10\/blog-img-graphiste-5-regle-pour-bouton-call-to-action-1.jpg","type":"image\/jpeg"}],"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":"5 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/graphiste.com\/blog\/5-regles-boutons-call-to-action\/#article","isPartOf":{"@id":"https:\/\/graphiste.com\/blog\/5-regles-boutons-call-to-action\/"},"author":{"name":"Laura Michaud","@id":"https:\/\/graphiste.com\/blog\/#\/schema\/person\/33c0ef04707fbe50a096f282050bb5f2"},"headline":"Web design&nbsp;: 5 r\u00e8gles pour vos boutons call-to-action","datePublished":"2019-10-25T08:30:26+00:00","dateModified":"2025-08-19T15:15:34+00:00","mainEntityOfPage":{"@id":"https:\/\/graphiste.com\/blog\/5-regles-boutons-call-to-action\/"},"wordCount":804,"publisher":{"@id":"https:\/\/graphiste.com\/blog\/#organization"},"image":{"@id":"https:\/\/graphiste.com\/blog\/5-regles-boutons-call-to-action\/#primaryimage"},"thumbnailUrl":"https:\/\/graphiste.com\/blog\/wp-content\/uploads\/sites\/4\/2019\/10\/blog-img-graphiste-5-regle-pour-bouton-call-to-action-1.jpg","keywords":["Cr\u00e9er votre marque","Tout savoir sur le Graphisme"],"articleSection":["Webdesign"],"inLanguage":"fr-FR"},{"@type":"WebPage","@id":"https:\/\/graphiste.com\/blog\/5-regles-boutons-call-to-action\/","url":"https:\/\/graphiste.com\/blog\/5-regles-boutons-call-to-action\/","name":"Web design : 5 r\u00e8gles pour vos boutons call-to-action - Graphiste Blog","isPartOf":{"@id":"https:\/\/graphiste.com\/blog\/#website"},"primaryImageOfPage":{"@id":"https:\/\/graphiste.com\/blog\/5-regles-boutons-call-to-action\/#primaryimage"},"image":{"@id":"https:\/\/graphiste.com\/blog\/5-regles-boutons-call-to-action\/#primaryimage"},"thumbnailUrl":"https:\/\/graphiste.com\/blog\/wp-content\/uploads\/sites\/4\/2019\/10\/blog-img-graphiste-5-regle-pour-bouton-call-to-action-1.jpg","datePublished":"2019-10-25T08:30:26+00:00","dateModified":"2025-08-19T15:15:34+00:00","description":"Ces fameux \u00ab Call To Action \u00bb, casse-t\u00eate pour marketeurs et graphistes. Comment faire en sorte qu\u2019ils sortent du lot, qu\u2019ils soient cliqu\u00e9s ou encore","breadcrumb":{"@id":"https:\/\/graphiste.com\/blog\/5-regles-boutons-call-to-action\/#breadcrumb"},"inLanguage":"fr-FR","potentialAction":[{"@type":"ReadAction","target":["https:\/\/graphiste.com\/blog\/5-regles-boutons-call-to-action\/"]}]},{"@type":"ImageObject","inLanguage":"fr-FR","@id":"https:\/\/graphiste.com\/blog\/5-regles-boutons-call-to-action\/#primaryimage","url":"https:\/\/graphiste.com\/blog\/wp-content\/uploads\/sites\/4\/2019\/10\/blog-img-graphiste-5-regle-pour-bouton-call-to-action-1.jpg","contentUrl":"https:\/\/graphiste.com\/blog\/wp-content\/uploads\/sites\/4\/2019\/10\/blog-img-graphiste-5-regle-pour-bouton-call-to-action-1.jpg","width":850,"height":423},{"@type":"BreadcrumbList","@id":"https:\/\/graphiste.com\/blog\/5-regles-boutons-call-to-action\/#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":"Web design&nbsp;: 5 r\u00e8gles pour vos boutons call-to-action"}]},{"@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\/14096","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=14096"}],"version-history":[{"count":0,"href":"https:\/\/graphiste.com\/blog\/wp-json\/wp\/v2\/posts\/14096\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/graphiste.com\/blog\/wp-json\/wp\/v2\/media\/14114"}],"wp:attachment":[{"href":"https:\/\/graphiste.com\/blog\/wp-json\/wp\/v2\/media?parent=14096"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/graphiste.com\/blog\/wp-json\/wp\/v2\/categories?post=14096"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/graphiste.com\/blog\/wp-json\/wp\/v2\/tags?post=14096"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}