Principe 2 : Ce n’est pas le plus joli site qui gagne

Le design a son importance, bien sûr. Mais la priorité, c’est l’efficacité.

Un site magnifique mais flou dans son message, ou sans parcours utilisateur clair, n’apporte aucun résultat. Le copywriting, lui, s’intéresse à ce que ressent et comprend le visiteur. Il s’agit de lui parler avec des mots simples, percutants, qui répondent à ses besoins et le guident naturellement vers l’action.

Un bon texte, même sobre, vaut mieux qu’un beau site vide de sens.

Exemple concret :

Un bouton qui dit « Cliquez ici » est moins efficace qu’un bouton qui dit « Obtenez votre devis gratuit maintenant ».

Pourquoi ? Parce que le deuxième décrit l’action et en souligne l’avantage.

Vous avez peut-être déjà entendu parler de la règle des 80/20, également connue sous le nom de principe de Pareto. Ce principe stipule que "pour de nombreux événements, environ 80 % des effets proviennent de 20 % des causes".

Discuter sur le sujet de la vitesse de chargement d'un site web peut facilement et très rapidement devenir une perte de temps plutôt qu'un réel gain. Je ne souhaite pas que ce sujet soit une perte de temps pour vous, alors au lieu de s'enliser dans des considérations trop techniques... je vais me pencher sur les gains importants qui auront un impact notable sur votre site Web.

Commençons par examiner le problème.

Votre site Web est-il lent ?

Lorsqu'il s'agit d'un site WordPress, il existe de nombreux facteurs qui augmentent ou diminuent sa vitesse de chargement. L'interaction de ces facteurs se traduira par le temps de chargement de votre site. Cela déterminera in fine sa performance.

L'hébergement, le thème, les plugins, les scripts et ressources tierces... cela semble déjà complexe, n'est-ce pas ?
Nous aimerions bien que ce soit aussi simple que "utilisez notre logiciel d'optimisation de vitesse et oubliez-le".

Mais c'est un peu plus compliqué que cela.

Les deux raisons pour lesquelles la vitesse est importante

Lorsque nous parlons de vitesse de chargement de site, il s'agit souvent d'une différence de quelques secondes. J'entends déjà les sceptiques : "C'est inutile ! Pourquoi toute cette discussion pour gagner 3 secondes ?"

Eh bien, il y a quelques raisons, mais la plupart d'entre elles se résument à la façon dont les gens ressentent l'attente.

1. Les taux de conversion sont plus faibles sur les sites Web lents

Que font les visiteurs d'un site Web s'ils doivent attendre ?

Ils partent.

À maintes reprises, des études ont établi un lien direct entre le temps de chargement et le taux de conversion (lien en anglais).

Si vous menez une campagne SEA ou de tout autre levier publicitaire au clic, vous avez intérêt à ce que chaque personne qui clique passe un minimum de temps sur votre site, car ces clics vous coûtent de l'argent.

Il est déjà difficile d'attirer les bons visiteurs au départ. Mettez leur patience à l'épreuve et ils ne resteront même pas assez longtemps pour apercevoir le bouton "acheter" ou "s'abonner".

Concrètement, vous avez quelques secondes pour accrocher vos visiteurs dès leur arrivée sur votre site. Si vous gaspillez ces précieuses secondes lors du chargement de la page, cela a un effet direct sur vos conversions. Jetez un coup d'œil aux conclusions de ce rapport :

"Les pages d'ordinateur qui se sont chargées en 2,7 secondes ont connu un taux de conversion maximal de 12,8 %. Les pages qui se sont chargées 100 millisecondes plus lentement - en d'autres termes, en 2,8 secondes - ont connu une baisse de 2,4 % du taux de conversion." - Rapport Akamai sur la vente au détail

Tout le temps passé à élaborer le meilleur titre est perdu si le visiteur abandonne le site avant même d'avoir eu la chance de le lire.

Il vous faut leur donner une raison de rester, bien entendu. Et vous devez faire en sorte que cette raison leur apparaisse ... VITE !

2. La vitesse de chargement d'un site affecte le classement de Google

L'objectif de Google est clair : donner la bonne solution à une recherche aussi rapidement que possible.

Google ne partage pas son algorithme. C'est cet algorithme qui permet de déterminer les sites obtenant les premières places dans les résultats de recherche. Même s'il n'a pas révélé l'ampleur de cette incidence, Google a déclaré que la vitesse des sites Web avait une incidence sur le classement des résultats de recherche.

Ce que nous savons de manière certaine, c'est que Google surveille le comportement de ses utilisateurs lorsqu'ils cliquent sur un site web. S'ils restent sur le site pendant quelques minutes, Google considère que le visiteur a vu quelque chose qui lui a plu. C'est un avantage pour vous et cela peut améliorer votre classement !

Mais si un visiteur clique depuis Google sur votre site Web et que tout ce qu'il voit est une fenêtre de navigateur vide qui prend trop de temps à se charger, que va-t-il faire ? Il appuiera sur le bouton "retour". Google saura qu'il a passé moins de quelques secondes sur votre site avant d'abandonner.

Et la conséquence ? Google pourrait alors considérer que votre site n'est pas si bien adapté à ce terme de recherche si les visiteurs le rejettent rapidement. Conséquence : Votre classement baisse.

Cette observation a été faite à plusieurs reprises et il existe une corrélation notable entre le classement de recherche et la vitesse du site : les sites qui se chargent plus rapidement sont mieux classés (ressource en anglais).

Cependant, il s'agit toujours d'un jeu de devinettes. Peut-être que les sites web qui obtiennent la première place ont bien investi du temps et des efforts dans la vitesse du site. Mais ce n'est peut-être pas forcément et totalement à cause de cette vitesse qu'ils ont obtenu leur classement.

Les 3 couches d'un site WordPress rapide

Maintenant que nous voyons les avantages, il est temps d'examiner comment résoudre les problèmes de performances de votre site Web.

1. Hébergement

