La simplicité d’utilisation est plus importante que le design

Nous avons tous tendance lors de la création ou de la refonte d’un site internet à passer du temps sur les choix des couleurs. Pourtant les règles du web design n’ont rien de commun avec les règles du graphisme ou de la communication traditionnelle.

Créer un site internet efficace en web design implique de prendre en compte 4 principes:

  • l’internaute veut un accès rapide à l’information. En quelques secondes, il va scanner la page web sur laquelle le moteur de recherche l’amène et décider de rester ou de sortir,
  • dans plus de 50% des cas cet internaute navigue de son Smartphone ou d’une tablette. Le format réduit de ces supports implique la concision,
  • des repères utilisateurs se sont progressivement imposés sur internet. A titre d’exemples :
  • un bouton d’accès à une zone privative se trouve toujours en haut à droite. Ce repère s’est imposé car les sites internet de banques fonctionnent ainsi et que nous sommes très nombreux à les visiter tous les jours,
  • le logo permet de revenir sur la page d’accueil,
  • le menu (ou barre de navigation) se trouve en haut de page.
  • la création de site internet doit correspondre aux attentes des moteurs de recherche :
  • un site internet responsive design donc optimisé pour la lecture sur supports mobiles,
  • des pages web qui se chargent en moins de 2 secondes afin de pouvoir être affichées même avec des connexions 3G,
  • une adresse url en HTTPS.

Du fait de ces différentes contraintes, avoir un design épuré est crucial si vous souhaitez créer un site vitrine professionnel:

  • des templates de qualité. Une template est un modèle de présentation d’une page et permet rapidement de créer un site internet.
  • un choix de couleurs limité. Les spécialistes du web design recommandent 3 couleurs différentes maximum pour toutes les pages web de votre site internet,
  • une police de caractère (« font ») unique pour tous le site,
  • des images de grande qualité. Une belle image fait minimum 960 pixels de large, elle doit se comprendre en 1 seconde et donc ne pas comporter des milliers de détails,
  • un menu (barre de navigation) avec au maximum 6 liens vers des pages de votre site,
  • l’accès à toutes les pages avec un maximum de 3 clics (c’est ce que les experts nomment la « profondeur » ),
  • des boutons d’actions ( CTA ) en petit nombre sur chacune des pages (Maximum 3 boutons : en haut, au milieu et en bas de pages web),
  • un recours aux aplats de couleurs limité. L’usage est d’écrire sur un fond blanc et notre œil est programmé pour cela. Imposer des variations de couleurs rend plus complexe la lecture et tout ce qui rend complexe l’accès à l’information incite les internautes à quitter votre site internet,
  • des modules d’informations harmonieusement disposés afin de permettre une lecture transversale rapide,
  • des textes entrecoupés de titres, d’images, de mots en gras, afin de donner une perception de simplicité d’accès à l’info. Une page peut être très longue, si cela est justifié, mais les paragraphes ne doivent à l’idéal pas dépasser 10 à 15 lignes maximum,

De la même manière, la profusion de carrousels, pop up, effets graphiques est rarement efficace car tous ces éléments rendent complexes la navigation de l’internaute qui vient chercher une information.

Hubspot ( un des plus important logiciel d’inbound marketing) a fait un sondage qui a montré que 76% des personnes disent que la caractéristique la plus importante d’un site Web est la facilité d’utilisation.

Cette facilité permet aussi de démontrer une forme de crédibilité du site internet concerné. En effet, nul besoin d’effets graphiques si l’information est de qualité.

Qu’est-ce qui compte vraiment pour les utilisateurs?

Toutes les études démontrent qu’un site Web efficace est un site internet dans lequel:

  • l’information dans un site vitrine est organisée de manière logique,
  • l’information est à jour. Cela paraît évident mais combien de sites internet n’ont pas été mis à jour les 3 derniers mois : une majorité,
  • on trouve des liens vers des sites de qualité.

