10 éléments essentiels à avoir sur ton site web
Que tu sois coach de développement personnel, consultante en relation d’aide, nutritionniste, instructeur·e yoga, naturothérapeute ou rédactrice d’un blogue de recettes végétaliennes, voici quelques principes de conception web qui s’appliquent à la plupart des sites web dans le domaine du mieux-être. Ces éléments améliorent ton image professionnelle, engage ton audience et fait croître ton entreprise en ligne.
1. Navigation claire et concise
Le menu du haut, généralement à l’horizontal, devrait comporter 4 à 5 éléments. S’il y a trop de mots, c’est difficile de s’y retrouver. Personne n’a envie de jouer aux devinettes et trouver ce qui se cache derrière chaque élément de menu… Alors mieux vaut être clair dès le départ! Des mots simples, sans ambiguïté. Afin de gagner de l’espace, il n’est plus nécessaire d’ajouter “Accueil“ dans la navigation. C’est aquis et compris par les utilisateurs que lorsqu’on clique sur le logo principal, on revient à l’accueil. Pour des catégories secondaires, elles pourront être ajoutées en bas de page dans le footer.
Savais-tu qu’un visiteur prendra seulement 3 secondes pour décider s’il continue de naviguer sur ton site? Dailleurs, ajouter des liens vers ses réseaux sociaux* dans la navigation du haut, c’est une distraction supplémentaire en plus “d’inviter” à sortir de la page alors qu’on souhaite plutôt retenir notre visiteur. Il est donc important d’avoir une logique à la fois intuitive tout en restant dans la simplicité.
*Médias sociaux : bien évidemment, c’est conseillé de connecter ses réseaux sociaux à son site web mais tout dépend du niveau d’affluence sur chaque compte d’où l’importance de mesurer l’impact d’une telle source de trafic et de positionner les logos de ces médias au bon endroit sur son site. Squarespace permet d’afficher le contenu de tes médias sociaux sur ton site web, publier automatiquement le contenu de ton site web sur les réseaux sociaux et laisser tes abonnés partager tes contenus.
2. Version adaptative
Nous sommes dans l’ère de la mobilité, et les gens naviguent de leur téléphone intelligent, de leur tablette ou à partir du bureau, tout ça dans une même journée. Un site web adaptatif (responsive) va se redimensionner peu importe le format d’écran sur lequel il est vu. La plateforme Squarespace prend en compte cette réalité et les sites web conçus avec celle-ci sont automatiquement compatibles avec les appareils mobiles (Android ou Apple) ou le format desktop (PC ou Mac). Un souci de moins!
3. Certificat de sécurité SSL
Le protocole SSL (Secure Socket Layer) permet de crypter et authentifier les données envoyées entre une application utilisée par un internaute et un serveur web. Comment savoir si un site web est sécurisé? Son adresse commence toujours par https:// (le “s” désigne “sécure”) et un petit cadenas est affiché dans la barre d’adresse de ton navigateur. Depuis 2014, Google favorise dans les résultats de recherche, les sites web qui ont “https” dans leur adresse. Si le site qu’on s’apprête à visiter n’est pas sécurisé, la plupart des navigateurs vont présenter un message d’avertissement.
Inclus avec Squarespace : tout domaine correctement connecté à un site Squarespace est automatiquement protégé par un certificat SSL gratuit pour renforcer sa sécurité. Le SSL sécurise les connexions et empêche les cyber-pirates d'emprunter votre identité ou de voler les informations des visiteurs.
4. Bouton d’appel à l’action (CTA)
L’appel à l’action ou Call to Action (CTA) en anglais, est un élément cliquable, généralement un bouton bien visible ou une image. Son format est important aussi pour le faire ressortir des autres éléments, d’une couleur contrastante et avec un texte simple (un à trois mots). Pour qu’il soit efficace, son positionnement est primordial. On ne le place pas n’importe où, n’importe comment. Il arrive dans une suite logique après un texte descriptif ou marketing. Donc, pour l’internaute, la prochaine action à prendre est naturellement de cliquer ce bouton (ou image). Ce que doit “dire” ce bouton, c’est un verbe d’action. Exemple :
Inscrivez-vous
Voir les détails
Réserve ta séance
Cliquer ici —> cette expression est désuète, à éviter!
5. Barre de recherche
Cet élément devient essentiel lorsque le site web comporte un grand volume de contenus comme des articles de blogue, un inventaire de produits ou plusieurs types de services. En ajoutant une barre de recherche, le visiteur aura plus de facilité à trouver directement ce qui l’intéresse plutôt que de naviguer d’une section à l’autre. Afin d’optimiser l’expérience utilisateur, elle est généralement placée dans la navigation du haut ou alors en bas de page.
6. Formulaire de contact
Pour offrir un service personnalisé, il peut y avoir un formulaire spécifique selon le type de produit ou service. Par exemple pour une prise de rendez-vous ou pour une demande d’information générale, le formulaire sera différent et adapté en conséquence. Placer un appel à l’action (CTA) très clair pour valider et confirmer l’envoi du formulaire.
Pour une expérience client améliorée, une automatisation peut être ajoutée à ce formulaire pour envoyer un courriel avec un message de bienvenue ou pour spécifier à quel moment on peut s’attendre à une réponse de ta part (ex : dans 24h). Un complément d’information peut aussi être envoyé sous forme de fichier pdf, audio ou même une vidéo de présentation. Bien des possibilités!
7. FAQ - Foire aux questions
C’est bien pratique d’avoir une section FAQ (ou Q&R) à la fin d’une page produit. Souhaites-tu répondre encore et toujours aux mêmes questions alors que tu pourrais y répondre directement sur ton site web? Voilà l’utilité de la FAQ! Même si tu as bien décrit en détail ton offre, il y aura toujours des interrogations autres alors ajoutes-y une section FAQ et le tour est joué. C’est aussi une bonne idée d’en ajouter une sur la page contact. Il y a peut-être des questions qui peuvent être répondues juste au moment où la personne allait t’envoyer un courriel.
8. Une photo de ton visage!
Quoi de plus impersonnel qu’un site sans aucune photo de la personne qui est l’auteur·e / propriétaire du site! Qui est l’âme qui se cache derrière cette vitrine virtuelle? On veut voir ton visage, au moins une fois quelque part sur la page d’accueil ou “À propos”. Si tu offres des services, c’est encore plus important d’établir ce premier contact humain et visuel avec ta clientèle. Idéalement, tu auras fait appel à un·e photographe professionnel·le pour une séance photo. Un selfie, ça peut toujours passer si la pose est bonne et l’éclairage adéquat. S’il y a d’autres personnes dans ton équipe, on veut les voir aussi 😊
9. Référencement naturel SEO
C’est l’élément “invisible“ de ton site web mais qui a un impact très important sur ton positionnement en ligne. SEO veut dire Search Engine Optimization en anglais. Ça se traduit par “optimisation pour les moteurs de recherche” et on le présente souvent comme du “référencement naturel ou organique”. C’est quoi tout ce jargon?! D’abord, si on veut apparaître dans les premiers résultats de recherche sur Google, il y a quelques techniques à connaître pour se hisser en haut de la liste. Lorsqu’elles sont mises en applications avec les bonnes pratiques, on devient “visible“ aux yeux des moteurs de recherche. C’est comme ça que les gens nous trouvent lorsqu’ils font des recherches sur des mots qui sont en lien avec nos services ou produits. Dailleurs, qui se rend à regarder la cinquième page des résultats de recherche? 90% des gens regardent uniquement ce qui se trouve sur la première page. De là l’importance d’optimiser son site web pour le SEO.
On parle de référencement naturel ou organique car ce n’est pas de la publicité payante (“Ads“) qui nous amène du trafic mais bien le fait d’avoir utilisé des mots-clés pertinents dans nos textes, d’avoir des images bien nommées et d’un format optimisé (léger) et d’ajouter des titres et descriptions à nos pages. Ce ne sont que quelques exemples mais cette série de petites actions donne de bons résultats. Mais ce n’est pas instantané, il faut s’attendre à ce que notre site soit bien référencé après 3 à 6 mois d’efforts. Lentement mais sûrement 😉
Squarespace se charge de l’aspect technique : nul besoin d’installer des plugins, il y a des fonctionnalités déjà en place à même la plateforme pour améliorer sa visibilité sur les moteurs de recherche. Ce n’est rien de compliqué, il faut juste savoir s’en servir à bon escient. Voici une liste complète des éléments à considérer pour le SEO de son site.
10. Mentions légales
Dans ta pratique, tu as sûrement déjà un code de déontologie à respecter, et les mentions légales, ça en fait partie. Ajouter une section à cet effet sur son site web, ça permet d’établir une relation de confiance avec tes visiteurs et ça démontre que tu gère ton entreprise de façon éthique. Ça informe les gens qui naviguent sur ton site que tu as pris les mesures nécessaires pour assurer une protection des données (voir le point no.3 sur le certificat SSL) et que tu as une politique de confidentialité en place.
Les mentions légales sont obligatoires dans plusieurs pays. Au Québec, il y a la Loi 25 qui est entrée en vigueur progressivement depuis septembre 2022. En Europe, le Règlement général sur la protection des données - RGPD, est entré en application en 2018. Si tu as des visiteurs ou clients situés en Europe, voici un guide offert par Squarespace : RGPD et Squarespace.
Comment rédiger les mentions légales? C’est fortement recommandé de faire appel à un expert en la matière pour t’accompagner: un avocat ou un juriste spécialisé en protection de la vie privée et en sécurité de l’information. Il existe aussi des « générateurs de mentions légales » en ligne et des modèles payants à adapter pour son site. Dans ce cas, prévoir une révision par un·e professionnel·le pour valider la conformité du texte car ces gabarits sont très génériques et ne peuvent couvrir spécifiquement ce qui s’applique à chaque entreprise. Squarespace met à disposition un guide sous forme d’exemples de textes, ça peut servir de point de départ mais ce n’est, en aucun cas, un texte légal formel.
En conclusion
Cette liste des 10 éléments essentiels peut sembler complexe, mais ce sont des notions que je maîtrise bien. Les projets développés par Mandala Web Media prennent en compte tous les aspects énumérés ci-haut. J’accompagne chaque client tout au long du processus; de la phase d’idéation, en passant par la production et jusqu’au lancement du site. Si tu aimerais savoir comment je peux t’aider à réaliser ton projet ou que tu es prêt·e à le démarrer, réserve ton appel découverte.
Cet article de blogue pourrait intéresser quelqu’un de ton réseau?
Partage avec ton entourage!
