Voici le meilleur conseil que j’ai reçu en tant qu’entrepreneur:

| “Parfois, pour éteindre un feu, il faut en laisser brûler un autre.”

J’ai entendu cette citation pour la première fois en écoutant le podcast de Reid Hoffman “Masters of Scale”. Il expliquait que, dans le temps (~2002), PayPal ne fonctionnait pas vraiment… Chaque jour, des centaines de personnes essayaient de les contacter à cause qu’ils n’étaient pas capables de bouger leur argent.

Leur réponse? Ils ont ignoré la critique pendant plusieurs mois, le temps d’être capable de rendre la plateforme fonctionnelle.

Oui, il y avait une crise de relation client, mais il y avait une crise encore plus importante: le produit ne fonctionnait pas.

En tant qu’entrepreneur, ton attention et tes ressources sont limitées. C’est parfois IMPOSSIBLE d’éteindre tous les feux simultanément. Quand c’est le cas, tu n’as pas le choix: il faut en laisser brûler certains pour pouvoir en éteindre d’autres.

C’est peut-être Reid Hoffman qui a mis cette leçon en mot, mais c’est David Grégoire qui me l’avait enseigné il y a maintenant presque 10 ans de ça.

À l’époque, j’étais responsable du marketing numérique pour Voyages à Rabais. Comme tous les autres marketeurs pleins de fougue, je voulais tout régler les bogues, améliorer les processus et tout changer sur la plateforme.

Il m’a assis dans son bureau et m’a dit:

| “Olivier, des bogues sur un site, il y en a tout le temps. C’est IMPOSSIBLE de tous les régler et ce n’est pas grave! Si ça n’a pas d’impact sur les ventes, prends-le en note et on va s’en occuper quand on n’aura rien d’autre à faire pour améliorer les ventes, c’est-à-dire jamais.”

Quand tu as une business, ce n’est pas rare d’avoir l’impression d’être dans une bâtisse en feu et de manquer des nuits de sommeils à angoisser parce que l’argent coule de partout.

Ceci étant dit, un bon dirigeant d’entreprise reste calme et garde son focus sur ses priorités. Ce n’est pas pour rien que j’ai ce meme de tatoué sur ma jambe droite:

Quand on met soi-même le feu à son entreprise…

En 2019, j’ai fait un gros pivot: à la place de prioriser la création et mise en marché de mes propres formations, j’ai décidé de transformer La Tranchée en marketplace afin de créer une vraie école en ligne pour entrepreneurs.

Pendant un peu plus d’un an, je n’ai fait RIEN D’AUTRE que de programmer la plateforme. (J’ai documenté un peu mon processus sur ce journal de progrès.)

Sache que je ne suis pas développeur… J’apprends sur le tas et je ne sais pas ce que je fais 90% du temps. 😅

Bref, pendant tout ce temps-là, j’ai dû négliger la création de contenu, ma présence sur les médias sociaux, mon infolettre, etc. J’avais l’impression de surfer sur mon momentum et je redoutais le jour où ça allait impacter mes ventes.

En juillet 2020, j’ai enfin terminé et lancé le nouveau site et j’étais prêt à poursuivre mon plan de domination mondiale.

Le seul problème? La plateforme était remplie de bogues.

Sur mon ordinateur, tout fonctionnait très bien. Mais ce n’est pas parce que ça fonctionne à UN endroit que ça fonctionne PARTOUT.

Pendant 2 ans, j’ai dû me courir à gauche et à droite pour éteindre des feux. Les plus importants en premier: le calcul des royautés, de l’affiliation, la gestion des accès… Bref, ce qui permet à la plateforme de faire de l’argent.

Tout ce temps-là, je m’efforçais d’ignorer l’éléphant dans la pièce — un problème monstre qui allait prendre plusieurs années avant de se manifester.

Puisque ce n’était pas URGENT, je pouvais procrastiner un peu, mais je savais que si je passais trop de temps à éteindre de petits feux, j’allais me réveiller un jour avec une entreprise en ruine — tout ça aura été pour rien.

Une des choses les plus importantes pour toutes entreprises est le référencement organique.