Lors de la création de votre site internet n’hésitez pas à demander des avis à vos clients ou vos collaborateurs sur la manière dont ils perçoivent la simplicité d’utilisation de votre site web. Pour ne pas tomber dans le « j’aime » « j’aime pas » qui est parfaitement subjectif, posez leur des questions précises :

  • avez vous trouvé facilement la page web qui parle de mes produits,
  • en cliquant sur un lien saviez vous ce que vous alliez trouver dans la page web de destination,
  • avez vous eu toutes les réponses à vos questions,
  • auriez vous acheté (ou pris contact).

Après la publication de votre site vitrine, vous pouvez analyser le comportement de vos utilisateurs pour détecter les incompréhensions.

Pour débuter une simple lecture de votre outil de pilotage Google Analytics peut vous permettre de détecter des problèmes.

Pour cela dans le menu à gauche cliquez sur « Comportement » puis « Contenu du site » et « Toutes les pages ».

En un clin d’œil, vous pouvez connaître le nombre de visites sur chacune des pages web de votre site, la durée de visite, le taux de rebond.

Si les enjeux le justifient vous pouvez utiliser des logiciels professionnels tels que Hotjar qui vous permettent de comprendre l’activité de vos visiteurs sur votre site internet.

Vous l’avez compris, l’effet « wow » peut jouer des tours.

L’efficacité de votre site internet dépend beaucoup de la manière dont il est construit. Si vous passez par une agence web, validez qu’elle dispose des compétences nécessaires pour vous créer un site ergonomique et simple d’utilisation.

Y a t’il des astuces pour le référencement Google ?

Le référencement d’un site internet ne procède d’aucune opération de magie. Votre site sera bien référencé si il respecte les attentes des moteurs de recherche (Google, Quant, Ecosia, …). Tous fonctionnent de la même manière.

D’abord, ce sont des ordinateurs qui scannent des pages web pour détecter, à des endroits précis, des informations leur permettant de comprendre de quoi elles traitent.

Ensuite, dès lors qu’une page est référencée, les moteurs de recherche proposent cette page à des internautes en fonction des demandes qu’ils formulent. Ils analysent alors le comportement des internautes. Restent-ils sur la page web un temps suffisant, naviguent-ils dans le site, achètent-ils, reviennent-ils.

Enfin, parce que ce sont des ordinateurs, ils ont besoin de règles précises pour analyser rapidement vos pages web. Ce sont les aspects techniques du référencement trop souvent mésestimés.

Comment bien référencer un site internet ?

Tous les experts du référencement (SEO) vous diront la même chose. Le référencement est un processus qui demande de la méthode, du temps et qui repose sur 4 phases distinctes :

a) Comprendre comment les internautes font leurs recherches

On parle ici des fameux mots clefs. Quels sont les mots tapés par les internautes sur les moteurs de recherche.

C’est la base du référencement Google qui consiste à connaître l’ensemble des mots clefs utilisés par votre cible pour trouver une entreprise telle que la votre.

Chez Orson, nous avons identifié plus de 450 mots clefs en français et presque autant en anglais. Tous ne se valent pas.

Certains sont des mots clefs qui correspondent à la phase de réflexion d’un client (comment créer un site internet, quel est le prix d’un site, ..). Ils se situent parfois assez loin de l’acte d’achat mais être identifié sur ces mots clefs permet de se faire connaître de prospects au tout début de leur processus de décision.

D’autres sont clairement utilisés par notre cible en situation d’achat (différences entre Orson et Wix, combien coûte l’hébergement d’un site internet, …). Utiliser ces mots clefs est essentiel pour créer un site internet efficace.

b) Intégrer dans votre site internet les mots clefs aux bons endroits

Chaque page de votre site internet est résumée par un titre et une description (les meta données ). C’est ce que vous voyez en premier dans les résultats des moteurs de recherche (en bleu ou violet pour le titre et en noir pour le descriptif).

Chacun des titres et descriptifs de chacune des pages web de votre site doit intégrer des mots clefs. Cela permet à Google de comprendre les objectifs spécifiques de chaque page pour les présenter aux bonnes personnes.

