{"id":8240,"date":"2018-10-16T10:30:34","date_gmt":"2018-10-16T08:30:34","guid":{"rendered":"https:\/\/graphiste.com\/blog\/?p=8240"},"modified":"2025-08-20T17:22:39","modified_gmt":"2025-08-20T15:22:39","slug":"reussir-header-site-web","status":"publish","type":"post","link":"https:\/\/graphiste.com\/blog\/reussir-header-site-web\/","title":{"rendered":"Les conseils pour r\u00e9ussir le header de votre site"},"content":{"rendered":"<p>Le <a href=\"https:\/\/graphiste.com\/blog\/web-design-meilleures-pratiques-exemples-header\">header<\/a> d&#8217;un site internet compte parmi ses \u00e9l\u00e9ments plus importants.<\/p>\n<p>Vous devez <a href=\"https:\/\/graphiste.com\/blog\/concevoir-header-newsletter-design\">concevoir un header<\/a> qui soit \u00e0 la fois utile pour vous, en termes de communication, et pratique pour l&#8217;internaute, en termes de <a href=\"https:\/\/graphiste.com\/blog\/meilleure-navigation-site-web\" target=\"_blank\" rel=\"noopener noreferrer\">navigation<\/a>.<\/p>\n<p>Pour quelle raison et, surtout, comment vous devez le composer, c&#8217;est ce que nous allons \u00e9tudier dans l&#8217;article du jour.<\/p>\n<h2>Pourquoi le header est-il aussi important&nbsp;?<\/h2>\n<p>Le header est la premi\u00e8re chose que les internautes voient en arrivant sur un site. Tout simplement parce que, dans notre culture, nous avons appris \u00e0 lire de haut en bas et \u00e9galement \u00e0 placer les titres, c&#8217;est-\u00e0-dire les informations principales, tout en haut.<\/p>\n<figure id=\"attachment_8243\" aria-describedby=\"caption-attachment-8243\" style=\"width: 600px\" class=\"wp-caption aligncenter\"><img decoding=\"async\" class=\"wp-image-8243 size-full\" src=\"https:\/\/graphiste.com\/blog\/wp-content\/uploads\/sites\/4\/2018\/10\/header-site-web.png\" alt=\"Header site web\" width=\"600\" height=\"192\" \/><figcaption id=\"caption-attachment-8243\" class=\"wp-caption-text\">Source&nbsp;: Karv<\/figcaption><\/figure>\n<p>Regarder ce qui est pr\u00e9sent\u00e9 dans la partie sup\u00e9rieure d&#8217;un site internet est donc un r\u00e9flexe naturel, que nous avons plus ou moins appris \u00e0 combattre&nbsp;: nous pr\u00eatons moins attention aux headers des sites que nous avons l&#8217;habitude de fr\u00e9quenter.<\/p>\n<p>Mais nous restons tr\u00e8s attentifs \u00e0 ceux des nouvelles pages que nous d\u00e9couvrons.<\/p>\n<h2>Placez votre header pour le rendre visible<\/h2>\n<p>Le header appara\u00eet donc en premier. Mais il y a mieux encore \u00e0 faire&nbsp;: il doit conserver cette premi\u00e8re place.<\/p>\n<p>Un header bien construit reste ancr\u00e9 en haut de la fen\u00eatre de navigation, m\u00eame quand celle-ci d\u00e9file.<\/p>\n<p>Le but de cette d\u00e9marche est de laisser toujours \u00e0 port\u00e9e de l&#8217;internaute les informations dont il pourrait avoir besoin. N&#8217;oubliez pas qu&#8217;une d\u00e9marche de conception d&#8217;un site internet doit \u00eatre tourn\u00e9e vers l&#8217;utilisateur en premier&nbsp;!<\/p>\n<h2>Que doit contenir le header&nbsp;?<\/h2>\n<p>Dans votre header, vous avez bien s\u00fbr pens\u00e9 \u00e0 int\u00e9grer le nom de votre soci\u00e9t\u00e9, voire son <a href=\"https:\/\/graphiste.com\/blog\/best-of-creation-logo\" target=\"_blank\" rel=\"noopener noreferrer\">logo<\/a>. Ceci permet de toujours rappeler qu&#8217;il s&#8217;agit de votre site, \u00e0 n&#8217;importe quelle \u00e9tape de la navigation.<\/p>\n<p>Mais vous devez aussi vous demander ce qui sera utile aux visiteurs de votre page. Ce pourrait \u00eatre&nbsp;:<\/p>\n<ul>\n<li>Un <a href=\"https:\/\/graphiste.com\/blog\/conseils-webdesign-menu\" target=\"_blank\" rel=\"noopener noreferrer\">menu contextuel<\/a> vers les diff\u00e9rentes sections de votre site<\/li>\n<li>Des informations de contact<\/li>\n<li>Des liens vers vos r\u00e9seaux sociaux<\/li>\n<li>Un <a href=\"https:\/\/graphiste.com\/blog\/web-design-barre-de-recherche\">moteur de recherche interne<\/a><\/li>\n<li>Un lien vers une page de t\u00e9l\u00e9chargement ou d&#8217;achat<\/li>\n<li>Un champ d&#8217;inscription \u00e0 une newsletter<\/li>\n<li>Votre slogan, etc.<\/li>\n<\/ul>\n<figure id=\"attachment_8248\" aria-describedby=\"caption-attachment-8248\" style=\"width: 600px\" class=\"wp-caption aligncenter\"><img decoding=\"async\" class=\"wp-image-8248 size-full\" src=\"https:\/\/graphiste.com\/blog\/wp-content\/uploads\/sites\/4\/2018\/10\/header-composants.png\" alt=\"El\u00e9ments du header\" width=\"600\" height=\"270\" \/><figcaption id=\"caption-attachment-8248\" class=\"wp-caption-text\">Source&nbsp;: <a href=\"https:\/\/www.shoppinginbirmingham.com\/\" target=\"_blank\" rel=\"noopener noreferrer\">Shopping in Birmingham<\/a><\/figcaption><\/figure>\n<p>Cette liste n&#8217;est pas exhaustive. Surtout, elle ne doit pas \u00eatre suivie dans son int\u00e9gralit\u00e9. Un header qui contiendrait trop d&#8217;\u00e9l\u00e9ments, trop d&#8217;informations, occuperait beaucoup de place sur l&#8217;\u00e9cran\u2026 et serait rapidement illisible \u00e0 l&#8217;usage.<\/p>\n<p>Vous allez devoir apprendre \u00e0 synth\u00e9tiser\u2026 et c&#8217;est l\u00e0 que les quelques astuces suivantes vous aideront \u00e0 rendre votre header pr\u00e9sentable.<\/p>\n<h2>Comment g\u00e9rer l&#8217;espace dans un header<\/h2>\n<p>Nous l&#8217;avons vu, il peut y avoir beaucoup de liens et de composants dans un header. Il existe plusieurs mani\u00e8res de conserver ceux-ci, si vous les estimez essentiels, sans pour autant les rendre envahissants.<\/p>\n<p>Vous pouvez&nbsp;:<\/p>\n<ul>\n<li><a href=\"https:\/\/graphiste.com\/blog\/web-design-menu-hamburger\" target=\"_blank\" rel=\"noopener noreferrer\"><strong>Opter pour un menu hamburger<\/strong><\/a>&nbsp;: tout le monde a maintenant appris \u00e0 reconna\u00eetre ces trois petites lignes qui signalent la pr\u00e9sence d&#8217;un menu \u00e0 d\u00e9rouler. Gain de place assur\u00e9 avec cet outil, qui vous permettra de rediriger les internautes selon leurs choix.<\/li>\n<li><strong>D\u00e9velopper deux versions du header<\/strong>&nbsp;: une compl\u00e8te, qui s&#8217;affiche quand on arrive sur la page ou quand la souris revient dessus, et une plus succincte, qui ne reprend que les \u00e9l\u00e9ments du haut. C&#8217;est un header qui se d\u00e9ploie uniquement quand les gens en ont besoin.<\/li>\n<li><strong>Pr\u00e9voir des header adapt\u00e9s en fonction des sections de votre site<\/strong>. La partie principale devra rester toujours identique, pour un effet d&#8217;unit\u00e9, mais la partie secondaire pourra se d\u00e9ployer avec des informations diff\u00e9rentes.<\/li>\n<\/ul>\n<figure id=\"attachment_8250\" aria-describedby=\"caption-attachment-8250\" style=\"width: 600px\" class=\"wp-caption aligncenter\"><img decoding=\"async\" class=\"wp-image-8250 size-full\" src=\"https:\/\/graphiste.com\/blog\/wp-content\/uploads\/sites\/4\/2018\/10\/menu-hamburger.png\" alt=\"Menu hamburger\" width=\"600\" height=\"470\" \/><figcaption id=\"caption-attachment-8250\" class=\"wp-caption-text\">Source&nbsp;: <a href=\"https:\/\/malkamedia.com\/#hero\" target=\"_blank\" rel=\"noopener noreferrer\">Malka Media<\/a><\/figcaption><\/figure>\n<p>Quand vous construisez votre header, n&#8217;oubliez pas que la capacit\u00e9 d&#8217;attention, sur internet, reste limit\u00e9e. Au-del\u00e0 de quatre ou cinq notions diff\u00e9rentes dans votre header, vous perdrez l&#8217;int\u00e9r\u00eat de tout le monde.<\/p>\n<p>Soyez efficace\u2026 ce qui ne vous emp\u00eache de vous faire plaisir et de susciter la surprise avec quelques options de pr\u00e9sentation plus originales&nbsp;!<\/p>\n<blockquote><p>\u00c0 lire aussi&nbsp;: <a href=\"https:\/\/graphiste.com\/blog\/web-design-demarquer-footer\" target=\"_blank\" rel=\"noopener noreferrer\">Web design&nbsp;: comment vous d\u00e9marquer avec le footer&nbsp;?<\/a><\/p><\/blockquote>\n","protected":false},"excerpt":{"rendered":"<p>Le header d&#8217;un site internet compte parmi ses \u00e9l\u00e9ments plus importants. Vous devez concevoir un header qui soit \u00e0 la fois utile pour vous, en termes de communication, et pratique pour l&#8217;internaute, en termes de navigation. Pour quelle raison et, surtout, comment vous devez le composer, c&#8217;est ce que nous allons \u00e9tudier dans l&#8217;article du [&hellip;]<\/p>\n","protected":false},"author":5,"featured_media":8252,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"inline_featured_image":false,"footnotes":""},"categories":[27],"tags":[],"class_list":["post-8240","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>Les conseils pour r\u00e9ussir le header de votre site - Graphiste Blog<\/title>\n<meta name=\"description\" content=\"Le header d&#039;un site internet compte parmi ses \u00e9l\u00e9ments plus importants. Vous devez concevoir un header qui soit \u00e0 la fois utile pour vous, en termes de\" \/>\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-header-site-web\/\" \/>\n<meta property=\"og:locale\" content=\"fr_FR\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Les conseils pour r\u00e9ussir le header de votre site - Graphiste Blog\" \/>\n<meta property=\"og:description\" content=\"Le header d&#039;un site internet compte parmi ses \u00e9l\u00e9ments plus importants. Vous devez concevoir un header qui soit \u00e0 la fois utile pour vous, en termes de\" \/>\n<meta property=\"og:url\" content=\"https:\/\/graphiste.com\/blog\/reussir-header-site-web\/\" \/>\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=\"2018-10-16T08:30:34+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2025-08-20T15:22:39+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/graphiste.com\/blog\/wp-content\/uploads\/sites\/4\/2018\/10\/graphiste-header-site-web-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=\"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\/reussir-header-site-web\/#article\",\"isPartOf\":{\"@id\":\"https:\/\/graphiste.com\/blog\/reussir-header-site-web\/\"},\"author\":{\"name\":\"Thomas Lazzaroni\",\"@id\":\"https:\/\/graphiste.com\/blog\/#\/schema\/person\/cc3b0a678aeffcae19ecc599eaf679e5\"},\"headline\":\"Les conseils pour r\u00e9ussir le header de votre site\",\"datePublished\":\"2018-10-16T08:30:34+00:00\",\"dateModified\":\"2025-08-20T15:22:39+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\/\/graphiste.com\/blog\/reussir-header-site-web\/\"},\"wordCount\":731,\"commentCount\":0,\"publisher\":{\"@id\":\"https:\/\/graphiste.com\/blog\/#organization\"},\"image\":{\"@id\":\"https:\/\/graphiste.com\/blog\/reussir-header-site-web\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/graphiste.com\/blog\/wp-content\/uploads\/sites\/4\/2018\/10\/graphiste-header-site-web-1.png\",\"articleSection\":[\"Webdesign\"],\"inLanguage\":\"fr-FR\",\"potentialAction\":[{\"@type\":\"CommentAction\",\"name\":\"Comment\",\"target\":[\"https:\/\/graphiste.com\/blog\/reussir-header-site-web\/#respond\"]}]},{\"@type\":\"WebPage\",\"@id\":\"https:\/\/graphiste.com\/blog\/reussir-header-site-web\/\",\"url\":\"https:\/\/graphiste.com\/blog\/reussir-header-site-web\/\",\"name\":\"Les conseils pour r\u00e9ussir le header de votre site - Graphiste Blog\",\"isPartOf\":{\"@id\":\"https:\/\/graphiste.com\/blog\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/graphiste.com\/blog\/reussir-header-site-web\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/graphiste.com\/blog\/reussir-header-site-web\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/graphiste.com\/blog\/wp-content\/uploads\/sites\/4\/2018\/10\/graphiste-header-site-web-1.png\",\"datePublished\":\"2018-10-16T08:30:34+00:00\",\"dateModified\":\"2025-08-20T15:22:39+00:00\",\"description\":\"Le header d'un site internet compte parmi ses \u00e9l\u00e9ments plus importants. Vous devez concevoir un header qui soit \u00e0 la fois utile pour vous, en termes de\",\"breadcrumb\":{\"@id\":\"https:\/\/graphiste.com\/blog\/reussir-header-site-web\/#breadcrumb\"},\"inLanguage\":\"fr-FR\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/graphiste.com\/blog\/reussir-header-site-web\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"fr-FR\",\"@id\":\"https:\/\/graphiste.com\/blog\/reussir-header-site-web\/#primaryimage\",\"url\":\"https:\/\/graphiste.com\/blog\/wp-content\/uploads\/sites\/4\/2018\/10\/graphiste-header-site-web-1.png\",\"contentUrl\":\"https:\/\/graphiste.com\/blog\/wp-content\/uploads\/sites\/4\/2018\/10\/graphiste-header-site-web-1.png\",\"width\":850,\"height\":423,\"caption\":\"Header site web\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/graphiste.com\/blog\/reussir-header-site-web\/#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\":\"Les conseils pour r\u00e9ussir le header de votre site\"}]},{\"@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":"Les conseils pour r\u00e9ussir le header de votre site - Graphiste Blog","description":"Le header d'un site internet compte parmi ses \u00e9l\u00e9ments plus importants. Vous devez concevoir un header qui soit \u00e0 la fois utile pour vous, en termes de","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-header-site-web\/","og_locale":"fr_FR","og_type":"article","og_title":"Les conseils pour r\u00e9ussir le header de votre site - Graphiste Blog","og_description":"Le header d'un site internet compte parmi ses \u00e9l\u00e9ments plus importants. Vous devez concevoir un header qui soit \u00e0 la fois utile pour vous, en termes de","og_url":"https:\/\/graphiste.com\/blog\/reussir-header-site-web\/","og_site_name":"Graphiste.com","article_publisher":"https:\/\/www.facebook.com\/graphistesfreelances","article_published_time":"2018-10-16T08:30:34+00:00","article_modified_time":"2025-08-20T15:22:39+00:00","og_image":[{"width":850,"height":423,"url":"https:\/\/graphiste.com\/blog\/wp-content\/uploads\/sites\/4\/2018\/10\/graphiste-header-site-web-1.png","type":"image\/png"}],"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\/reussir-header-site-web\/#article","isPartOf":{"@id":"https:\/\/graphiste.com\/blog\/reussir-header-site-web\/"},"author":{"name":"Thomas Lazzaroni","@id":"https:\/\/graphiste.com\/blog\/#\/schema\/person\/cc3b0a678aeffcae19ecc599eaf679e5"},"headline":"Les conseils pour r\u00e9ussir le header de votre site","datePublished":"2018-10-16T08:30:34+00:00","dateModified":"2025-08-20T15:22:39+00:00","mainEntityOfPage":{"@id":"https:\/\/graphiste.com\/blog\/reussir-header-site-web\/"},"wordCount":731,"commentCount":0,"publisher":{"@id":"https:\/\/graphiste.com\/blog\/#organization"},"image":{"@id":"https:\/\/graphiste.com\/blog\/reussir-header-site-web\/#primaryimage"},"thumbnailUrl":"https:\/\/graphiste.com\/blog\/wp-content\/uploads\/sites\/4\/2018\/10\/graphiste-header-site-web-1.png","articleSection":["Webdesign"],"inLanguage":"fr-FR","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/graphiste.com\/blog\/reussir-header-site-web\/#respond"]}]},{"@type":"WebPage","@id":"https:\/\/graphiste.com\/blog\/reussir-header-site-web\/","url":"https:\/\/graphiste.com\/blog\/reussir-header-site-web\/","name":"Les conseils pour r\u00e9ussir le header de votre site - Graphiste Blog","isPartOf":{"@id":"https:\/\/graphiste.com\/blog\/#website"},"primaryImageOfPage":{"@id":"https:\/\/graphiste.com\/blog\/reussir-header-site-web\/#primaryimage"},"image":{"@id":"https:\/\/graphiste.com\/blog\/reussir-header-site-web\/#primaryimage"},"thumbnailUrl":"https:\/\/graphiste.com\/blog\/wp-content\/uploads\/sites\/4\/2018\/10\/graphiste-header-site-web-1.png","datePublished":"2018-10-16T08:30:34+00:00","dateModified":"2025-08-20T15:22:39+00:00","description":"Le header d'un site internet compte parmi ses \u00e9l\u00e9ments plus importants. Vous devez concevoir un header qui soit \u00e0 la fois utile pour vous, en termes de","breadcrumb":{"@id":"https:\/\/graphiste.com\/blog\/reussir-header-site-web\/#breadcrumb"},"inLanguage":"fr-FR","potentialAction":[{"@type":"ReadAction","target":["https:\/\/graphiste.com\/blog\/reussir-header-site-web\/"]}]},{"@type":"ImageObject","inLanguage":"fr-FR","@id":"https:\/\/graphiste.com\/blog\/reussir-header-site-web\/#primaryimage","url":"https:\/\/graphiste.com\/blog\/wp-content\/uploads\/sites\/4\/2018\/10\/graphiste-header-site-web-1.png","contentUrl":"https:\/\/graphiste.com\/blog\/wp-content\/uploads\/sites\/4\/2018\/10\/graphiste-header-site-web-1.png","width":850,"height":423,"caption":"Header site web"},{"@type":"BreadcrumbList","@id":"https:\/\/graphiste.com\/blog\/reussir-header-site-web\/#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":"Les conseils pour r\u00e9ussir le header de votre site"}]},{"@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\/8240","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=8240"}],"version-history":[{"count":0,"href":"https:\/\/graphiste.com\/blog\/wp-json\/wp\/v2\/posts\/8240\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/graphiste.com\/blog\/wp-json\/wp\/v2\/media\/8252"}],"wp:attachment":[{"href":"https:\/\/graphiste.com\/blog\/wp-json\/wp\/v2\/media?parent=8240"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/graphiste.com\/blog\/wp-json\/wp\/v2\/categories?post=8240"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/graphiste.com\/blog\/wp-json\/wp\/v2\/tags?post=8240"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}