Votre guide ultime du référencement JavaScript

Ce n'est un secret pour personne que le référencement dans son ensemble a récemment évolué vers l'utilisation de différents langages frontaux. L'utilisation de Google Tag Manager (GTM) nécessite une connaissance de base du HTML et (parfois) du JavaScript Vanilla.

En parlant de JavaScript, il y a eu une discussion récente sur pourquoi et comment les robots d'exploration de Google lisent JavaScript. Certaines questions pertinentes émergent :

• Google lit-il JavaScript ?
• Que dois-je changer exactement si mon site utilise beaucoup JavaScript ?
• Qu'est-ce que le rendu côté serveur ?
• Dois-je l'utiliser pour chaque framework JavaScript sur mon site ?

Nous avons disséqué ces questions ci-dessous et essayé de répondre à chacune d'entre elles en détail :

Une brève introduction au JavaScript moderne appliqué au référencement

Si vous n'êtes pas un expert en développement frontal, JavaScript est un langage de programmation de rendu qui (aujourd'hui) est utilisé à des fins d'animation via ce qu'on appelle les méthodes DOM. Dans sa forme plus sophistiquée, il est utilisé pour créer des applications Web natives avec des frameworks tels que React et Vue. Alors que React et Vue sont très populaires et que de nombreux sites commencent à utiliser ces frameworks, en tant que professionnel du référencement, vous êtes plus susceptible de rencontrer des architectures héritées comme WordPress fonctionnant avec Vanilla et jQuery. Pour être précis, l'application de JavaScript dans ces CMS concerne principalement les diaporamas, les accordéons et d'autres formes d'animations de texte.

Pourquoi JavaScript est-il une question de référencement ?

Google déclare que le Googlebot peut explorer, indexer et classer chaque élément de contenu contenu dans n'importe quelle forme de JavaScript. Cependant, en réalité, le sujet est beaucoup plus complexe. Googlebot peut en effet explorer des langages statiques (c'est-à-dire HTML et CSS), mais lorsqu'il s'agit de langages de programmation prêts pour les objets, il agit différemment. En 2017, les référenceurs techniques ont commencé à souligner ce que l'on appelle aujourd'hui la file d'attente de rendu. Il s'agit d'un délai hypothétique utilisé par Googlebot pour indexer toute forme de texte inclus dans n'importe quel JavaScript côté client (nous y reviendrons dans une seconde).

Dans cette optique, il est assez facile de comprendre pourquoi JavaScript est devenu un sujet délicat pour les référenceurs. Le blocage d'un contenu vital parce qu'il se trouve dans cette file d'attente de rendu pourrait instantanément ralentir votre classement. Ce problème est prononcé dans les architectures CMS comme WordPress, qui sont très dépendantes de JavaScript.

Cela devrait-il être ma priorité ?

Non, mais oui en même temps : une idée fausse courante est que ce qui est inclus dans JavaScript est automatiquement supprimé par Google, mais ce n'est pas vrai. Ce n'est pas parce qu'un élément de contenu est inclus dans JavaScript qu'il ne sera pas classé, mais cela peut prendre plus de temps. Actuellement, une file d'attente de rendu pour de simples morceaux de texte après la première analyse fluctue autour de 72 heures. Cependant, il y a eu des cas où le contenu a mis environ cinq à six semaines pour être indexé par Google parce qu'il était bloqué dans un accordéon basé sur jQuery. Alors oui, supprimez votre contenu basé sur des mots-clés de JavaScript, mais seulement si vous êtes sûr à 100 % que sa file d'attente de rendu est trop longue.

Frameworks et vitesse de rendu

JavaScript a beaucoup évolué ces derniers temps. L'introduction des scripts ECMA en 2014/15 a conduit à l'introduction de cadres plus rapides et plus efficaces. React est (toujours) la bibliothèque JavaScript la plus populaire pour les frameworks d'interface utilisateur. Il est difficile de déterminer quelle bibliothèque est la plus performante en termes de vitesse de rendu du point de vue de Google. Il existe des dizaines de variables à prendre en compte ; le type de CMS utilisé, la concaténation de plusieurs fonctions et d'autres aspects très techniques qui ne devraient pas vraiment être associés au SEO.

Compte tenu des données récentes, nous pouvons affirmer que le framework React est le plus rapide en termes de rendu en raison de sa simplicité. Encore une fois, les animations de contenu et autres sont principalement basées sur jQuery/Vanilla. Il serait plus facile pour un spécialiste technique du référencement de rencontrer ces frameworks par opposition aux architectures React plus courantes dans l'interface utilisateur et les applications natives.

Chez Red Cow, nous recommandons toujours l'utilisation de composants React lors de la création d'applications Web, c'est pourquoi nous sommes l' agence de référencement de Manchester la plus fiable .

Afficher/Récupérer comme Google : est-ce précis ?

Malheureusement non. Pour tester le JavaScript de votre page et sa file d'attente de rendu, la meilleure approche serait d'analyser les fichiers journaux d'accès de votre site. De cette façon, vous êtes en mesure d'évaluer avec précision le nombre de visites que les robots d'exploration atterrissent sur vos pages, ce qui vous permet de comprendre quelles pages ont une meilleure file d'attente de rendu. L'ancienne fonctionnalité "extraire comme Google" de la Search Console peut toujours être utile pour vérifier la hiérarchie HTML de votre page, mais elle n'est certainement pas précise lorsqu'il s'agit de comprendre JavaScript. De plus, la Search Console ne reconnaît pas toujours que les frameworks individuels sont hébergés sur des CDN externes. Ou en vous disant qu'un élément de contenu n'est pas rendu à cause de JavaScript, il manque le fait que ce script est hébergé en externe, ce qui est une pratique courante pour PWA et d'autres formes de plugins pilotés par les données.

Meilleur moyen de structurer le contenu avec des ressources JavaScript

Séparer le contenu de JavaScript est tout à fait faisable et complété à bien des égards. Vous pouvez, par exemple, demander à vos développeurs de déplacer toutes les animations et fonctionnalités de vos méthodes DOM vers des balises non HTML pour libérer chaque forme de contenu de JavaScript. Dans le cas où JavaScript est utilisé pour les architectures et les moteurs (c'est-à-dire Node, certains React, Vue), vous pouvez envisager d'utiliser des bibliothèques de rendu côté serveur (SSR), à l'opposé du rendu côté client (CSR). Ce processus exécute JavaScript et des ressources dynamiques sur votre serveur, et non dans le navigateur de votre choix. Non seulement cela profite considérablement à votre file d'attente de rendu, mais cela accélère considérablement le temps de chargement de votre page.

Emballer

JavaScript est une question compliquée d'un point de vue frontal et beaucoup plus complexe en ce qui concerne ses applications en termes de référencement. Malheureusement, de nos jours, plus de 90 % d'Internet s'exécute sur JavaScript ou utilise au moins cinq scripts dans son code. Dans un secteur en constante évolution comme le SEO, il est obligatoire de reconnaître l'importance de pouvoir analyser et évaluer le JavaScript de votre site.