in

Votre guide ultime pour le 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érentes langues frontales. L’utilisation de Google Tag Manager (GTM) nécessite une connaissance de base de HTML et (parfois) de Vanilla JavaScript.

En parlant de JavaScript, il y a eu une discussion récente sur pourquoi et comment les robots d’exploration de Google lisent JavaScript. Quelques 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 unique sur mon site?

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

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

Si vous n’êtes pas un connaisseur du 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 cadres comme React et Vue. Bien que React et Vue soient très populaires et que de nombreux sites commencent à utiliser ces cadres, 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 de tels 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 en ce qui concerne les langages de programmation prêts pour les objets, il agit différemment. En 2017, les référenceurs techniques ont commencé à signaler 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 incluse dans n’importe quel JavaScript côté client (nous y arriverons dans une seconde).

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

Cela devrait-il être ma priorité absolue?

Non, mais oui en même temps: une idée fausse commune est que ce qui est inclus dans JavaScript est automatiquement supprimé par Google, mais ce n’est pas vrai. Tout simplement parce qu’un élément de contenu est inclus dans JavaScript, cela ne signifie pas qu’il ne sera pas classé, il peut juste 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 pris environ cinq à six semaines pour être indexé par Google parce qu’il était coincé dans un accordéon basé sur jQuery. Alors oui, supprimez votre contenu généré par mots clés de JavaScript, mais uniquement si vous êtes sûr à 100% que sa file d’attente de rendu est trop longue.

Cadres et vitesse de rendu

JavaScript a beaucoup évolué dans un passé récent. L’introduction des scripts ECMA en 2014/15 a conduit à l’introduction de frameworks plus rapides et plus efficaces. React est (toujours) la bibliothèque JavaScript la plus populaire pour les frameworks UI. Il est difficile de déterminer quelle bibliothèque fonctionne mieux en termes de vitesse de rendu du point de vue de Google. Il y a 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 référencement.

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 similaires sont principalement basées sur jQuery / Vanilla. Il serait plus facile pour un spécialiste SEO technique 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 des composants React lors de la création d’applications Web, c’est pourquoi nous sommes les plus fiables Référencement Manchester agence.

Javascript

Rendre / récupérer comme Google: est-ce précis?

Malheureusement non. Pour tester le JavaScript de votre page et leur 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 pouvez évaluer avec précision le nombre de visites des robots d’exploration sur vos pages, ce qui vous permet de comprendre quelles pages ont une meilleure file d’attente de rendu. L’ancienne fonctionnalité « récupérer en tant que 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, Search Console ne reconnaît pas toujours que les cadres individuels sont hébergés sur des CDN externes. Ou en vous disant qu’un 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.

Meilleure façon de structurer le contenu avec des ressources JavaScript

La séparation du contenu de JavaScript est entièrement réalisable et effectuée de nombreuses manières. Vous pouvez, par exemple, demander à vos développeurs de déplacer toutes vos animations et fonctionnalités de méthodes DOM vers des balises non HTML pour libérer toutes les formes 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), contrairement au rendu côté client (CSR). Ce processus exécute JavaScript et les ressources dynamiques au sein de votre serveur, plutôt que 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.

Contenu structuré dans votre Javascript

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 fonctionne sur JavaScript ou utilise au moins cinq scripts dans son code. Dans un secteur en constante évolution comme le référencement, il est obligatoire de reconnaître l’importance de pouvoir analyser et évaluer le JavaScript de votre site.

What do you think?

0 points
Upvote Downvote

Written by manuboss

Comment la pandémie de coronavirus affecte la recherche

Comment améliorer le référencement avec des liens internes intelligents