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