Comment bien choisir les couleurs de son site internet ?

Comment choisir les couleurs d'un site internet

Comment bien choisir les couleurs de son site internet ?

“Les goûts et les couleurs, on ne discute pas”… quoique… Tout le monde connaît cette expression mais si elle est vraie dans le monde réel, elle ne l’est pas forcément dans le monde virtuel.

« Les bonnes couleurs pour impacter un maximum les visiteurs de votre site internet »

L’importance des couleurs

Tout comme la typographie, les couleurs de votre site ont une grande importance. Tout d’abord en terme de signification (on voit mal un site traitant d’écologie mettre du rouge en couleur principale) , ensuite en terme d’accessibilité visuelle.

Il ne faut jamais oublier que les personnes malvoyantes sont également vos lecteurs/clients. Certaines souffrent de difficulté pour voir les contrastes, d’autres ont des soucis avec certaines couleurs, donc on évite les couleurs que sont trop proches ou qui ne sont pas suffisamment contrastées.

Infographie répertoriant la signification des couleurs

Le choix des couleurs

Combien ?

Personnellement, je me limite à 3 couleurs. Pourquoi? Parce que c’est plus facile à gérer d’une page à l’autre et l’on évite ainsi l’effet “sapin de Noel” qui fait mal aux yeux et qui est totalement “has-been”

Donc, on choisit tout d’abord une couleur neutre pour le fond (blanc / noir /anthracite / beige) puis la couleur principale qui va donner le ton du votre site (souvent il s’agit de la couleur de votre logo) enfin, on choisit également une couleur de contraste pour mettre en évidence les éléments important comme les boutons par exemple.

Les bonnes associations de couleurs

Tout d’abord, il faut savoir que sur le web, les couleurs se notent exclusivement en hexadécimale, c’est à dire un hashtag suivi de 6 chiffres et/ou lettres.

Après si vous avez du mal à associer les bonnes couleurs, il existe des sites sympas qui peuvent vous y aider.

Entrez dans la barre de recherche le thème de votre activité et le site vous générera les couleurs qu’on y associe. Dans chaque carré de couleur, vous y trouverez sa référence hexadécimale. Vous pouvez même épingler vos préférées pour vérifier qu’elles matchent bien ensemble.
Aperçu du site Picular
colorhunt

Vous y trouverez des palettes de couleur prêtes à l’emploi. Survolez la palette qui vous intéresse pour voir apparaître les codes couleurs.

Vous pouvez aussi filtrer selon 4 grandes catégories:
New / Trendy / Popular / Random

En plus d’avoir un générateur de couleurs complémentaires, ce petit site vous explique les différentes harmonies de couleurs de base. Vous pourrez ainsi apprendre ce que sont des couleurs complémentaires, triadiques, tétradiques etc…

Le générateur est simple d’utilisation. Vous choisissez votre couleur principale dans la nuancier puis, à l’aide du menu déroulant, vous optez pour l’harmonie de couleurs qui vous plaît. Vous n’avez plus qu’à relever les codes couleurs et à les appliquer sur votre site internet.

aperçu du site htmlcolorcodes

Voilà, à présent, vous n’avez plus d’excuses pour mal assortir vos couleurs et surtout, on n’oublie pas de penser aux personnes déficientes visuelles quand on choisit son thème couleur !

Partagez

Mettre en page son site internet de façon efficace

Mise en page web

Mettre en page son site internet de façon efficace

Il m’arrive souvent de tomber sur des sites professionnels faits “maison”. J’entends par là que leur propriétaire n’a pas fait appel à un pro pour sa mise en page. Ces sites là, on les repère au premier coup d’oeil.

Parfois j’ai des bonnes surprises mais on ne va pas se mentir, souvent on frise la catastrophe. Parmi les erreurs courantes que j’ai pu voir: trop de polices différentes, taille de texte inadaptée, mise en avant de mots inintéressants, absence de titres ou au contraire trop de titres.

« Une mise en page soignée = un meilleur référencement »

Les titres et les sous-titres

Les titres d’une page ou d’un article sont essentiels à un bon référencement, alors autant ne pas les négliger et faire n’importe quoi.

Globalement, ils sont nommés sous les termes H1, H2, H3, H4, H5, H6. Ils n’y en a jamais plus de 6 appellations. Ils servent à structurer votre texte à la manière des “grand 1”, “petit 1”, “petit a” de l’écriture traditionnelle.