L'hébergement a l'un des plus grands impacts sur les performances de votre site web, même si vous ne pouvez pas le contrôler. À part le choix d'un bon hébergeur, bien sûr.

Chaque fois que quelqu'un charge votre site Web, l'information est envoyée du disque dur de votre hébergeur au navigateur de vos visiteurs, et c'est donc le premier goulot d'étranglement que vous rencontrerez. La façon dont la société d'hébergement a configuré son réseau, l'emplacement de ses serveurs et son infrastructure ont une incidence sur la vitesse de chargement de votre site Web.

Si vous avez un mauvais hébergeur, peu importe la technologie supplémentaire que vous utilisez pour accélérer votre site WordPress, votre hébergeur ne pourra fournir les données de votre site Web qu'à une certaine vitesse.

Bien sûr, l'importance de la vitesse de l'hébergeur dépend de vos objectifs. Si votre site Web est un portfolio personnel de votre travail en freelance, la vitesse ne sera pas aussi importante que pour un site de commerce électronique recevant des milliers de visites par jour.

L'avantage de WordPress, c'est que vous pouvez construire presque tout en utilisant différents éléments provenant de différents développeurs, les assembler et les faire fonctionner.

Le pire avec WordPress, c'est que vous vous retrouvez avec un tas de morceaux provenant de différents développeurs, chacun avec ses propres CSS, javascript et codes. Parfois, au détriment de ... la vitesse de chargement de votre site. Le choix d'un bon hébergeur vous permet donc au moins de gagner en vitesse, indépendamment de tout ce que vous pouvez faire pour ralentir votre site.

Pour illustrer ce dont nous parlons, voici un test que j'ai effectué.

J'ai construit un site web simple avec quelques images, un certain nombre de pages et de liens, et installé plusieurs plugins de différents développeurs. Tous les plugins ne fonctionnaient pas bien ensemble, c'est donc un bon exemple de site web moyen.

À l'aide de Pingdom, j'ai d'abord testé la vitesse de ce site sur un fournisseur d'hébergement mutualisé bon marché :

Temps de chargement d'un hébergement mutualisé bon marché ? 5,35 secondes.

Maintenant, regardez la différence de vitesse en déplaçant ce même site web vers un fournisseur d'hébergement de haute qualité. Absolument rien d'autre n'a été changé sur le site :

Temps de chargement de Premium Hosting ? 899 ms.

Le temps de chargement est ainsi passé de 5,35 s à 899 ms... simplement en changeant d'hébergeur !

Cet exemple montre les deux extrêmes en matière de vitesse de chargement et de performances, mais le message à retenir est clair :

Il faut également se méfier des forfaits d'entrée à bas prix proposés par les hébergeurs. Par exemple, le compte "GrowBig" de SiteGround est à 7,95 $ par mois... mais seulement pour la première année. Après cela, il passe à 24,95 $ par mois... à peu près le même prix que l'hébergement WPX, de loin supérieur.

Si vous êtes soucieux de votre budget, commencez par l'un de ces forfaits d'entrée de gamme pour votre première année, mais une fois que vous payez le prix fort, recherchez un hébergeur supérieur pour investir cet argent et transférer votre site.

2. Optimisation du contenu

La taille moyenne d'une page web est désormais de 3 Mo. C'est la quantité de données qui doit être téléchargée à l'arrivée d'un visiteur et qui comprend les images, les polices, le texte et le code.

Pour accélérer la vitesse de votre site, vous devez toujours chercher à maintenir la taille de votre page aussi petite que possible, de préférence en dessous de la moyenne. Mais il arrive qu'une seule image non compressée dépasse les 3 Mo.

Si vous ne faites rien pour optimiser vos images, vous risquez de créer un site énorme terriblement lent à charger.

Il y a deux façons de résoudre ce problème.

Le redimensionnement des images

Si vous utilisez des photos de stock professionnelles, des images d'un concepteur ou des images que vous avez prises avec votre propre appareil photo, vous pouvez constater que les dimensions sont beaucoup trop grandes. Prenons cet exemple :

3.67MB est beaucoup trop gros pour le web !

4400 x 3000 pixels ? Même si un navigateur web redimensionne l'image pour l'adapter à l'écran du visiteur, il doit d'abord télécharger la totalité du fichier.

C'est comme acheter 300 mètres carrés de moquette pour une seule petite chambre. Un gaspillage de ressources.

Si votre fichier image est plus grand que ce que vous souhaitez afficher, redimensionnez-le avant de le télécharger sur WordPress.

Windows et Mac ont tous deux une fonction intégrée de recadrage et de redimensionnement dans leurs visionneuses d'images par défaut, mais si vous préférez avoir plus de contrôle, vous pouvez utiliser un service en ligne comme Canva, Photopea ou télécharger un logiciel de bureau gratuit comme GIMP ou Paint.net.

La fonction de recadrage dans la visionneuse multimédia par défaut de Windows 10