Si cela paraît évident, la réalité est que plus de 50% des sites web n’ont ni titre ni description précise. Lors d’un audit de site internet c’est la première chose que vont analyser les experts SEO.

Ensuite tout est question de logique. Une page est structurée avec en général un titre ( H1 ) des sous titres ( H2 ) des textes et des images. Les mots clefs doivent être utilisés dans les titres, les sous titres, en début de paragraphe de texte et dans les titres d’images ou de vidéos. Ce n’est pas plus compliqué que cela c’est juste un travail de méthode et de rigueur.

En procédant ainsi, vous permettez aux robots des moteurs de recherche de comprendre précisément l’objectif de chacune des pages de votre site internet et ainsi de les présenter aux bonnes personnes.

c) Animer son site internet

Un site internet est une vitrine. Dans le monde physique il ne viendrait à aucun commerçant l’idée de ne pas animer sa vitrine. C’est évidemment pareil sur internet.

Vos prospects veulent une information à jour, les moteurs de recherche privilégient l’information récente vous devez donc animer votre site internet.

C’est tout l’intérêt d’un blog, d’une page web actualité qui permettent de produire de nouveaux contenus et d’enrichir votre site.

L’idéal est de publier chaque semaine une page de 300 mots minimum et de la faire connaître par l’intermédiaire des réseaux sociaux ( voir paragraphe ci après ).

Bien sûr, ceci implique que vous soyez autonome pour animer votre site ce qui est aujourd’hui possible avec les logiciels de création de sites qui proposent des templates responsive design faciles à modifier.

d) Travailler les liens entrants ( Backlinks)

L’étape la plus essentielle de toute démarche de référencement naturel. Votre site vitrine ou votre site de e commerce est riche en contenus, régulièrement animé, il est donc de plus en plus visité et apprécié par Google.

C’est le moment d’identifier les sites internet avec lesquels il est pertinent d’entrer en relation pour proposer un échange de liens. Chaque site dispose d’un page rank ( une note exprimée en indice de 1 à 100). Moz SEO est un logiciel gratuit qui vous permet de connaître le Page Rank de n’importe quel site web.

Tout l’enjeu est d’obtenir des backlinks de sites qui ont un page rank supérieur au votre.

Pour faire simple, et utopique, si votre site dispose d’un page rank de 10 ( faible) et qu’un site avec un page rank de 90 (très élévé) met en place un backlink à votre profit votre vie change. Ne rêvez pas cela ne se produira pas. Il faut comme toujours sur internet travailler avec méthode et avancer pas à pas. Viser des sites avec un page rank de 20 puis au fur et à mesure de 30 ….

Aspects techniques liés au référencement

Le responsive design

Faire un site responsive design est aujourd’hui un impératif. En effet, plus de 50% des visiteurs d’un site web proviennent de tablettes ou de Smartphones. Ceci a conduit Google à décider de ne plus présenter les sites internet non responsive design lors de requêtes sur supports mobiles. L’impact sur le trafic d’un site web peut ainsi être considérable.

Le responsive design consiste à recomposer de manière automatique les templates de pages, en fonction de la taille du support par lequel elles sont accessibles.

Si vous devez refaire votre site internet, votre agence vous facturera certainement cette prestation car la plupart des logiciels qu’elles utilisent (WordPress ou Drupal en particulier) imposent une phase de validation spécifique.

Les logiciels de création de sites les plus modernes (mode SaaS pour Software as a Service) ne posent pas cette difficulté car ils intègrent des règles de gestion pour rendre incassable le responsive design.

Le HTTPS

Les sites de e commerce sont construits dans le respect de la norme HTTPS depuis l’origine du web. Cette norme n’est donc pas nouvelle. Ce qui est nouveau c’est que Google a décidé d’imposer cette norme à tous les types de sites web afin de renforcer la sécurité des données sur le web.