Lorsque tu as un flux constant de gens qui te découvrent GRATUITEMENT grâce aux moteurs de recherche, c’est difficile de NE PAS être rentable. Le SEO est le BACKBONE de presque toutes les entreprises ridiculement profitables que je connais et La Tranchée n’était pas une exception.

Avant de faire la mise à jour de mon site, j’avais environ 50K utilisateurs par mois provenant de Google. Ce nombre représentait 85% de tout mon trafic.

Tu peux aller vérifier cette donnée dans ton Google Analytics sous “Acquisition > All Traffic > Channels”:

Comme tu peux voir sur mon graphique, dès que j’ai fait la mise en ligne (juillet 2020), mon trafic s’est mis à baisser. Le regain de novembre à avril s’explique par le fait que j’ai migré le contenu de DoubleTaValeur.com vers le blogue de La Tranchée. Le gain n’a pas duré et mon trafic organique a subi une baisse constante.

Comme tu peux t’en douter, ça s’est fait ressentir dans mes revenus. À la place d’avoir entre 1000 et 1500 membres actifs, j’en ai maintenant entre 500 et 800. Le chiffre d’affaires est resté constant à cause des partenariats avec les enseignants, mais les profits ont diminué considérablement.

La semaine passée, j’ai fait face à un constat difficile: je dois arrêter de me fermer les yeux et régler ce problème right now.

Un dur réveille!

Patricia Filiatrault (une des enseignantes de La Tranchée) fait une promo sur sa formation à propos du SEO et m’a demandé de lui donner un petit coup de pouce et d’en parler sur mon infolettre.

J’ai hésité. Je me sentais hypocrite… Comment est-ce que je peux te parler de l’importance du SEO si, moi-même, j’ai négligé cet aspect pendant plus de 2 ans?

Tout ce que je peux te dire, c’est de NE PAS faire la même erreur que moi! 😅 Comme tu peux voir, les conséquences sont réelles et importantes.

Je me sentais mal placé de te dire d’en faire une priorité alors que j’avais moi-même la tête dans le sable?

C’est pourquoi, mercredi passé, j’ai décidé de régler le problème une fois pour toutes.

Il existe deux grandes catégories au SEO, l’optimisation “off-site” et l’optimisation “on-site”.

L’optimisation “off-site” représente ta réputation sur le web. Combien de liens pointent vers toi, qui parle de toi, dans quel contexte, etc.

Pour vérifier tes métriques off-site, va sur le site de Mangools, sélectionne Site Profiler et entre l’url de ton site web pour obtenir un rapport!

Dans mon cas, ma chute de trafic n’est clairement pas lié à un facteur “off-site”. La nouvelle version du site est clairement responsable de la baisse de trafic. Il s’agit donc d’un problème d’optimisation “on-site”, ce qui veut dire que ça peut soit être en lien avec le contenu, l’indexabilité ou l’expérience utilisateur.

Puisque le contenu n’a pas changé, il faut commencer par s’assurer que Google est capable d’accéder au site correctement et de lire le contenu.

Pour ça, tu peux utiliser la Google Search Console.

Une fois ton compte créé, tu peux remplir le formulaire de recherche en haut de la page pour obtenir les informations que Google détient sur une page spécifique de ton site:

Puisque certains plugins ou thèmes peuvent charger le contenu de ton site dynamiquement, c’est possible que le robot de Google arrive face à une page blanche. C’est important d’aller vérifier qu’il a accès au TEXTE de ta page. Lorsque tu cliques sur “Mobile Usability”, tu peux demander à Google de te montrer le HTML que son robot extrait lorsqu’il visite ton site. Ne suffit que de cliquer sur “View Crawled Page”.

Tu peux aussi utiliser l’onglet “Coverage” pour voir les données que Google détient sur l’ensemble de ton site:

Dans mon cas, Google est capable de lire et d’indexer mon contenu. Le problème relève donc du dernier facteur — l’expérience utilisateur (UX).

Quand on parle du UX de ton site, on ne parle pas seulement de la couleur de ton logo ou de ta police d’écriture. Le UX encapsule l’ensemble de l’expérience des gens sur ton site. Est-ce que c’est facile de trouver ce qu’on cherche? Et combien de temps ça prend?

Aux yeux de Google, la RAPIDITÉ de ton site est un des éléments les plus importants quand vient le temps d’évaluer l’expérience de tes visiteurs.

