Meilleures pratiques de code pour le référencement

La plupart des outils utilisés pour auditer un site ne prennent pas en compte tous ses attributs. Cela dit, l'essentiel en SEO est de tout mettre en œuvre et d'exploiter chaque opportunité et information disponible pour garantir la qualité du code de votre site. Un code performant est en effet essentiel à un SEO performant.

Il existe plusieurs façons de déterminer si le code du site entrave le potentiel SEO de votre site.

HTML solide

La première méthode d'investigation du code du site consiste à utiliser le validateur HTML :  https://validator.w3.org/

Cet outil vous permet d'analyser le code de votre site et d'identifier les points à améliorer. Autrement dit, il vérifie la validité du balisage et met en évidence les erreurs dans les flux, les styles CSS, le contenu optimisé pour les appareils mobiles, ainsi que les codes et liens défectueux.

Lorsque vous saisissez l'URL de votre site dans l'outil de validation W3, une liste d'erreurs et d'avertissements s'affiche. Voir l'illustration ci-dessous :

Figure 31.1 – Exemple d'instantané des outils de validation W3 – https://validator.w3.org/

La plupart des informations de cette liste peuvent être transmises au programmeur ou au développeur qui gère le site. Il ou elle doit prendre l'initiative de corriger ces problèmes, car toute modification effectuée sans une bonne connaissance du langage de programmation, du backend, de l'environnement, etc. peut avoir des conséquences négatives sur le référencement, l'expérience utilisateur, etc.

 

Pourquoi est-il important de résoudre ces problèmes ?

Les robots des moteurs de recherche et les navigateurs analysent votre site de la même manière. Ils parcourent le backend de votre code et analysent le code et le texte du site.

Lorsqu'un robot d'un moteur de recherche parcourt votre site, s'il trouve de nombreuses erreurs, il interprétera cela comme le signe d'une page ou d'un site globalement mal structuré et mal entretenu. Il recherche quelque chose d'utile et d'accessible. Or, une page mal structurée et mal entretenue ne correspond pas à ce critère.

De plus, ces erreurs peuvent entraîner d'importants retards de chargement du site ou un affichage incorrect de la page web. Cela peut nuire à l'expérience utilisateur, un facteur crucial pour le classement dans les résultats de recherche (SERP).

 

Ratio code/texte SEO

Un autre facteur important auquel nous devons prêter attention en matière de référencement et de code est le rapport code/texte.

Même si ce n'est plus aussi important qu'il y a quelques années, le rapport code/texte est une bonne pratique à surveiller.

Par le passé, les experts SEO avaient tendance à ajouter beaucoup de code à leur site plutôt que du texte visuel pour tromper les moteurs de recherche. Avec l'amélioration de leur intelligence, ces moteurs ont commencé à analyser ce ratio pour s'assurer que le code affiché aux moteurs de recherche et aux robots se reflète dans le texte visible par les utilisateurs. Cette « astuce d'expert » est rapidement devenue inefficace et la plupart des utilisateurs ont abandonné cette pratique.

Aujourd'hui, lorsqu'un moteur de recherche ou un robot rencontre un mauvais rapport code/texte, cela indique généralement l'une des deux choses suivantes :

• Celui qui gère le site essaie de se démarquer des autres sur les moteurs de recherche en leur montrant une chose et aux visiteurs autre chose.
• La page n'est pas bien entretenue et contient beaucoup de code restant ou désordonné qui ne sert à rien.

Aucun de ces éléments ne semble utile ni accessible. Ainsi, même si l'on entend souvent dire que ce ratio n'a pas d'impact direct sur le classement d'un site, il a bel et bien un impact indirect. L'impact indirect le plus courant est le retard de chargement dû à un code brouillon. Retards de chargement = mauvaise expérience utilisateur = moteurs de recherche mécontents.

Ce ratio peut également indiquer que le contenu de la page est faible, ce qui signifie qu'il est insuffisant pour apporter une réelle valeur ajoutée. Selon une étude SEMrush de 2018, les pages les plus consultées sur Google ont 451 pages de contenu de plus que les 20 pages les plus consultées sur les SERP. Un ratio code/texte sain est donc essentiel.  https://www.semrush.com/

 

Comment vérifier le rapport code/texte d'une page Web ?

Pour tester le rapport code/texte, consultez cet outil : https://smallseotools.com/code-to-text-ratio-checker/

Il s'agit d'un excellent outil de Small SEO Tools qui vous permet d'obtenir le pourcentage de code par rapport au texte que vous avez sur une page.

Que signifient ces pourcentages ?

Si le pourcentage est inférieur à 20%, comme dans l'exemple ci-dessus, vous devrez apporter quelques modifications.

Si le pourcentage est supérieur à 20%, vous êtes dans la zone de sécurité. Ceci dit, il est recommandé d'ajouter du texte tout en maintenant une page attrayante, pour augmenter vos chances d'obtenir un bon classement.

Comment pouvons-nous résoudre le problème ?

Que faire si votre ratio est inférieur à 20% ? Que faire ? Il existe deux solutions.

• Ajoutez du contenu à votre site ou page. Plus vous ajoutez de texte, plus votre ratio est élevé. N'oubliez pas la règle d'or : créez d'abord pour l'utilisateur, et non pour les moteurs de recherche.
• Nettoyez votre code et supprimez tout ce qui n’est pas utilisé ou qui est inutile.

L'approche de la source de la page d'affichage

Pour moi, c'est un de mes préférés. Rien ne vaut l'observation du code et la compréhension du processus de chargement du site.

Pour voir le code de votre page, il vous suffit de faire un clic droit, puis de cliquer sur « afficher le code source de la page ».

Le code peut paraître complexe au premier abord. Mais si vous savez ce que vous cherchez, tout devrait bien se passer.

Pour ma part, je recherche toujours du JavaScript inutile.

Voici ce qu'il faut faire :

Accédez à Google Speed Text/Google Page Insights

Si vous voyez qu'il y a des notifications concernant JavaScript, c'est généralement l'occasion de nettoyer un peu de code.

Par exemple, si vous allez sur un site et voyez du code JavaScript pour un pixel Facebook, plus pour un pixel LinkedIn, plus pour Google Analytics, puis Crazy Egg, Google Search Console, Bing Ads, Bing Web Master Tools…

Au lieu de laisser tout ce code flotter, je vous recommande de créer un compte GTM et d'y ajouter toutes les balises, tout en installant uniquement la balise GTM sur le site. Ainsi, vous n'aurez du code que pour une seule balise au lieu de plusieurs. Selon le nombre de balises sur un site ou une page, cela peut avoir un impact significatif sur le ratio code/texte.

Pour en savoir plus sur le référencement, consultez La méthode SEO.