Une fois que vous avez téléchargé une image, WordPress crée différentes tailles du fichier. Lorsque vous sélectionnez cette image dans un éditeur tel que Thrive Architect issu de Thrive Suite (ma suite d'outils WordPress préférées), choisissez les dimensions qui reflètent le mieux la taille que vous souhaitez afficher.

Choisissez la taille d'affichage appropriée

En d'autres termes, n'utilisez pas la "taille réelle" si vous souhaitez uniquement utiliser une vignette !

WordPress dispose également de sa propre fonction de redimensionnement et de recadrage, bien qu'il lui arrive d'être légèrement boguée.

La compression d'images

Redimensionner vos images n'est pas la seule façon de réduire la taille de leur fichier. Un autre moyen est la compression d'image.

La compression d'image consiste à stocker intelligemment les données visuelles d'une image. Il existe des logiciels très intelligents qui peuvent réduire considérablement la taille du fichier d'une image tout en affectant à peine son apparence.

Chez La Recette Du Web, j'utilise toujours TinyJPG pour la compression de mes images (que cela soit des .jpg ou des .png). Et oui, chaque image que vous voyez dans cet article a été compressée avec TinyJPG.

TinyJPG propose une interface gratuite (limitée à 20 images d'un coup et de 5mo maximum) que vous pouvez utiliser, et c'est incroyablement simple. Une fois que vous avez redimensionné vos images, vous pouvez les faire glisser et les déposer dans TinyJPG, qui appliquera la compression d'image aux fichiers. Vous téléchargez ensuite ces images compressées avant de les utiliser sur votre site Web.

Voici un exemple de 6 des images utilisées dans cet article, compressées via l'interface de TinyJPG. Notez la dernière ligne, un résumé des résultats pour les 6 images.

TinyJPG a réduit ces images de 70%, économisant 196KB

À l'origine, ces 6 images pesaient 279 Ko, mais TyniJPG les a réduites de 70,33 % pour les ramener à seulement 82 Ko ! Et j'ai vu certains fichiers réduits d'encore plus !

Considérez maintenant à quel point le téléchargement de votre site peut-être réduit... chaque kilo-octet économisé accélère le temps de chargement de votre site.

TinyJPG n'est pas la seule option disponible. Il existe des plugins comme ShortPixel et WP Smush qui vous permettent de compresser des fichiers depuis votre site Web. Bien que tous les compresseurs d'images soient efficaces, ils ne fonctionnent pas tous de la même manière pour toutes les images et certains outils peuvent donner de meilleurs résultats dans certaines conditions.

La même image à travers plusieurs outils de compression.

Plutôt que de se demander laquelle est la meilleure, il est plus important d'utiliser une certaine forme de compression que de ne pas en utiliser du tout.

3. Mise en cache et minification

Oh là là, ça y'est. Nous y voilà.

Cet aspect de la vitesse semble déjà effrayant, non ? Ne vous inquiétez pas, mon objectif est de vous donner les solutions exactes que vous devriez essayer. Cela signifie : pas d'informations excessives qui n'ont pas d'importance.

La première chose à noter est qu'il faut être prudent avec ces outils, car les mauvais réglages peuvent causer des soucis. Mais utilisés correctement, ils font vraiment la différence. Je vais vous montrer comment.

Mise en cache

Faisons simple :

Lorsque quelqu'un ouvre votre site Web, votre hébergeur doit déterminer ce qu'il doit voir et lui envoyer toutes ces informations, petit à petit, jusqu'au chargement complet de la page. Cela signifie que votre hébergeur doit réfléchir et fouiller dans votre base de données WordPress pour trouver les informations à envoyer. Cela prend du temps.

Mais vous ne modifiez pas le contenu de votre site Web chaque minute de chaque jour. Du coup, votre hébergeur ne devrait donc pas avoir à passer ce temps à déterminer les informations dont chaque utilisateur a besoin à chaque fois, n'est-ce pas ?

Au lieu de cela, vous pouvez gagner du temps en disant à votre hébergeur : "envoie exactement la même chose à ce visiteur que ce que tu as envoyé au dernier visiteur". Cela supprime la phase de réflexion.

C'est ce que fait la mise en cache.

La mise en cache signifie que, tant que rien n'a été modifié récemment sur votre site Web, il existe une version de toutes les informations d'une page Web stockée. Lorsqu'un visiteur arrive sur votre site, votre hébergeur lui envoie ce paquet de données en une seule fois, au lieu de penser à chaque élément.

Notez qu'il y a 4 types de cache :

Dans un instant, je vous donnerai mes recommandations spécifiques, étape par étape pour la mise en cache.

Optimisation du code

Il peut être intéressant d'optimiser le code de votre site grâce à un processus connu sous le nom de "minification".

Selon Wikipédia, la minification "est le processus consistant à supprimer tous les caractères inutiles du code source sans en modifier la fonctionnalité".

Elle rend votre site Web plus léger, plus propre et plus rapide.

Ma suggestion pour la mise en cache et la minification

Ok, je vous ai promis de vous faciliter la tâche. Voici donc ma suggestion pour améliorer la vitesse de votre site Web grâce à la mise en cache et à la minification en une seule fois.

Utilisez le plugin WordPress gratuit W3 Total Cache. Mais utilisez les bons paramètres !

W3 Total Cache est un plugin gratuit que vous trouverez dans le répertoire des plugins.

Voici une vidéo (sans audio) avec les paramètres exacts que vous devez utiliser pour W3 Total Cache :

En ce qui concerne ces paramètres, Object Cache et Browser Cache sont volontairement laissés de côté. Ces deux options peuvent utiliser beaucoup de ressources serveur et ralentir les sites hébergés sur des serveurs partagés.

Qu'en est-il des CDN ?

Je ne vous recommande pas d'utiliser les CDN tant que votre site Web ne reçoit pas un trafic important.

Mais par souci de connaissance, je vais rapidement mentionner ce qu'ils sont :

CDN est l'abréviation de Content Delivery Network (réseau de diffusion de contenu). Il s'agit d'un moyen de rapprocher physiquement le contenu de votre site Web de vos visiteurs afin d'en augmenter la vitesse de chargement. Même si votre site Web est rapide, un visiteur en Australie qui se connecte à un site Web hébergé en Angleterre doit attendre que les données fassent le tour du monde.

En utilisant un CDN, vous pouvez stocker des paquets de données de site Web sur un réseau réparti dans le monde entier, ce qui permet aux visiteurs de télécharger à partir du serveur le plus proche d'eux.

Ne vous préoccupez pas des CDN pour l'instant. Sachez simplement qu'un jour, lorsque vous serez prêt à faire passer votre vitesse à un niveau supérieur, vous pourrez envisager des services CDN.

Accélérer votre site WordPress - La check list

Rien qu'avec ces trois changements, vous commencerez à constater un impact notable sur la vitesse de votre site et, par conséquent, une légère amélioration des conversions sur votre site Web. Voici donc votre liste de contrôle :

Il y a beaucoup plus à faire si votre site WordPress est lent, mais si vous suivez les 3 étapes de cet article, vous êtes sûr de couvrir les 20% de changements qui apporteront 80% d'amélioration.

Faites-moi savoir ce que vous avez pensé de cet article en laissant un commentaire ci-dessous.

à quoi servent-ils ?

Tout d'abord, à quoi servent ces catégories et tags WordPress, exactement ? Ces deux éléments peuvent être appliquées aux articles de blog, mais pas aux pages de WordPress. Ils créent tous deux des pages d'archives. C'est-à-dire des pages dans lesquelles tous les articles d'une catégorie ou d'un tag donné sont répertoriés.

Voici un exemple d'archive de catégorie WordPress sur La Recette Du Web. Et voici un exemple d'archive de WordPress tag.

Ceci est pertinent à deux égards :

WordPress Tag vs Catégorie WordPress : En quoi sont-ils différentes l'un de l'autre ?

En fait, il n'y a qu'une seule différence réelle entre les catégories et les tags : les catégories WordPress peuvent avoir une structure (avec autant de niveaux de sous-catégories que vous le souhaitez) alors que les WordPress tags ne le peuvent pas.

Si vous avez une catégorie mère et des sous-catégories, la catégorie mère liste tout le contenu qui lui est attribué ainsi que tout le contenu de toutes ses sous-catégories.

Dans la plupart des thèmes, les catégories WordPress sont affichées dans l'article. Dans la plupart des bons thèmes, les WordPress tags ne sont pas affichés, car ils ne sont pas très utiles pour la navigation (sur votre site Web - nous ne parlons pas de Twitter ou d'Instagram, ici).

Approfondissons les catégories WordPress

Très bien, avec les bases couvertes, regardons de plus près tout ce que vous devez savoir sur les catégories WordPress.

Combien devez-vous en avoir ?

Pour que les catégories soient utiles à vos visiteurs ainsi qu'au référencement, je vous invite à suivre ces directives :

Comment devriez-vous nommer vos catégories ?

Je vous recommande d'utiliser un langage clair, orienté vers l'action ou les avantages, pour vos noms de catégories. Le nom de la catégorie WordPress apparaît comme une étiquette cliquable sur votre site, les règles de rédaction s'appliquent donc.

Par exemple, au lieu d'un nom de catégorie générique comme "Génération de trafic", choisissez un nom comme "Obtenir plus de trafic".

Vous pouvez également utiliser vos noms de catégories pour leur donner une certaine personnalité et communiquer votre marque. Par exemple, pensez à la façon dont l'attrait d'un site web de voyage pourrait changer en fonction des noms de catégories :

Il s'agit des mêmes catégories dans les deux cas, avec les mêmes contenus. L'exemple A est générique et commun (mais pas particulièrement attrayant). Les termes de l'exemple B n'auront de sens que pour les personnes appartenant à un certain segment du marché du voyage, mais ils auront une résonance beaucoup plus forte auprès d'elles.

Référencement des pages de catégories WordPress

Si vous êtes tenté d'utiliser des noms de catégorie génériques à des fins de référencement, tenez compte de deux facteurs importants :

Règles d'utilisation des catégories

Voici les règles que je suis, lorsque je catégorise le contenu de mes sites :

Comment ajouter des catégories WordPress à la navigation de votre site

Le rôle des catégories est en partie de rendre votre contenu plus facile à naviguer. Alors, comment s'y prendre exactement ?

Si vous avez une barre latérale sur votre blog, c'est un bon endroit pour ajouter une liste de catégories WordPress. Un menu de navigation secondaire sur le blog, énumérant les catégories, peut aussi parfois fonctionner.

Une autre façon dont une bonne catégorisation peut améliorer la navigation sur votre site est le recours à des widgets d'articles connexes. Les thèmes et les plugins qui vous permettent d'afficher des articles connexes en bas des articles choisiront généralement ces articles en fonction des catégories.

Enfin, n'oubliez pas que vous pouvez créer un lien manuel vers une page de catégorie.

Par exemple, si je mentionne que chez La Recette Du Web, je publie régulièrement des articles concernant la création de site, je peux ajouter un lien vers ma page catégorie "conception de site web".

Si vous voulez en savoir plus sur la façon de configurer les catégories WordPress, consultez cet article.

Approfondissons les tags WordPress

Maintenant que nous avons abordé la question des catégories, examinons de plus près les tags WordPress et la meilleure façon de les utiliser.

N'utilisez pas les Tags WordPress comme élément de navigation

Ma première règle pour les balises est de ne pas les utiliser pour la navigation du site. Les gens avaient l'habitude d'avoir des nuages de tags sur leurs sites (parfois même des nuages de tags animés...). Heureusement, ces nuages sont passés de mode.

Les WordPress tags ne sont généralement pas un bon moyen de faciliter la navigation. Ils sont généralement trop nombreux et il n'y a pas de bon moyen d'afficher la navigation d'une tonne d'éléments sans aucune hiérarchie interne (rappelez-vous : les tags ne peuvent pas être structurés avec des relations parent/enfant à contrario des catégories).

Sur diverses plateformes sociales, les tags et étiquettes ont leur utilité, mais sur votre site web je vous recommande de ne les utiliser qu'en backend.

Les tags WordPress pour l'organisation interne

Alors, si ce n'est pour la navigation, à quoi devraient servir les tags ? Voici quelques exemples :

Contrairement aux catégories WordPress, vous pouvez ajouter autant de WordPress tags que vous le souhaitez, pour chaque article. Cependant, la règle "pas d'orphelins" s'applique également aux tags : il est inutile d'avoir 100 tags sur votre site si 50 d'entre eux ne contiennent qu'un seul article chacun.

Les tags WordPress et le référencement

Assurez-vous que vos pages de tags ne sont pas indexées. L'indexation de vos pages de tags crée une tonne de contenu redondant sur votre site, qui doit être rel:canonical dans les deux sens. Il n'y a probablement pas d'impact négatif à cela (tant que les canoniques sont en place), mais il n'y a certainement aucun avantage à avoir toutes ces pages de tags indexées.

Si vous voulez en savoir plus sur la façon de configurer les tags WordPress, consultez cet article.

Dans quelle mesure les sliders de site internet sont-ils trop répandus ?

Pour faire court, il semblerait que ces carousel web soient PARTOUT ! Comme nous le verrons plus loin, cela dépend en fait d'où vous cherchez. Ce qui est certain, c'est que si vous êtes dans la démarche de créer un nouveau site web, le slider web est pratiquement inévitable. Voici une illustration simple de ce que je veux dire :

Ce qui est ci-dessus représente un patchwork de ce qui est présent au-dessus de la ligne de flottaison (c'est-à-dire ce qui est directement visible au chargement d'une page sans scroller) de 40 thèmes WordPress sélectionnés au hasard (et récents) sur les principales places de marché.

Sur ces 40 exemples, seuls 3 ne présentent pas un grand slider de site web comme élément principal de la page d'accueil.

Alors, s'il est possible de trouver de nouveaux thèmes qui ne présentent pas un énorme slider en haut de la page d'accueil, il est certainement beaucoup plus facile de trouver des thèmes faisant un usage à outrance de carrousel web.

Après avoir examiné les sites web de clients et travaillé avec des entrepreneurs en ligne au fil des années, je peux dire que les carrousels d'images ne sont, au final, pas aussi répandus "dans la nature" qu'ils le sont dans les templates de sites des solutions de création de site du marché.

Cela dit, ils restent et constituent toujours un problème sérieux qui doit être abordé.

Les sliders web : La preuve par l'exemple

Chez La Recette Du Web, je crée des sites axés sur la conversion et c'est la raison exacte pour laquelle je n'utilise pas de slider de site web.

Et à ce propos, il se trouve que les sources démontrant l'impact négatif de ces sliders sur les taux de conversion ne manquent pas. En voici quelques exemples :

Voici ce que certains experts dans les domaines de l'optimisation des conversions et de l'UX (User Experience ou Exprience Utilisateur en français) ont à dire sur l'utilisation d'un carrousel web sur un site internet :

Et, une de mes citations préférées sur le sujet :

Je pourrais continuer. Il y'a une multitude d'autres articles complémentaires qui aboutissent à la même conclusion : les sliders desservent grandement les résultats de votre site web.

Les actions sont plus éloquentes que les mots

Maintenant, si l'on écarte les avis d'experts et même les statistiques, je trouve très intéressant et riche d'enseignement d'observer qui utilise et n'utilise pas les sliders. Jetez un œil aux sites web gérés par des personnes connues pour leurs nombreux tests et optimisations. Par exemple :

Tous ces sites sont gérés par des entreprises et des personnes qui mettent un point d'honneur à faire des tests constants et réguliers afin de tendre à une optimisation parfaite de la conversion - l'observation est sans appel - pas un seul slider en vue.

Si cela ne vous convainc pas de vous débarrasser de tous les sliders de votre site, je ne sais pas ce qui le fera.

Pourquoi un slider de site web est-il si néfaste ?

Si vous voulez approfondir ce sujet, je vous encourage à lire certains des articles dont j'ai donné les liens plus haut (ils sont en anglais). Ils contiennent de nombreuses études et idées intéressantes sur les raisons pour lesquelles les sliders représentent un si mauvais élément pour l'UX et la conversion.

À mon avis, l'un des problèmes les plus importants des sliders est facilement illustré par un exemple comme celui-ci :

Regardez l'exemple et prêtez attention à chaque diapositive. Lisez le texte qui apparaît et essayez de comprendre ce qui est proposé sur chaque diapositive. Dès que vous ferez cela, vous remarquerez un problème majeur.

Pour chacune de ces diapositives, il y a deux possibilités : soit vous êtes intéressé par le contenu de la diapositive, soit vous ne l'êtes pas.

Si vous êtes intéressé(e), le contenu s'envole et est remplacé par autre chose avant que vous ne puissiez l'assimiler complètement.

Si vous n'êtes pas intéressé, vous ferez probablement défiler la page avant même que la deuxième diapositive n'apparaisse. Pensez-y : à quand remonte la dernière fois où vous avez fixé une page Web pendant plusieurs secondes, alors qu'elle ne contenait rien qui ait attiré votre attention ?

Un héros à la rescousse ?

Bon, si c'est la rotation automatique qui rend les carrousels si mauvais, la solution consiste-t-elle simplement à rendre le slider d'un site web statique ?

Oui, c'est mieux, mais c'est encore loin d'être la solution idéale. Un exemple de cela est un élément de conception web actuellement très répandu : l'utilisation de ce qui est appelée "image héros".

En voici un exemple :

Et en voici un autre :

Ce type de mise en page a été astucieusement baptisé "page d'accueil en filigrane" dans cet article de KISSmetrics. Sa caractéristique principale est une grande image d'arrière-plan sur laquelle est superposé un texte (et souvent un bouton d'action).