Google met beaucoup d’emphase sur cette métrique est parce qu’elle est facile à mesurer et la rapidité d’un site agit également comme proxy pour mesurer D’AUTRES CHOSES. Après tout, si ton site est sérieux et réputé, probablement qu’il y a une équipe d’ingénieur derrière pour l’optimiser.

Bref, Google pénalise les sites web lents!

Pour savoir si Google te trouve trop lent pour te mettre de l’avant, tu peux aller sur l’onglet “Page Experience” de ton Google Search Console:

Cette page va te donner un aperçu général de la performance des pages de ton site. Pour moi, le constat a été assez désastreux:

Ça a confirmé ce que je savais déjà… Dans un scénario idéal, c’est-à-dire sur un ordinateur avec une bonne connexion Internet, le site web allait bien. Malheureusement pour moi, Google n’assume jamais le meilleur scénario. Pour eux, tes visiteurs tentent d’accéder à ton site dans l’ascenseur sur un vieux iPhone 4.

Je n’avais pas le choix, il fallait donc que je me réveille et que je ré-écrive une bonne partie de mon site…

Comment diagnostiquer les problèmes de rapidité?

Si ce n’est pas la première fois que tu viens sur La Tranchée, tu as peut-être remarqué une amélioration. Ça fait 7 jours d’affilés que je passe 12h par jour à tout optimiser.

Google prend quelques jours avant d’actualiser ses données alors je ne peux pas te confirmer que j’ai réussi à pleinement régler le problème, mais j’ai été capable de considérablement améliorer la vitesse de la plateforme.

Pour ce faire, j’ai commencé par utiliser GTMetrix pour tester les différentes pages de mon site. Si tu souhaites faire des analyses de ton site, je te recommande fortement de te créer un compte! Quand tu fais ça, ils conservent l’historique de tes tests, ce qui te permet de plus facilement mesurer l’impact de tes changements.

J’ai réalisé ça trop tard alors je n’ai pas les infos de mes premiers tests, mais laisse-moi te dire que c’était désastreux.

J’avais une belle note de F avec 16% sur la performance, 60% sur la structure et un temp de chargement total allant jusqu’à 8 secondes.

Inacceptable.

Petit à petit, j’ai réussi à baisser ce chiffre. L’optimisation d’un site varie largement selon la plateforme utilisée pour la créer. Plusieurs personnes ont réussi à optimiser leur site en demandant l’aide de notre communauté. Comme tu peux lire ici, il existe plusieurs stratégies générales d’optimisations, mais en fin de compte chaque site est unique.

Bref, après plus de 100 heures passées à tout reprogrammer mon site, j’ai ENFIN réussi à obtenir un résultat “acceptable”.

Voici le résultat pour un article de blogue:

Voici le résultat pour une page de formation:

Je ne vais pas te mentir, après tout le travail que j’ai mis, me faire donner un C et un D? 😅 Fuck you GTmetrix!

Le problème avec La Tranchée…

La Tranchée n’est pas un site “normal”. Oui, j’utilise WordPress pour le backend, mais le frontend est une application web progressive (PWA) que j’ai développée avec Nuxt.Js un framework de développement basé sur Vue.Js.

Ce genre de technologie donne une très bonne expérience utilisateur, mais la façon qu’elle fonctionne est fondamentalement en contradiction avec la façon dont les tests de performance web sont effectués.

Google évalue la performance d’une page lors de la première visite uniquement. Ce type de système est conçu pour faire en sorte que le premier chargement de la page soit un peu plus long, mais que toute la navigation subséquente soit hyper rapide.

Le site est une “application web”, c’est-à-dire qu’il ne charge qu’une seule fois. Quand tu navigues, la page de ne recharge pas, toute la naviagion a lieu au sein du même environnement. L’url change quand même dans la barre d’adresse, mais elles sont modifiées par l’application et non par le comportement normal de ton navigateur.

Pour mieux comprendre, pense à ton téléphone cellulaire. Quand tu installes une application, tu télécharges tout le code nécessaire pour générer l’interface et la faire fonctionner. Tu ne recharges pas l’application au complet à chaque fois que tu changes de section!

