Le haut de page appelé également le header ou l’entête est une zone trés importante pour votre site internet.
C’est un élément important de vos pages de site internet, c’est là que tout va se jouer car cela va inviter ou pas le visiteur à poursuivre sa navigation à travers le reste des pages de votre site web. Il doit être le reflet de votre niveau professionnel
Utilité du header en haut de vos pages
Forcément tous les sites internet ont des pages et donc ils ont des haut de pages ce que l’on appelle le header, dérivé du mot Anglais head qui signifie tête, on pourrait donc appeler cela l’entête de la page.
Il est aussi important que le bas de vos pages le footer, car c’est ce que l’on voit en premier, comme un bon roman, il faut donc accrocher le lecteur, le visiteur dés le début, dés son premier coup d’œil, il faut lui donner l’envie de poursuivre sa visite sur l’ensemble de votre site internet
C’est pour cela que lorsque vous faites appel à un graphiste freelance pour la création d'un site internet, vous devez lui demander d’y apporter toute son attention et vous-même être vigilent à son aspect tant au niveau du contenue que de son aspect graphique
En posant son regard sur votre header, votre haut de page de site internet le visiteur devra trés vite identifier votre activité, votre profession ou ce que vous proposez comme services ou produits, je dirais même qu’il doit savoir dans quel univers il entre, par exemple ludique, amusement, professionnel, social, associatif, entre-aide, culturel… etc
En tant que webmaster, ce que je propose comme header
Si vous faites appel à mes services de création de site internet je vous proposerais que l’on définisse ensemble les éléments que vous souhaitez voir figurer dans le haut de vos pages car c’est justement mon rôle de vous conseiller sur ce qu’il serait bon ou pas d’y faire figurer.
La création de site pas cher n’est pas synonyme de suppression ou de délaissement de ce type d’élément aussi important soit-il.
Non, comme vous pourrez le constater avec les exemples de header que je vous montre dans cet article (plus bas dans cette page) vous verrez que j’y donne justement une attention toute particulière car le haut de page est un élément important sur vos pages web à ne surtout pas négliger
Je vous conseillerais par exemple de ne pas surcharger le header car certes les information sont trés importantes mais si on surcharge ce haut de page cela peut provoquer chez le visiteur tout l’inverse de ce que l’on souhaite, il peut justement ne pas vouloir poursuivre sa visite sur votre site internet
Je vous conseillerais également de faire un header sur vos pages internet et un autre header en haut de votre page d'accueil qui sera légèrement plus grand afin de capter le visiteur dés son arrivé par la porte d’entrée principale de votre site web
Quelques éléments qu’il est possible de placer dans votre header :
- Votre logo ou votre nom avec une police originale
- Un slogan percutant avec les mots clés principaux de votre activité
- Une identité visuelle et graphique qui accroche le regard
- Le menu principale de navigation de votre site
- Un second menu composé de catégories ou de pages annexes
- Un formulaire de recherche
- Un formulaire d’inscription à votre newsletter
- Un bouton menant vers votre page de contact ou éventuellement directement votre adresse mail
- Votre numéro de téléphone cliquable
- Les icônes de vos comptes de réseaux sociaux (ou de partages)
- Une zone de connexions (pour les sites communautaires ou de vente en ligne)
- Icônes de moyen de paiement (pour les sites E commerce)
- Le panier d’achat (pour les sites E commerce)
- Le titre de la page
- Un fil d’Ariane (qui aide à se repérer dans le site)
- Des drapeaux de traduction du contenue dans différentes autres langues
- Une indication de géolocalisation
Je vous propose ci-dessous quelques exemples de haut de page, header, pour site internet que j’ai déjà réalisé dans mes propres créations de site internet :
1- Exemple d'header simple
2- Exemple d'header avec un numéro de téléphone
3- Exemple d'header graphique
4- Exemple d'header avec un simple bouton vers les produits
5- Exemple d'header trés graphique
6- Exemple d'header avec deux menus
7- Exemple d'header E-commerce avec panier d'achat
8- Exemple d'header simple et graphique
9- Exemple d'header avec un slogan
10- Exemple d'header simple
11- Exemple d'header avec un slogan
12- Exemple d'header avec un menu et un fil d’Ariane
13- Exemple d'header avec un lien de contact
14- Exemple d'header avec la date de publication
15- Exemple d'header avec drapeau de traduction, le slogan, le titre et le fil D’Ariane
16- Exemple d'header graphique
17- Exemple d'header avec une zone de connexion client
18- Exemple d'header simple
19- Exemple d'header avec un slogan
20- Exemple d'header avec un bandeau image graphique
21- Exemple d'header avec un lien téléphone
22- Exemple d'header avec un bandeau image graphique
23- Exemple d'header avec un lien de traduction en Anglais
24- Exemple d'header avec un slogan et un lien telephone
25- Exemple d'header avec un visuel graphique
26- Exemple d'header avec des i,nformations de contact
27- Exemple d'header avec des liens de contact telephonique
28- Exemple d'header simple et élégant
29- Exemple d'header avec un grand bandeau de titre
30- Exemple d'header avec deux placements de logo
31- Exemple d'header avec des icones de réseaux sociaux
32- Exemple d'header simple et graphique
33- Exemple d'header avec un slogan
34- Exemple d'header avec un grand bandeau graphique
35- Exemple d'header avec un bouton de contact telephonique
36- Exemple d'header avec une localisation et des icones sociales
37- Exemple d'header avec un formulaire de recherche et la traduction