C'est visuellement frappant, mais savoir si c'est efficace ou non est une autre question. Il y a deux problèmes majeurs que je vois avec la plupart de ces types de mises en page :

Cela ne signifie pas que, après avoir critiqué l'utilisation de slider de site web, je proscris les mises en page de type "héros". Au contraire, ces mises en pages sont loin d'être toutes mauvaises.

En voici un bon exemple :

Ici, l'image est en rapport avec le produit, il y a suffisamment de texte au-dessus de la ligne de flottaison pour inciter à poursuivre la lecture et il est clair qu'un contenu supplémentaire attend d'être lu en-dessous.

Quelle est la meilleure alternative à un slider ?

Si les sliders web sont si terribles et que la mise en page en "héros" n'est pas non plus la solution parfaite, on peut alors se demander quelle est la meilleure alternative à un grand slider.

Tout simplement et comme souvent, il n'y a pas de réponse unique et satisfaisante pour tout le monde, toutes les activités commerciales, tous les secteurs... C'est pourquoi il est si important de faire vos propres tests.

Mais je ne veux pas vous laisser en plan, alors voici trois types de mises en page dont vous pouvez vous inspirer pour vos pages (ou mieux : des variantes de pages que vous testerez les unes par rapport aux autres).

1) Le gros titre

