C’est quoi la première chose que l’utilisateur voit sur le site ? Tout à fait, c’est le titre. S’il n’est pas assez attrayant, s’il n’apporte pas de clarté, l’utilisateur peut s’en aller. Et peut-être ne jamais revenir. On ne veut pas de ça, n’est-ce pas ?
Le titre de site est un élément central de la conception d’un site web. Il est la clé pour attirer l’attention des utilisateurs et établir un lien avec les visiteurs. C’est pourquoi, dans les lignes qui suivent, nous allons aborder quelques principes de conception de titres dont vous devez être conscient lors de la conception du titre de site.
La valeur du titre du site
Quel est l’élément numéro un d’un site web ? Est-ce le contenu ? Les images ? La structure ? La sélection de fonctionnalités qui définissent sa convivialité et sa facilité ? Si l’on considère les sites web sous différents angles, toutes ces questions sont justes.
Mais vous auriez tort d’ignorer ce qui distingue un site web du reste. Le fameux titre.
Un titre de site est un peu comme une couronne sur la tête. Il signale l’autorité. Il montre l’importance. Il met son porteur en vedette. Un titre de site doit être une combinaison de visuels et de fonctionnalités. Et la plupart du temps, il doit être la partie la mieux planifiée du site.
Parlons de ce qu’est un titre de site et pourquoi ce n’est pas une broutille.
C’est quoi un titre de site quand même ?
Un titre de site, techniquement un en-tête, se trouve dans la partie supérieure du site web. Il a plusieurs fonctions, surtout pour les visiteurs du site.
Premièrement, c’est la section où le logo de l’entreprise est placé. Il peut aussi inclure le nom de l’entreprise. Deuxièmement, il peut contenir des menus permettant de naviguer dans le site. Et troisièmement, il peut servir de direction pour savoir où se trouvent les pages web et comment s’y rendre.
Cette section est généralement identique dans les pages du site. Mais, certains modèles donnent à la page d’accueil un aspect subtilement différent de titre de site pour attirer l’attention sur les zones vedettes.
Caractéristiques du titre de site
Le titre de site est normalement composé de plusieurs parties. Il y a des titres de sites fixes qui restent dans la même position indépendamment de la page visualisée. Il y a aussi le titre flottant. Ça donne l’illusion qu’il vous suit lorsque vous défilez.
Alors, voulez-vous un titre fixe ou flottant ? Pour vous assurer de choisir le meilleur pour votre site, pensez aux choses suivantes :
- Classification du site (e-commerce, portfolio en ligne, service, etc.)
- Objectif marketing
- Objectifs du site web (par ex. Augmenter le taux de conversion)
- Structure et organisation du contenu
Quelques caractéristiques de titre de site que vous voyez sur les sites web :
Logo
Un titre de site comporte généralement le logo de l’entreprise. L’objectif est de créer une identité. Au-delà de l’image de marque, ajouter un logo crée une distinction et une reconnaissance de la marque.
Le logo est généralement placé dans le coin supérieur gauche du titre. On peut aussi mettre le nom de l’entreprise à la place. Vous pouvez même mettre les deux. Veillez simplement à ce que chacun dispose d’un espace suffisant pour être vu et lu.
Navigation
La navigation est un menu contenant des liens pour passer d’une page à l’autre. C’est ce que les visiteurs utilisent pour naviguer sur le site. Utilisez aussi des menus déroulants s’il y a différentes pages dans la même catégorie. Vous voulez savoir comment faire une fonction de navigation soignée ? Nous en parlerons dans la section suivante.
Panier d’achat
Cette fonctionnalité est extrêmement utile. Surtout si vous avez un site de e-commerce. Le panier d’achat permet aux utilisateurs de voir les articles ajoutés à leurs achats. Si vous lancez une boutique en ligne, mettez la fonction panier d’achat dans le titre de site.
Recherche
Il serait dommage de ne pas remarquer la barre de recherche dans le site. Celle-ci est souvent symbolisée par l’icône de la loupe. Cette fonctionnalité assure aux utilisateurs de taper facilement ce qu’ils recherchent. Contrairement à la barre de navigation, la barre de recherche cible spécifiquement certains mots du site.
La recherche est généralement placée dans le coin supérieur droit du titre de site. L’ajout de la fonction de recherche sur le titre du site améliore l’expérience de l’utilisateur.
Profil de l’utilisateur
Pour le fond de titre, vous avez souvent besoin de mettre en place une fonctionnalité de profil utilisateur.
A quoi ça sert-il ? Pour une chose, vous mettez cette fonctionnalité si vous gérez un site web qui a besoin d’adhésions (une boutique en ligne ou une plateforme de réseau social). De plus, elle permet à l’utilisateur de garder et de gérer ses préférences.
Avantages d’un titre de site accrocheur
Image tirée de Strikingly
Voici quelques avantages d’avoir un bon titre de site :
1. Il aide à l’optimisation des moteurs de recherche
Avoir un superbe titre de site génère du trafic. Un trafic de haute qualité signifie de meilleurs leads et donc un revenu croissant.
2. Génial pour le mobile
La navigation sur les sites peut être difficile avec des écrans plus petits. En ajoutant un titre de site parfait, l’expérience est plus facile pour la navigation mobile.
3. Pages plus faciles à localiser
Avec une bonne fonction de titre de site, les utilisateurs auront une direction claire où ils se trouvent sur le site. S’ils veulent passer à une autre section du site, ils n’ont qu’à se référer à la partie titre de site.
Conseils pour faire un bon titre de site
Vous voulez faire un titre de site merveilleux ? Il y a des conseils que vous devez suivre selon ce que vous voulez réaliser sur le site. Il y a aussi des pratiques qui peuvent marcher sur le site. Rappelez-vous, la partie titre de site dépend de la structure et des objectifs du site, et non l’inverse.
Simplifier mais pointer un élément particulier
Jetez un coup d’oeil au titre de site de Pet Milestone Cards. Il est simple et direct. Il n’y a pas de parties qui le séparent du reste de la page d’accueil.
Sur le titre de site, ils ont leur logo dans le coin supérieur gauche. Ceci alors que le reste des menus sont bien répartis sur le dessus.
Maintenant regardez le bouton « Acheter maintenant. » Vous verrez qu’il est entouré d’un ovale jaune qui le distingue du reste du contenu. Juste en regardant le titre du site, vous verrez que ce qu’ils veulent réaliser est de faire vendre leurs produits.
Donc ils mettent l’accent sur une certaine partie du titre qui mène au but.
Menu déroulant pour les liens dans les catégories
Image de site d’utilisateur Strikingly
On a parlé plus tôt de la navigation. Outre l’ajout de liens en haut, on met un menu déroulant pour chaque navigation.
Un bon exemple de menu déroulant est celui de Fighting Pretty. Comme dans l’image ci-dessus, chaque menu principal peut être étendu pour voir des pages web spécifiques. Survolez chaque menu, et vous verrez le reste.
Fighting Pretty a aussi utilisé d’autres principes d’un excellent titre de site. Ils ont leur logo, le nom de leur entreprise, et la partie vedette. Vous voulez de l’inspiration pour des sites web étonnants comme ceux-ci ? Alors allez sur Strikingly. Vous y trouverez des sites web et des titres de sites incroyables.
Un titre de site discret pour une image de fond captivante
Image de site d’utilisateur Strikingly
Habituellement, on met une image de titre pour renforcer le visuel. Mais parfois, un titre plus simple, plus petit et moins visible fait place à une image de fond captivante.
C’est un cas où le visuel dépasse la fonction. Regardez l’image ci-dessus. Le titre de site de Live Lite ne contient que trois liens. Blanc, avec une petite taille de police qui le rend à peine visible.
La raison de cette pratique est de détourner l’attention des utilisateurs vers les parties intéressantes.
Live Lite est concerné par le coaching de vie. Pour ça, ils ont utilisé l’image réconfortante d’un homme se reposant sur une eau stable. L’image est soutenue par le nom du site à gauche.
Vous voulez faire quelque chose comme ça pour votre titre de site ? Utilisez une image qui compenserait le petit titre.
Simple mais astucieux
Image de site d’utilisateur Strikingly
Le site web de Repurposeful UK est génial à sa façon. Avec un titre de site simple, ils privilégient la fonction, la commodité et la facilité plutôt que l’esthétique.
Chaque menu sur titre de site est séparé en blocs facilement visibles. Il est aussi assez grand pour être accessible et confortable à remarquer.
Vous voyez dans l’image ci-dessus qu’ils ont ajouté le logo de leur entreprise à l’endroit parfait. Au lieu de symboles, ils ont utilisé des textes d’étiquettes pour chaque menu.
Le titre est bien placé sur l’image principale de la page d’accueil. Le contraste entre le fond coloré et le titre de site blanc crée un look équilibré pour le site web.
Un site peut vous démarquer de la concurrence. Il reflète aussi l’autorité, la marque et l’identité de votre entreprise. Faites un titre de site impeccable pour l’optimisation des moteurs de recherche, et vous aurez un meilleur trafic et plus d’accessibilité pour les mobiles.
En appliquant les conseils et les pratiques ci-dessus, vous rendez le titre de site aussi remarquable que possible. Pour avoir une superbe expérience de conception de titre de site, allez sur Strikingly, créez un compte gratuit, et profitez de ses avantages pour créer des sites merveilleux.