Seul le H1 se doit d’être unique; pour tous les autres, vous pouvez en utiliser autant que vous le désirez.
On ne saute ou inverse jamais un chiffre. Par exemple, un H3 ne sera jamais avant un H2 ou on ne passe pas d’un H1 à un H4 directement.

 En résumé

  • H1 = je l’utilise pour le titre de ma page.
  • H2 = je l’utilise pour les titres des différentes parties de ma page.
  • H3, H4, H5, H6 = je l’utilise pour les sous-titres des différentes parties de ma page.
Titres et sous-titres internet

La typographie

Un seul mot d’ordre: pensez à vos lecteurs! Certains peuvent avoir des déficiences visuelles et il faut le prendre en compte car ils sont aussi vos lecteurs. Vous l’avez compris, le but de la typographie est avant tout de faciliter la lecture des pages de votre site avant de faire joli.

On réservera les polices fantaisies aux seuls titres et on utilisera une police adaptée au web (de type Open Sans ou Roboto) pour le reste. Oubliez la Police Arial et autres typos Windows! Vous trouverez plein de polices sympas et libre d’usage sur Google Fonts.

On écrit aussi suffisamment grand (sans tomber dans l’énorme non plus) pour les malvoyants. On privilégiera donc une taille de police de 14px ou 16px. Si vous descendez en dessous de 14px, cela commence à poser des problèmes de lisibilité. On évite !

Typographie web

 En résumé

  • Police des titres = j’utilise une police fantaisie si je veux mais elle doit rester lisible.
  • Police du texte = j’utilise une police adapté au web de type Open Sans, Roboto ou Lato.
  • Taille de la police = j’utilise une taille de 14px ou 16px ce qui facilite la lecture.

Les mots en gras

Tout comme les titres, les mots en gras (strong) servent au référencement. Alors on réfléchit à ses mots clés et à son domaine d’activité et on évite de mettre en gras tout et n’importe quoi.

Que mettre en gras ? Simple. On met en gras les mots ou parties de phrases importants, ceux qui se raccrochent au thème abordé par votre page et ceux qui font référence à vos mots clés.

Comment ça marche? Quand Google vient visiter votre page, il choisit d’abord les mots en gras pour son référencement. Autant éviter de mettre en avant des mots comme “c’est super!” quand on parle de ces produits ou de son métier. Cela n’apporte rien en terme de professionnalisme et pourrait nuire à votre crédibilité.

Partagez

Quelles mentions légales pour votre site?

Choix des mentions légales

Quelles mentions légales pour votre site?

Faites-vous partie de ces propriétaires de sites internet qui oublient d’indiquer leurs mentions légales? En tant que professionnel, leur absence peut vous coûter très cher. En effet, en cas d’infraction, vous risquez une amende de 75 000€ pour les personnes physiques et 375 000€ pour les personnes morales (source: Service public)

« Une amende pouvant aller de 75 000 à 375 000€ »

Vous êtes un professionnel...

En tant que professionnel, vous êtes tenus d’indiquer les points suivants aux visiteurs de votre site:

Les activités standard

  •  Vos nom, prénom, adresse (pour les entrepreneurs individuels) ou raison sociale, forme juridique, adresse, montant du capital (pour les sociétés)
  •  Votre adresse mail et votre numéro de téléphone
  •  Le nom de la personne responsable de la publication
  •  Le nom, l’adresse et le numéro de téléphone de l’hébergeur de votre site internet
  •  Votre numéro de siret
  •  Votre politique de confidentialité (remplace la déclaration CNIL dans la plupart des cas)

Les activités commerciales

  •  Vos nom, prénom, adresse (pour les entrepreneurs individuels) ou raison sociale, forme juridique, adresse, montant du capital (pour les sociétés)
  •  Votre adresse mail et votre numéro de téléphone
  •  Le nom de la personne responsable de la publication
  •  Le nom, l’adresse et le numéro de téléphone de l’hébergeur de votre site internet
  •  Votre numéro de siret
  •  Votre politique de confidentialité (remplace la déclaration CNIL dans la plupart des cas)
  •  Votre numéro RCS
  •  Votre numéro de TVA Intracommunautaire
  •  Vos Conditions générales de vente

Les activités réglementées

  •  Vos nom, prénom, adresse (pour les entrepreneurs individuels) ou raison sociale, forme juridique, adresse, montant du capital (pour les sociétés)
  •  Votre adresse mail et votre numéro de téléphone
  •  Le nom de la personne responsable de la publication
  •  Le nom, l’adresse et le numéro de téléphone de l’hébergeur de votre site internet
  •  Votre numéro de siret
  •  Votre politique de confidentialité (remplace la déclaration CNIL dans la plupart des cas)
  •  Vos références aux règles professionnelles
  •  Votre titre professionnel
  •  Les nom et adresse de la personne ou de la société ayant l’autorisation d’exercer