Pour transmettre la valeur de votre offre, le texte est plus puissant que les images. Le texte se charge également plus rapidement et est reconnu et lu plus vite par vos visiteurs.

Par conséquent, la première et la plus importante chose dont vous avez besoin sur toute page importante de votre site Web est un titre incontournable.

Le titre doit faire l'une des deux choses suivantes : soit il communique clairement votre proposition de vente unique, soit il suscite une curiosité qui ne peut être satisfaite qu'en lisant la suite du contenu de votre page.

L'exemple ci-dessus de Braintree Payments montre qu'un gros titre est parfois la seule chose dont vous avez besoin.

Exemples de gros titres utilisés :

2) Le côte-à-côte

Cette mise en page simple se compose de deux colonnes. L'une contient une image qui représente votre produit, l'autre un titre et généralement du texte supplémentaire avec un bouton.

Cette mise en page est un excellent moyen de communiquer les caractéristiques de votre entreprise par le texte et l'image, sans occuper trop d'espace (comme le montre ci-dessus le site web de Square). L'avantage de cette mise en page est qu'elle met l'accent sur l'image sans que celle-ci ne prenne le pas sur le texte.

Exemples de mise en page côte à côte :

3) Cliquez sur Play !

En parcourant le web, vous pourrez remarquez que de nombreux sites mettent en avant un lecteur vidéo. C'est souvent très utile pour des entreprises vendant des produits tels que des logiciels afin d'en illustrer le fonctionnement par exemple. Mais cela s'adapte aussi parfaitement à la vente de prestations de services en mettant en scène les bénéfices qu'en retirent les clients.

