Vu le nombre de sites internet existant, attirer le chaland sur votre site est une tâche difficile. Et comme si ce n’était pas suffisant, une autre tâche, délicate également, est de faire en sorte que votre visiteur s’attarde sur votre site, et s’y intéresse.
Mais quelles sont les raisons qui font que vos visiteurs ne s’attardent pas sur vos pages?
La vitesse d’affichage des pages
Une page qui met trois plombes à s’afficher? Pas de problème, je passe au site suivant! D’après certaines études, les internautes se divisent en trois grandes catégories:
- Les internautes occasionnels, avec une consommation internet de moins de 5 heures par semaine. Ils sont les plus patients et peuvent attendre jusqu’à 16 secondes avant de s’impatienter et quitter votre site internet
- Les internautes intermédiaires, avec une consommation internet de 5 à 15 heures par semaine. Cette catégorie d’internautes est prête à attendre 8 à 10 secondes avant d’abandonner.
- Les internautes professionnels, avec une consommation internet de plus de 20 heures par semaine. Bon, là c’est que 2 ou 3 secondes, donc faut que ça speede un maximum! Il faut également se dire que l’internaute professionnel se comporte probablement de la même façon lorsqu’il surfe pour ses loisirs… La combinaison de touches CTRL+W (COMMANDE+W sur Mac) n’est jamais très loin!
Optimisez vos images La vitesse est donc un critère essentiel et il faut absolument éviter de faire des sites internet surchargés avec des images pesant des mégas. Le mot d’ordre: optimisez vos images! Rien qu’en faisant ça, vous pouvez diminuer la durée de chargement de votre site de moitié!
Assemblez et minifiez les fichiers JS/CSS Vous pouvez (devriez) également minifier vos fichiers javascript et css, et soyons un peu fous, même les assembler dans un seul fichier javascript et un seul fichier css. Le but ici est de limiter le nombre de requêtes http.
Utilisez un sous-domaine ou un second domaine pour vos fichiers statiques Utiliser un sous-domaine pour tous vos fichiers graphiques est également une bonne idée. Les navigateurs internet sont limités dans leur nombre de requêtes HTTP exécutées en parallèle (généralement 2 ou 3, pas plus). Une solution toute simple, proposée par l’équipe de performance Yahoo, est de répartir vos fichiers sur différents domaines ou sous-domaines, pour lever cette limite. Ainsi votre navigateur utilise un nombre plus élevé de requêtes en parallèle. Évitez quand-même d’utiliser un nombre trop élevé de domaines différents, sans quoi le navigateur risque de lancer trop de requêtes en parallèle, ce qui aurait un effet négatif sur la vitesse d’affichage de la page.
Configurer votre sous-domaine/second domaine Une petite dernière pour la route, en utilisant un sous-domaine/domaine spécifique pour vos fichiers statiques, vous pouvez aller encore plus loin dans l’optimisation en supprimant les cookies et en mettant des entêtes d’expiration configurées globalement sur tout le domaine!
Utilisez les outils à votre disposition Pour tester plus en détail votre site internet, utilisez l’outil d’analyse Google PageSpeed Insights
La publicité
La publicité est un mal nécessaire pour de nombreux webmasters… Elle est souvent une source de revenu non négligeable pour le webmaster et de ce fait, peut difficilement être retirée du site. Il faut à tout prix éviter de faire fuir les visiteurs, ce qui signifie pas de publicités envahissantes qui masquent le contenu du site ou distraient le visiteur. Évitez également les bannières publicitaires trop lourdes qui mettent du temps à s’afficher. Un autre facteur à prendre en compte lorsque vous ajoutez des publicités sur votre site: le code javascript ajouté peut être conséquent et peut contribuer au ralentissement du chargement de vos pages.
Enfin, on peut également citer le cas des redirections. Il s’agit de pages intermédiaires affichant des publicités en grand. Lorsqu’un internaute clique sur un lien, il s’attend à visualiser la page cible, et non une page de publicité (vous savez, avec le lien généralement en tout petit “passer la publicité”).
Les boîtes de dialogue
Évitez les boîtes de dialogue envahissantes, du genre: “inscrivez-vous à notre newsletter” et compagnie… Lorsqu’un internaute visite votre site, il est généralement à la recherche d’information, et dans ce cas le popup risque de le faire fuir.
Les musiques et vidéos
Évitez comme la peste les sons et/ou vidéos qui démarrent automatiquement et qui ennuient plus qu’autre chose vos visiteurs. Ce genre d’accueil était cool dans les années 90’s, plus maintenant !
Faut-il favoriser le fond ou la forme?
Votre site internet doit être visuellement attirant, c’est un fait… Si votre site est super laid, vos visiteurs n’auront pas forcément envie de s’y attarder.
Je vais vous donner un exemple concret…Personnellement quand je visite des sites avec un look des années 90’s, je ne m’y attarde que très rarement… Pourquoi? Car un site avec une charte graphique dépassée de 10 ou 15 ans a peu de chance de proposer du contenu mis à jour. Hors la plupart du temps, ce que l’internaute désire, c’est un contenu cohérent et mis à jour. Pas un vieil article écrit il y a 10 ans. Peut-être n’est-ce qu’une impression, mais en tout cas si je me comporte ainsi, je me doute bien que de nombreuses autres personnes doivent penser de la même façon. Il faut toutefois éviter de favoriser la forme sur le fond, car la quête finale du visiteur est quand-même de trouver l’information qu’il recherche.
Il m’arrive parfois de tomber sur des sites développés en flash (par exemple) avec des super animations et autres effets de la mort qui tue, mais dont le fonctionnement n’apparaît pas de prime abord. Et que fait-on dans ce cas? On passe au site suivant. Dommage…
La qualité du contenu
Cela peut paraître évident, mais un site ayant un contenu peu pertinent ou pauvre aura peu de chance d’attirer et garder ses visiteurs. Parmi les critères qui font qu’un contenu est ou semble pauvre, le plus important est probablement l’orthographe. Un site bourré de fautes d’orthographe ne pourra pas être considéré comme sérieux par ses visiteurs. Cela donne l’impression que l’auteur du site a bâclé son travail, et qui dit travail bâclé dit contenu pauvre dans l’esprit de l’internaute. Une solution toute simple, préparer son contenu à l’avance, utiliser un logiciel tel que Microsoft Word, Open Office ou autre et utiliser l’outil dictionnaire.
Les règles élémentaires de typographie sont également importantes. Pas besoin d’être un expert en la matière, mais un minimum de savoir-faire est nécessaire:
- Alignement correct du texte (ne pas centrer le texte si ce n’est pas nécessaire!)
- Le nombre optimal de caractères par ligne pour faciliter la lecture se situe aux alentours de 50-70. Plus de caractères et les lignes deviennent trop longues, ce qui rend le passage d’une ligne à la suivante plus compliqué pour les yeux. À l’inverse, des lignes trop courtes obligent les yeux à faire des aller-retours incessants pour passer à la ligne suivante; ce qui provoque une rupture dans le rythme de lecture.
- Partitionnez votre texte en paragraphes. Un gros bloc de texte indigeste, et vos visiteurs zapperont le bloc entier.
- Comme déjà dit précédemment, un contenu à jour est important. N’hésitez pas à mettre à jour le contenu de vos pages quand cela est nécessaire.
Plates-formes mobiles
C’est le nouveau truc de ces dernières années. Ca a commencé avec l’iphone et depuis le phénomène n’a fait que s’accentuer: les internautes utilisent de plus en plus leurs périphériques mobiles pour surfer sur le web: smartphones et tablettes.
Et plutôt que de développer des versions différentes de vos sites pour chaque type de périphérique, vous devriez, vous devez même…, rendre vos sites adaptifs (mon dieu que cette traduction est foireuse! Il s’agit bien évidemment d’utiliser la technique responsive design). Des frameworks CSS existent pour vous simplifier la tâche. Les plus connus sont probablement Foundation et Bootstrap.
Qui êtes-vous et comment vous joindre?
Ces deux pages sont essentielles pour tout site internet qui se respecte. Et pourtant, nombreux sont les sites internets qui ne proposent pas ces pages. Un formulaire de contact peut être ajouté en moins de 5 minutes sur un site Wordpress. Personnellement, je suis un grand fan de l’extension Contact Form 7 que je vous recommande chaudement!