Site web : Les bonnes pratiques pour vos footer et header
Site web : Les bonnes pratiques pour vos footer et header
Le footer et le header désignent respectivement le pied de page et l’en-tête de votre site web. Quels sont leurs rôles ? Comment les optimiser pour mieux référencer votre site internet ? Comment créer un footer et un header pour se démarquer ? Trouvez les réponses à vos questions sur le sujet dans cet article.
Le header : un élément clé pour votre site web
Le header est la première chose que les internautes remarqueront en arrivant sur votre site web. Cela est dû au fait que nous avons appris à lire une page de haut en bas, et aussi, à remarquer les titres ainsi que les autres informations situées en haut. Ainsi, les internautes regarderont les éléments qui se trouvent dans la partie supérieure du site web, par réflexe naturel. Mais il faut noter que nous avons à combattre ce réflexe puisque nous prêtons de moins en moins d’attention au header des sites dont nous visitons souvent, contrairement à quand nous atterrissons sur un nouveau site web où le lecteur reste très attentif au header.
Il faut également noter que le header influe sur le référencement d’un site web. Cet élément permettra de capter l’attention de vos visiteurs, car il leur donnera envie de rester sur votre site. Le header va ainsi vous aider à réduire votre taux de rebond en donnant à vos visiteurs l’envie de consulter d’autres pages de votre site web.
Comme il constitue un élément essentiel de votre site internet, vous devez lui accorder une attention particulière. Vous pouvez faire appel à une agence web sur Bordeaux par exemple pour vous aider à optimiser le header de votre site web et vous aider à réduire le taux de rebond.
De quoi se compose votre header ?
En quelque sorte, le header est l’identité de votre site web. En effet, il réunit la totalité des informations qui se trouvent sur le site. Pour ne pas faire fuir vos visiteurs, vous devez ainsi éviter de négliger l’en-tête de votre site internet. Le header va permettre de diriger vos visiteurs et de faciliter leur navigation sur votre site web.
À l’instar du footer, il n’existe pas d’éléments obligatoires à mettre dans votre header. Cependant, on devrait y retrouver certains éléments tels que :
- Votre logo
- Un fond avec l’identité visuelle de votre entreprise
- Un bouton menu
- Des catégories au sein de votre menu
- Une barre de recherche.
Comment optimiser votre header ?
Afin d’optimiser le header de votre site web, utilisez le logo comme moyen de retourner sur la page d’accueil de votre site web. Généralement, il vaut mieux placer le logo en haut à gauche de chaque page pour le rendre plus visible par le visiteur. Si le contenu de votre site web est imposant, insérez une barre de recherche redirigeant sur les pages correspondantes.
Organisez les rubriques dans votre menu de façon logique pour faciliter la navigation sur votre site internet. Si votre site est un site de commerce, le bouton panier client doit y être bien visible. En termes d’esthétique, le fond de votre header doit refléter votre image de marque ainsi que votre positionnement. Évitez donc de le remplir de publicité.
Rien qu’en regardant votre header, le visiteur doit savoir où trouver ce qu’il recherche et les internautes doivent pouvoir facilement identifier votre métier et votre positionnement d’un coup d’œil.
Le footer : un atout insoupçonné pour votre site internet
La plupart des spécialistes du web s’accordent à dire que les liens en footer ne sont pas pris en compte par Google. En effet, ceux-ci sont dupliqués sur toutes vos pages web. On peut se demander si le footer doit être pris en compte dans le SEO de son site internet, mais commençons par définir cette zone.
Qu’est-ce que le footer ?
Le footer est la partie qui se trouve en bas de vos pages web. Il comporte souvent des liens institutionnels tels que votre histoire, les chiffres clés de votre entreprise, etc. On y retrouve également des liens légaux à l’instar des mentions légales, des cookies, des CGU ou CGV (conditions générales d’utilisation ou de vente), ainsi que des liens vers les réseaux sociaux. Ainsi, le footer comporte des liens qui sont potentiellement visibles sur toutes les pages de votre site web.
Comment optimiser le footer ?
Pour rendre votre footer utile, vous devez également le penser en termes de navigation. Il ne vous servira pas à grand-chose si le footer reste le même pour toutes les pages de votre site web. Ainsi, pensez au footer comme une prolongation de votre site web. En d’autres termes, privilégiez à tout prix les footers dynamiques.
Donnez du sens à cette entité de vos pages web au même titre qu’au header : depuis quelque temps, et dans le cadre du respect du Crawl budget, les menus du header se modifient pour afficher plus d’informations. On parle moins de mégamenus, mais plutôt d’afficher des tags sur l’actualité. Vous pouvez adapter ce principe à vos footers. Vous voyez, il existe différentes façons de rendre vos footers beaucoup plus dynamiques, ce qui aidera à optimiser le taux de rebond.
Un footer dynamique générique
L’intérêt est de commencer par dynamiser votre footer sans trop de complexité. Ce type de footer affiche des informations assez statiques entre les pages. Toutefois, ces informations restent dynamiques sur l’ensemble de votre site web. Il s’agit notamment des actualités de votre site web.
Vous pouvez par exemple opter pour un footer dynamique dans lequel vous reprenez vos dernières actualités. Ce footer dynamique affichera de nouvelles informations lorsque vous publierez de nouveaux articles. Toutefois, ces informations restent statiques, puisqu’elles demeurent les mêmes sur l’ensemble de vos pages.
Un footer dynamique contextuel
L’avantage avec ce genre de footer, c’est que les informations affichées seront liées à la page sur laquelle l’internaute se trouve. Il convient alors d’y placer des liens permettant à l’internaute ainsi qu’aux moteurs de recherches de continuer la navigation.
En termes de référencement naturel ou SEO, les liens seront différents d’une page à une autre. De plus, vous pouvez ajouter un texte dynamique pour apporter un poids sémantique plus riche.