Comme le montre l'exemple d'OptiMonk ci-dessus, l'utilisation d'une vidéo va également de pair avec une mise en page côte à côte.

Exemples de pages d'accueil vidéo :

4) Ce qui est le mieux pour votre message

Prenons un peu de recul par rapport à toutes ces discussions sur les sliders et les différentes mises en page.

Quel est l'objectif d'une page ?

Une page se  doit de communiquer le bon message aux bonnes personnes. Toute page - surtout la page d'accueil, mais cela s'applique à n'importe quelle page - doit donner au visiteur deux signaux très rapidement :

Si votre page n'y parvient pas, vous perdrez la majorité des visiteurs en quelques secondes.

Bien qu'il soit toujours agréable d'utiliser des modèles et des règles claires sur la manière de procéder, vous devez avant tout faire ce qui est le mieux pour votre entreprise et votre public. Comme le montre l'exemple de la page d'accueil d'Intercom ci-dessus, une bonne mise en page n'a pas toujours besoin de répondre à un archétype.

Une illustration dessinée avec une mise en page funky fonctionne probablement pour eux, mais peut ne pas fonctionner pour beaucoup d'autres sites web.

Exemples de mises en page non conventionnelles :

À vous de jouer

À ce stade, j'espère que vous comprenez clairement qu'utiliser un slider pour votre site web avec une rotation automatique d'images est une très, très mauvaise idée et qu'ils doivent être supprimés de votre site web immédiatement.

Pour les remplacer, vous avez également quelques meilleures alternatives dont vous pouvez vous inspirer (à ce propos Thrive Themes, une boite à outils marketing pour WordPress que je recommande chaudement, propose de nombreux modèles avec lesquels travailler).

Que pensez-vous de tout cela ? Avez-vous déjà utilisé des sliders pour votre site internet et autres carousels web d'image ? Allez-vous continuer à les utiliser ? Avez-vous d'autres mises en page alternatives préférées ? Laissez un commentaire ci-dessous et faites-le moi savoir !

Principes pour un site efficace

La base d’une activité en ligne performante est la création d’un site de qualité et ergonomique pour l’utilisateur.
Il doit également être pertinent pour les moteurs de recherche.
Cette tâche fait référence au référencement naturel, ou SEO pour Search Engine Optimization en anglais.

Trouver vos mots-clés

C’est une tache très importante du Web marketing. Le but est de déterminer votre marché cible. Il faut savoir que la majorité du trafic provient des moteurs de recherche.

C'est un point crucial. Il est important que vous produisiez ce premier jet de mots-clés car qui mieux que vous connaît votre activité, votre secteur et les informations qui s’y rattachent ?

Alors prêt ? Vous allez voir, c’est facile.

Vous trouverez ici de quoi constituer une liste de mots-clés nécessaire à la phase éditoriale de votre site internet.
Listez les mots-clés dans chacun des points (nb : un mot-clé peut être une expression-clé entière).

Quels mots clés souhaiteriez-vous apparaître sur les moteurs de recherche ?

• Citez 15 mots clés maximum,
• Citez-les par ordre d’importance,
• Vous pouvez indiquer en complément un ou plusieurs synonymes pour chaque mot clé.

Jouer sur la « localisation »

Cela est bien entendu seulement utile si vous avez un commerce physique de proximité.

• Restaurant et nom de la ville,
• Restaurant et nom de la région,
• Restaurant et nom du monument le plus proche,
• Restaurant et nom de l’attraction touristique à proximité,
• Etc.

Penser à la « clientèle cible »

• Restaurant d'affaires,
• Restaurant familial,
• Restaurant de luxe,
• Etc

Etoffer avec vos « infrastructures » éventuelles

• Restaurant gastronomique Notre-Dame-de-Paris,
• Hôtel Spa Bordeaux,
• Hôtel salle de réunion Lille

Utiliser votre entourage

Faites décrire votre entreprise par vos collègues ou employés, vos clients, vos proches.

Mots-clés particuliers

Des mots-clés qui ne vous semblent pas pertinents peuvent tout à fait l’être. Pensez au-delà des mots-clés « basiques » de votre activité et notez ici ces mots-clés.
Un exemple peut être dans le cadre d’une activité commerciale, le nom d’un texte de loi.