Si votre site web ( site vitrine ou blog ) n’est pas en HTTPS, à partir d’octobre 2017 le navigateur Chrome affichera un message d’avertissement aux visiteurs de votre site internet si des pages de votre site contiennent un formulaire à remplir ou un champ de recherche.

Compte tenu de la teneur du message, l’effet est garanti. Vos visiteurs préfèreront ne pas entrer sur votre site web plutôt que de courir un risque.

L’objectif de Google est d’imposer le HTTPS sur tous les sites existants. Le HTTPS est un protocole de transfert qui permet de crypter les données et ainsi d’apporter plus de sécurité pour les lecteurs de votre site Internet.

Le passage de votre site internet de la norme HTTP à la norme HTTPS revient à faire une migration de site internet. Schématiquement 3 étapes sont à prévoir :

  • modifier votre contrat d’hébergement afin d’acquérir un certificat SSL adapté. Le coût de votre hébergement va augmenter significativement (comptez de l’ordre de 100 à 200€ par mois ),
  • procéder à la migration HTTPS de toutes vos pages web,
  • vérifiez que tous les modules externes qui sont utilisés dans votre site internet (plug in) sont HTTPS. A défaut, les pages de votre site web concernées seront considérées comme non sécurisées.

En fonction des logiciels que vous utilisez ce travail sera plus ou moins complexe donc plus ou moins couteux à réaliser :

  • votre site a été fait avec un CMS open source (WordPress ou Drupal. Dans ce cas il est probable que vous êtes passé par une agence web qui a réalisé votre site internet. Contactez la pour obtenir un devis du coût de la migration. Suivant l’importance de votre site ( nombre de pages et de visiteurs ) le coût peut aller jusqu’à quelques milliers d’euros,
  • votre site a été construit sur un logiciel CMS cloud ( un website builder tel Jimdo, Orson ou Squarespace ). Il est probable que vous avez réalisé votre site internet de manière autonome. Dans ce cas, la migration en HTTPS de votre site sera réalisée de manière automatique donc sans coût supplémentaire sur votre abonnement.

Le temps de chargement de vos pages web

C’est certainement l’élément technique le moins souvent pris en compte lors de la création ou de la refonte d’un site internet.

Google valorise les pages web qui se chargent en moins de 2 secondes afin d’assurer une expérience utilisateur de qualité même lors d’une navigation mobile en 3G.

Pour que vos pages soient rapides elles doivent respecter les normes techniques du langage HTML 5 (dites W3C) et vous devez être vigilant en particulier sur le poids des images qui peuvent ralentir considérablement le chargement des pages web.

Le meilleur moyen de d’optimiser le temps de chargement est de compresser vos images avec des logiciels adaptés. A titre d’exemple nous utilisons le logiciel gratuit Tinyjpg qui permet de gagner enter 70 et 80% de poids sans aucun impact sur la qualité des images.

Régulièrement n’hésitez pas non plus à tester vos pages. Nous utilisons pour cela le service de Pingdom qui permet de connaître le temps de chargement d’une page en prenant en compte la distance entre le serveur et l’internaute.

En s’appuyant sur ses expertises dans les domaines du digital, des technologies et des process , CSS Engineering vous accompagne dans vos chantiers de transformation les plus ambitieux et vous aide à faire émerger de nouvelles idées, de nouvelles offres, de nouveaux modes de collaboration, de nouvelles manières de produire et de vendre.

CSS Engineering s’implique dans les projets de chaque client comme si c’était les siens. Nous croyons qu’une société de conseil devrait être plus que d’un conseiller. Nous nous mettons à la place de nos clients, pour aligner nos incitations à leurs objectifs, et collaborer pour débloquer le plein potentiel de leur entreprise. Cela établit des relations profondes et agréables.

Nos services:

  1. Création des sites web professionnels
  2. Hébergement web haute performance et illimité
  3. Vente et installation des caméras de vidéo surveillance
  4. Vente et installation des système de sécurité et d’alarme
  5. E-Marketing

Toutes nos réalisations ici https://www.css-engineering.com/en/works/

LEAVE A REPLY

Please enter your comment!
Please enter your name here