Contrairement à une application que tu n’as besoin d’installer qu’une seule fois, les applications web doivent être téléchargées au complet à chaque fois que tu accèdes au site, c’est ce qui explique la métrique “total blocking time” de mon rapport GTmetrix.

Pour un site normal, c’est assez facile pour un site “normal” ayant un bon hébergeur d’obtenir en bas de 150ms. Dans mon cas, ce chiffre monte souvent au-dessus d’une seconde!

Pour être certain d’avoir mon coupable, je n’ai qu’à aller regarder dans le menu déroulant “Avoid long main-thread tasks”. Comme tu peux voir, Nuxt prend 705ms a charger.

Malheureusement pour moi, il n’y a pas de remèdes simples pour m’aider à baisser ce chiffre. Et je ne suis pas le seul à avoir ce problème.

Voici ce que l’auteur d’un article sur l’optimisation Nuxt a à dire là-dessus:

As a disclaimer, if your goal is to reach a performance score ≥ 85 with a tool like web.dev  or pagespeed insights, any kind of client side hydration or JS in general is not your friend and using Nuxt with isomorphic rendering can only be optimized so far.

Sigh…

De ce que je comprends, une bonne partie de mes problèmes vont être réglés dans Nuxt3, mais la plateforme est encore en bêta et la migration risque de me demander “un peu” plus que 100 heures. 😛

Si tu possèdes une bonne compréhension de Nuxt et que tu crois pouvoir m’aider, sens-toi libre de m’écrire!

J’ai toujours triché à l’école…

Je n’étais pas pour passer plus de 100 heures à optimiser mon site pour me faire donner un note de merde par GTmetrix! J’ai donc fait comme j’ai fait à l’école, j’ai triché!

Vois-tu, les outils d’analyse utilisent un script prévisible pour donner une note à ton site. Si tu connais comment un test fonctionne, c’est possible de déjouer le système pour obtenir une meilleure note.

La métrique “Largest Contentful Paint” est une des métriques considérées par Google qui est facile à déjouer. Tout ce qu’il faut faire, c’est de mettre un gros carré transparent et incliquable par-dessus l’écran. 😆

J’ai trouvé le code sur cet article de blogue.

<!-- DevisedLabs Very Large Image LCP Hack -->
<img width="99999" height="99999" style="pointer-events: none; position: absolute; top: 0; left: 0; width: 99vw; height: 99vh; max-width: 99vw; max-height: 99vh;"  src="data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz48c3ZnIHdpZHRoPSI5OTk5OXB4IiBoZWlnaHQ9Ijk5OTk5cHgiIHZpZXdCb3g9IjAgMCA5OTk5OSA5OTk5OSIgdmVyc2lvbj0iMS4xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIj48ZyBzdHJva2U9Im5vbmUiIGZpbGw9Im5vbmUiIGZpbGwtb3BhY2l0eT0iMCI+PHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9Ijk5OTk5IiBoZWlnaHQ9Ijk5OTk5Ij48L3JlY3Q+IDwvZz4gPC9zdmc+">

Une fois installé, je suis retourné sur GTmetrix et HOP, mon Largest Contentful Paint est passé sous les 1 seconde.

L’impact sur mon SEO…

Est-ce que tous mes efforts vont me permettre de retourner dans les bonnes grâces de Google? Seul le temps nous le dira.

Je vais sans doute faire un petit suivi sur l’infolettre ou sur notre forum.

En faisant tout ça, je dois avouer que j’ai appris ÉNORMÉMENT de choses sur l’optimisation d’un site web. Si tu souhaites en connaître davantage sur ma démarche, assure-toi de me le mentionner dans les commentaires!

Et, si tu as un peu de temps, sens-toi libre de naviguer un peu sur le site et reviens-moi pour me partager ton expérience. Est-ce assez rapide pour toi? Le temps de chargement te semble long ou c’est snappy et fluide?

Pour en apprendre plus sur le référencement web!

Si jamais tu veux en apprendre plus sur les différents aspects du SEO, je te recommande fortement la formation de Patricia Filiatrault et Phillipe Bussière.

Jusqu’au 27 mai à minuit, tu peux même épargner 200$. Tout ce que tu dois faire, c’est cliquer ici pour te rendre sur leur plan de cours et d’appliquer le code promo SEO_OLIVIER.