Déterminez votre nom de domaine

C’est le nom de votre site avec une extension de tel que.fr, .com, ou encore .org, .net etc. Les plus communs étant bien sûr les deux premiers. L’important est que votre nom de domaine soit pertinent par rapport à votre activité.
Il doit être :

1. facilement mémorisable,
2. aisé a tapé dans un moteur de recherche,
3. Et si possible comporter un ou deux mots-clés pertinents.

Mesurer et analyser

Assurez-vous avec votre prestataire qu’un outil de mesures statistiques sera mis en place pour votre site. Cela va vous permettre entre autres de savoir :

1. Quels sont les sites et pages qui vous apporte du trafic ?
2. Quelles sont les pages de votre site les plus populaires et performantes ?
3. Et en cas de référencement SEA ou sponsorisé en français, vous déterminez ainsi l’efficacité de vos campagnes avec leur retour sur investissement.

Avec ces statistiques, vous pouvez dès lors identifier les problèmes, concentrez vos efforts là où il faut et écarter ce qui n’est pas rentable afin d’améliorer votre rendement.

C’est indispensable car c’est un réel baromètre de votre activité. Vous savez alors quoi abandonner ou moduler, ou ce sur quoi appuyer pour améliorer continuellement votre activité et augmenter votre rendement.

Il existe un outil gratuit fournit par Google. Il s’appelle Google Analytics.
Demandez à votre prestataire de l’installer et de le paramétrer.

Obtenez également de lui les codes d’accès afin de pouvoir accéder directement aux statistiques. Même s’il vous produit des rapports réguliers, cela peut être intéressant de le voir par vous-même également.

Conseils supplémentaires

Gardez en tête les deux points suivants :

• Restez compréhensible, simple et surtout cohérent au niveau des noms de vos pages, sections, menu, titres etc.
• Guidez au maximum votre internaute en limitant les possibilités de choix à effectuer sur votre site. Apprenez-en plus sur la manière de structurer une page web.

Le jargon

Toute industrie et entreprise possède son jargon technique. La pire des suppositions que vous pourriez faire est de penser que vos visiteurs, actuels ou futurs clients connaissent ces termes spécifiques.

L’effet engendré est une incompréhension ce qui est néfaste. Encore plus que jamais, nous voulons maintenant comprendre un minimum ce pour quoi nous payons. Si l’information n’est pas là, si la compréhension n’est pas au rendez-vous, nous allons voir un concurrent plus accessible.

Evitez alors le jargon technique le plus possible.

Et surtout bannissez le des noms des sections et des pages de votre site, si possible du nom de vos produits et de vos argumentaires.

Les titres de vos pages et sections doivent décrire leur contenu de la manière la plus simple possible.

Votre menu

Plus votre menu sera petit, mieux c'est.

Un menu limité en nombre de lien est synonyme d'un site clair, qui va à l'essentiel et qui surtout guide bien l'internaute. C'est un exercice qui n'est pas si évident, qui requiert de faire de choix en établissant un ordre d'importance et de priorités.

Limitez vos intitulés de menu à 1 ou 2 mots, pas plus.

La cohérence

Assurez-vous de la concordance entre vos titres de pages et les termes utilisés dans votre menu. Bien sûr, vos titres de pages seront plus longs.

Mais veillez à ce que l'internaute s'y retrouve.

Limitez vos liens

Avoir un site présentant trop de liens est contre-productif. Dans le sens où cela donne trop de possibilités pour l’internaute de s’éparpiller ici et là, voir même, de le bloquer dans son action. Il ne sait plus trop ce qui est important et par quoi commencer.

Vous avez certainement déjà entendu parler de la règle des 3 clics. Outre le fait, qu’il ne faut pas rendre l’accès à l’information un chemin de croix, cette règle est devenue obsolète. Dans le sens où sa raison d’être est liée aux connexions “préhistoriques” (très) lentes.

Plus il y’avait de clics à effectuer, plus la navigation était pénible. Or, maintenant la rapidité n’est plus un souci. Les internautes ne sont pas avares de clics. La seule condition sine qua non est que la navigation soit intuitive, simple et guidée.

Aujourd’hui, l’accent doit donc être mis sur la facilité de navigation et l’accès aux informations voulues. Vous assurez une bonne arborescence de site internet est donc important.

4. Optimiser la vitesse de chargement de votre site

Google ne parle généralement pas publiquement des facteurs de classement de son algorithme.

Par conséquent, lorsqu'il parle longuement d'un signal de classement spécifique, vous savez qu'il s'agit d'une question importante.

La vitesse de chargement du site est l'un de ces rares facteurs de classement.

C'est pourquoi je vous recommande vivement de faire en sorte que votre site se charge aussi rapidement que possible.

(Surtout sur les appareils mobiles).

La première étape consiste à évaluer la vitesse de chargement actuelle de votre site. Ainsi, vous saurez où vous en êtes avant de commencer à faire des changements.

Je vous recommande l'outil très utile PageSpeed Insights.
Après tout, les recommandations que vous obtenez de cet outil proviennent de Google lui-même.

De plus, il ne se contente pas de vous dire si votre page est rapide ou lente. L'outil vous fournit un rapport détaillé qui indique les moyens d'améliorer la situation.

Si vous souhaitez approfondir la question de la vitesse des pages, consultez Web Page Test.
Il s'agit d'un outil gratuit qui tend à donner une idée plus précise de la façon dont votre site se charge pour les utilisateurs réels.

5. Suivre les résultats avec la console de recherche Google

Si vous n'avez pas encore configuré la console de recherche Google, vous ne pouvez pas savoir ce qu'il en est de votre référencement.

La Search Console est comme un tableau de bord en direct qui vous permet de savoir comment votre site se comporte dans les pages de résultats de recherches (ou SERPs en anglais).

La Search Console possède un grand nombre de fonctionnalités et d'outils intéressants. Mais vous n'aurez probablement pas besoin de la plupart d'entre eux.