Vous êtes un particulier...

Même si vous êtes un particulier, vous n’êtes pas exempts pour autant des mentions légales. Vous devez pouvoir fournir à l’administration les informations suivantes si elle vous le demande (le mieux étant de les afficher sur votre site comme pour les professionnels):

  • Vos nom, prénom et adresse postale
  • Les nom, adresse et téléphone de votre hébergeur

Comment se mettre en conformité?

Tout cela vous dépasse et vous ne savez pas comment rédiger vos mentions légales? Ne paniquez pas, il existe des générateurs dédiés. Pensez tout de même à bien relire le contenu pour vérifier que tout colle avec votre situation.

Mentions légales

Subdelirium (gratuit)
Legal Place (payant)
Rocket Lawyer (payant)

Conditions Générales de Vente

Legal Place (payant)
Rocket Lawyer (payant)

Et si malgré tout, vous ne trouvez pas votre bonheur, il ne vous restera plus qu’à engager un avocat pour rédiger vos documents juridiques.

Partagez

Comment bien choisir son nom de domaine?

choisir son nom de domaine

Comment bien choisir son nom de domaine?

Vous avez visité un super site qui vous a fait de l’oeil mais le lendemain, plus moyen de vous souvenir de son nom. On a tous été au moins une fois dans cette situation. La raison ? Un nom de domaine la plupart du temps mal pensé. La liste des erreurs pourrait être longue à répertorier alors, on va plutôt se concentrer sur l’essentiel.

« Avoir un bon nom de domaine, c’est faciliter le retour de vos clients sur votre site »

Voici quelques points à ne pas négliger:

  • On choisit un nom facile à écrire et facile à retenir.
  • On évite les noms à rallonge parce que ça n’aide pas à la mémorisation.
  • On évite de mettre des chiffres et/ou de tirets car ça prête à confusion.
  • On choisit son extension (.fr, .com, .org, .biz etc…) en fonction de la clientèle visée. Si vous ne vendez qu’en France le .fr suffit largement.
  • On réserve son nom de domaine dès que possible pour ne pas se le faire piquer. Si vous devez le racheter, cela peut vous coûter très cher d’autant que certains sont spécialisés dans ce type de business.
  • On n’oublie pas de vérifier le prix du nom de domaine. Même s’il est souvent gratuit la 1ère année, son renouvellement les années suivantes peut vite se révéler onéreux.
  • On choisit bien son registar (fournisseur de nom de domaine). Privilégiez ceux qui sont connus pour éviter toute déconvenue.

Partagez

Pourquoi choisir un hébergement éco-responsable?

site internet éco-responsable

Pourquoi choisir un hébergement éco-responsable?

Tout d’abord, il faut en finir avec les idées reçues comme quoi le digital ne pollue pas. C’est faux ! Et même archi-faux ! Pour quelle raisons ? Je vais vous citer les 2 principales.

« + de 70% de l’électricité en France est d’origine nucléaire »

En France, 71,6% de l’électricité que nous consommons provient de centrales nucléaires (chiffres 2017, source rte-france.com). Et qui dit centrale nucléaire, dit déchets radioactifs non recyclables sans compter le danger généré pour les riverains de ces centrales.

« Internet est le 3ème consommateur mondial d’électricité »

On ne le sait pas forcément mais Internet est le 3ème plus gros consommateur d’électricité mondial derrière les Etats-Unis et la Chine. Et quand on sait que la majeure partie de l’énergie produite dans le monde n’est pas une énergie renouvelable, on comprend mieux pourquoi l’internet est tout sauf éco-responsable.

Ça fait un choc, non?

Ceci dit, on ne va pas retourner non plus à l’âge de pierre. Il existe des solutions et la plus simple est de choisir un hébergement éco-responsable pour votre site internet. Un hébergement éco-responsable, ce sont principalement des pratiques visant à:

  • réduire l’utilisation des climatisations pour refroidir les serveurs
  • utiliser la chaleur dégagée par les serveurs pour chauffer d’autres bâtiments alentours
  • utiliser une énergie renouvelable (principalement solaire)
  • localiser la totalité de ses serveurs en France pour réduire le coût énergétique

Alors si vous vous sentez concernés par l’empreinte énergétique que vous laissez en utilisant Internet, n’hésitez plus une seconde de plus et choisissez un hébergeur éco-responsable.

Si vous en connaissez d’autres, n’hésitez pas à me les communiquer pour qu’on agrandisse la liste ensemble!

Partagez