En guise de recommandation, je vous recommande plutôt de consulter régulièrement les trois rapports suivants .

Vous pouvez également voir les mots-clés exacts que les internautes utilisent pour trouver votre contenu... et où vous avez tendance à vous classer.

Tout cela est très utile en soi. Mais la vraie valeur réside dans le suivi de vos impressions et de vos clics au fil du temps. S'ils remontent, il est clair que ces meilleures pratiques de référencement fonctionnent.

Dans le cas contraire, il est peut-être temps d'essayer une autre approche.

Il vous indique également si l'exploration complète de certaines de vos pages pose problème.

Si vous voyez des "erreurs" et des "avertissements", je vous recommande de les corriger au plus vite.

Après tout, si Google ne peut pas indexer votre page, elle ne sera pas classée. Heureusement, Google ne vous dit pas simplement : "Nous ne pouvons pas indexer cette page". Il vous indique généralement la cause du problème.

Étant donné que l'index de Google est désormais axé sur les mobiles, vous devez absolument vous assurer que votre site est facile à utiliser sur les smartphones.

6. Optimiser les images pour le référencement

Le référencement des images ne sert pas uniquement à obtenir un classement dans Google Images.
Google a récemment indiqué que des images correctement optimisées peuvent aider vos pages à être mieux classées dans la recherche Web de Google (source en anglais).

Si vous utilisez des images sur votre page, vous devez donc vous assurer qu'elles sont optimisées pour le référencement.

Heureusement, c'est TRÈS facile. Il vous suffit de garder à l'esprit ces deux meilleures pratiques en matière de référencement des images.

Nommez vos images avec des noms de fichiers descriptifs : Google ne peut pas (encore) "voir" les images. Le nom de fichier de votre image est un élément qui l'aide à comprendre le contenu de votre image.

Utilisez le texte Alt de l'image : Google a déclaré qu'il s'appuie largement sur le texte alternatif pour comprendre les images.

Il faut quelques secondes supplémentaires pour rédiger un texte alternatif pour chaque image. Mais cela en vaut grandement la peine.

Par exemple, vous voulez absolument éviter que votre photo de crêpes ait un texte alt comme celui-ci : <img src="pile-de-crepes-sur-une-table.png" alt="image18">

Comme pour le nom de votre fichier, vous devez rédiger un texte alternatif descriptif qui permette aux moteurs de recherche de savoir à quoi correspond votre image : <img src="pile-de-crepes-sur-une-table.png" alt="image d'une pile de 3 crêpes sur une table en bois">

7. Utiliser le maillage interne

Les liens internes sont l'une des meilleures pratiques de référencement les plus faciles à utiliser.

Il vous suffit d'ajouter un lien d'une page de votre site vers une autre page de votre site.

Cela dit, il ne faut pas ajouter un tas de liens internes au hasard.

Aussi, et même si les liens internes aléatoires sont probablement préférables à l'absence totale de liens internes, je vous recommande de mettre en œuvre ces conseils pour tirer le meilleur parti des liens internes.

Le texte d'ancrage des liens aide Google à comprendre le sujet de chaque page. Il va sans dire que vous devez utiliser un texte d'ancrage qui inclut votre mot-clé principal.

Par exemple, le lien interne présent tout au début de cet article renvoie à ma page sur le "stratégie marketing digital". Et, comme vous pouvez le voir, le texte d'ancrage de mon lien interne contient exactement ce terme.

Lorsque vous créez un lien vers une page, vous lui envoyez de l'autorité... ce qui peut améliorer son classement dans Google.

Tout cela étant dit :

Je ne réfléchirais pas trop à cette étape. Créer des liens des ANCIENNES pages vers les NOUVELLES pages est efficace et suffisant. Les anciennes pages ont généralement plus d'autorité que les nouvelles.

Et ce petit raccourci permet d'utiliser les liens internes sans avoir à analyser chaque page de votre site.

8. Publier du contenu de qualité

Si vous avez commencé à vous renseigner sur le référencement, vous avez probablement entendu parler de l'importance du "contenu de qualité".

Et c'est vrai : publier du contenu original et utile peut vous aider à être mieux classé dans Google.

Le problème, c'est que ce que la plupart des gens considèrent comme du "contenu de haute qualité" a changé au cours des dernières années.

Je m'explique :

À l'époque, vous pouviez publier un article de blog de 1 000 mots et épater les gens. Aujourd'hui ? Un article de blog de 1 000 mots n'a rien d'exceptionnel.

Une enquête sur les blogs menée par Orbit Media a révélé que le blogueur moyen consacre désormais plus de 3 heures à un seul article.

(C'est 44 % de temps en plus qu'en 2014)

9. Créer des liens retour vers votre site Web

Est-ce que les backlinks sont toujours un signal de classement important pour Google ?

Oui !

Une étude récente de SEMrush a révélé que les backlinks étaient fortement corrélés à un meilleur classement dans Google.

10. Améliorer l'expérience utilisateur de votre site

L'amélioration de l'expérience utilisateur (UX) de votre site peut contribuer directement et indirectement à votre référencement.

L'UX peut contribuer directement au référencement, car Google sait quand les internautes repartent après avoir atterri sur votre site à partir des résultats de recherche.

Vous pouvez obtenir une mesure approximative de ce phénomène à partir de Google Analytics. Si votre page a un taux de rebond très élevé, c'est peut-être le signe que les utilisateurs ne trouvent pas ce qu'ils recherchent.

L'UX peut aussi indirectement contribuer au référencement, car les gens sont plus enclins à partager et à créer des liens vers des sites conviviaux et clairs.

Donc, si votre site est difficile à utiliser, utilise des popups et des publicités intrusives, et a un tas de liens cassés... les gens ne feront pas de liens vers lui.

Et cela, même si vous avez un excellent contenu.

Donc oui, l'UX est une chose à laquelle tout propriétaire de site devrait prêter attention de toute façon. Il se trouve qu'une bonne UX peut aussi donner un coup de pouce à votre SEO.