Tout ce que vous devez savoir sur le référencement JavaScript

Demandez à n’importe quel programmeur et il vous dira ce qu’il pense de JavaScript.

Depuis sa sortie, JavaScript (JS) est le langage de programmation le plus utilisé par les développeurs Web du monde entier. Une enquête récente de Stack Overflow auprès des développeurs Web révèle que JavaScript est le langage de programmation le plus préféré pendant huit années consécutives.

Tout ce que vous devez savoir sur le référencement JavaScript

JS permet aux développeurs Web de créer facilement des applications Web à grande échelle. Il a une capacité exceptionnelle à mettre à jour dynamiquement les pages et à les rendre plus interactives. De plus, les frameworks JavaScript tels que AngularJS, ReactJS, Vue et NodeJS réduisent considérablement le temps et les efforts nécessaires pour développer des sites basés sur JS. Pas étonnant que JavaScript soit à la base de 96% des sites Web dans le monde.

Pourtant, les sites basés sur JS semblent avoir une relation d’amour-haine avec Google. JavaScript peut facilement contrôler et modifier le code HTML pour rendre les pages Web dynamiques et interactives, améliorant ainsi l’expérience utilisateur du site. Pourtant, les moteurs de recherche ont du mal à gérer JS, laissant la plupart du contenu JavaScript non indexé.

Voyons un peu plus en détail pourquoi JavaScript rend le travail de Google plus difficile et ce que vous pouvez faire pour rendre votre contenu JS convivial pour les robots.

Quel est l’impact de Javascript sur le référencement ?

JavaScript permet aux pages de se charger rapidement, offre une interface riche et est facile à mettre en œuvre; Cependant, la fluidité du navigateur change en fonction de l’interaction de l’utilisateur, ce qui rend difficile pour les moteurs de recherche de comprendre la page et d’associer une valeur au contenu.

Les moteurs de recherche ont leurs limites lors du rendu des pages Web contenant du contenu JavaScript. Google effectue une première exploration de la page et indexe ce qu’il trouve. Au fur et à mesure que les ressources sont disponibles, les bots retournent au rendu JS sur ces pages. Cela signifie que le contenu et les liens reposant sur JavaScript courent le risque de ne pas être vus par les moteurs de recherche, ce qui pourrait nuire au référencement du site.

La source

Cependant, Google sait que JavaScript est là pour rester ! En conséquence, le géant des moteurs de recherche a consacré une grande partie de ses ressources à aider les professionnels de la recherche à optimiser leurs sites basés sur JS.

Découvrez cette série de vidéos sur le référencement JavaScript de Google qui peut vous aider à rendre votre contenu JS plus visible en ligne.

Les experts en référencement doivent gérer leurs pages Web basées sur JS dans un format apprécié par Google. Avec un peu de compréhension de la façon dont les moteurs de recherche traitent le contenu JS, JavaScript et SEO peuvent être mis en synergie pour améliorer le classement de votre site.

Comment les moteurs de recherche traitent-ils JavaScript ?

Les robots Google traitent JS différemment d’une page non JS. Les robots les traitent en trois phases, à savoir l’exploration, l’indexation et le rendu. Ces phases peuvent être facilement comprises grâce au graphique de Google Developers ci-dessous:

La source

Rampant

Cette phase concerne la découvrabilité de votre contenu. Il s’agit d’un processus complexe, qui implique des sous-processus, à savoir les ensembles de départ, la mise en file d’attente et la planification d’exploration, l’importance de l’URL, etc.

Pour commencer, les robots de Google mettent les pages en file d’attente pour l’exploration et le rendu. Les bots utilisent le module d’analyse pour récupérer les pages, suivre les liens sur les pages et effectuer le rendu jusqu’à un point où les pages sont indexées. Le module rend non seulement les pages, mais analyse également le code source et extrait les URL dans le extraits.

Les robots vérifient le fichier robots.txt pour voir si l’exploration est autorisée ou non. Si l’URL est marquée comme interdite, les robots l’ignorent. Par conséquent, il est essentiel de vérifier le fichier robots.txt pour éviter les erreurs.

Le rendu

Le processus d’affichage du contenu, des modèles et d’autres fonctionnalités d’un site à l’utilisateur est appelé rendu. Il existe un rendu côté serveur et un rendu côté client.

Rendu côté serveur (SSR)

Comme son nom l’indique, dans ce type de rendu les pages sont peuplées sur le serveur. A chaque accès au site, la page est rendue sur le serveur et envoyée au navigateur.

En d’autres termes, lorsqu’un utilisateur ou un bot accède au site, il reçoit le contenu sous forme de balisage HTML. Cela aide généralement le référencement car Google n’a pas à rendre le JS séparément pour accéder au contenu. La SSR est la méthode de rendu traditionnelle et peut s’avérer coûteuse en termes de bande passante.

Rendu côté client

Le rendu côté client est un type de rendu assez récent qui permet aux développeurs de créer leurs sites entièrement rendus dans le navigateur avec JavaScript. Ainsi, au lieu d’avoir une page HTML distincte par route, le rendu côté client permet à chaque route d’être créée dynamiquement directement dans le navigateur. Bien que ce type de rendu soit initialement lent car il effectue plusieurs tournées vers le serveur, une fois les requêtes terminées, l’expérience via le framework JS est rapide.

Pour en revenir à ce qui se passe après l’exploration d’une page, les bots identifient les pages qui doivent être rendues et les ajoutent à la file d’attente de rendu, à moins que la balise meta robots dans le code HTML brut indique à Googlebot de ne pas indexer la page.

Les pages restent dans la file d’attente de rendu pendant quelques secondes, mais peuvent prendre un certain temps, selon la quantité de ressources disponibles.

La source

Une fois que les ressources le permettent, le service de rendu Web de Google (WRS) rend, analyse et compile les pages et exécute le JavaScript sur la page. Le bot analyse à nouveau le code HTML rendu à la recherche de liens et met en file d’attente les URL qu’il trouve pour l’exploration. Le HTML rendu est utilisé pour l’indexation de la page.

Indexage

Une fois que le WRS récupère les données d’API et de bases de données externes, l’indexeur de caféine sur Google peut indexer le contenu. Cette phase consiste à analyser l’URL, à comprendre le contenu des pages et sa pertinence, et à stocker les pages découvertes dans l’index.

Comment optimiser JavaScript pour le référencement

JavaScript, lorsqu’il est mis en œuvre de manière incorrecte, peut ruiner votre référencement

Soyez persévérant dans vos efforts de référencement sur la page

Toutes les règles de référencement sur la page qui permettent d’optimiser votre page pour l’aider à se classer sur les moteurs de recherche s’appliquent toujours. Optimisez vos balises de titre, vos méta descriptions, vos attributs alt dans les images et vos balises méta-robot. Des titres et des méta-descriptions uniques et descriptifs aident les utilisateurs et les moteurs de recherche à identifier facilement le contenu. Faites attention à l’intention de recherche et au placement stratégique des mots-clés sémantiquement liés.

De plus, il est bon d’avoir une structure d’URL conviviale pour le référencement. Dans quelques cas, les sites Web implémentent un changement pushState dans l’URL, ce qui déroute Google lorsqu’il tente de trouver l’URL canonique. Assurez-vous de vérifier les URL pour de tels problèmes.

Assurez-vous que votre JavaScript apparaît dans l’arborescence DOMÉvitez d’empêcher les moteurs de recherche d’accéder au contenu JS

Pour éviter que Google ne puisse trouver le contenu JS, quelques webmasters utilisent un processus appelé cloaking qui sert le contenu JS aux utilisateurs mais le cache aux robots d’exploration. Cependant, cette méthode est considérée comme une violation des consignes aux webmasters de Google et vous pourriez être sanctionné pour cela. Au lieu de cela, travaillez à identifier les problèmes clés et à rendre le contenu JS accessible aux moteurs de recherche.

Parfois, l’hébergeur du site peut être bloqué par inadvertance, empêchant Google de voir le contenu JS. Par exemple, si votre site comporte quelques domaines enfants qui servent des objectifs différents, chacun doit avoir un fichier robots.txt distinct, car les sous-domaines sont traités comme un site Web distinct. Dans un tel cas, vous devez vous assurer qu’aucune de ces directives robots.txt n’empêche les moteurs de recherche d’accéder aux ressources nécessaires au rendu.

Les robots d’exploration de Google utilisent des codes d’état HTTP pour identifier les problèmes lors de l’exploration d’une page. Par conséquent, vous devez utiliser un code d’état significatif pour informer les robots si une page ne doit pas être explorée ou indexée. Par exemple, vous pouvez utiliser un état HTTP 301 pour indiquer aux robots qu’une page a été déplacée vers une nouvelle URL, ce qui permet à Google de mettre à jour son index en conséquence.

Reportez-vous à cette liste de codes d’état HTTP et sachez quand les utiliser:

La source

Corriger le contenu en double

Lorsque JavaScript est utilisé pour les sites Web, il peut y avoir différentes URL pour le même contenu. Cela provoque des problèmes de contenu en double, souvent causés par la capitalisation, les ID ou les paramètres avec des ID. Assurez-vous de trouver de telles pages, choisissez l’URL d’origine / préférée que vous souhaitez indexer et définissez des balises canoniques pour éviter que les moteurs de recherche ne se confondent.

Correction du contenu et des images chargés paresseusement

La vitesse du site est essentielle pour le référencement. Le chargement différé est l’une de ces bonnes pratiques UX qui reporte le chargement de contenu non critique ou non visible, réduisant ainsi le temps de chargement initial de la page. Mais en plus d’accélérer le chargement des pages, vous devez également vous assurer que votre contenu est accessible aux robots des moteurs de recherche. Ces robots n’exécuteront pas votre JavaScript ou ne feront pas défiler la page pour générer un contenu chargé paresseusement, ce qui affectera négativement votre référencement.

De plus, les recherches d’images sont également une source de trafic organique supplémentaire. Donc, si vous avez des images chargées paresseusement, les moteurs de recherche ne les choisiront pas. Bien que le chargement paresseux soit idéal pour les utilisateurs, il doit être fait avec soin pour éviter que les robots ne manquent du contenu potentiellement critique.

Il existe une multitude d’outils disponibles qui peuvent vous aider à identifier et à résoudre les problèmes liés au code JavaScript. En voici quelques-unes que vous pouvez utiliser à votre avantage.

  • Fonction d’inspection d’URL. Cet outil se trouve dans Google Search Console. Il peut vous montrer si les robots d’exploration de Google ont pu ou non indexer ou explorer vos pages
  • Les robots des moteurs de recherche. Ces outils vous permettent de tester et de surveiller efficacement la façon dont les moteurs de recherche explorent vos pages
  • Informations sur la vitesse de la page. Page Speed ​​Insights de Google partage des détails sur les performances de votre site et propose des recommandations sur la manière de l’améliorer
  • Site: Command. Cet outil vous aide à voir si Google a correctement indexé votre contenu. Tout ce que vous avez à faire est de saisir cette commande sur Google – site: [website URL] « Extrait de texte ou requête »

Défis SEO JavaScript

Vous avez maintenant une bonne idée de la manière dont les moteurs de recherche traitent le contenu JavaScript et de ce que vous pouvez faire pour mettre votre site Web sur la voie rapide vers le succès du référencement. Cependant, il existe quelques autres défis auxquels sont confrontés les experts en référencement et les webmasters. La plupart d’entre eux découlent des erreurs qu’ils ont commises lors de l’optimisation de leurs sites Web basés sur JavaScript.

Fichiers JavaScript et CSS non réduits

vous auriez probablement rencontré un avertissement concernant des problèmes avec Javascript et CSS non réduits. Au fil du temps, les fichiers JS et CSS sont alourdis par des lignes de code inutiles, des espaces blancs, des commentaires dans le code source et un hébergement sur des serveurs externes, ce qui ralentit votre site Web. Assurez-vous de vous débarrasser des lignes, des espaces blancs et des commentaires inutiles pour réduire le temps de chargement des pages, améliorer le taux d’engagement et booster le référencement.

Utilisation du hachage dans les URL

Vous vous souvenez de ce que John Mueller a dit à propos des mauvaises URL lors d’un événement SEO ?

« Pour nous, si nous voyons une sorte de hachage là-bas, cela signifie que le reste est probablement hors de propos. Pour la plupart, nous abandonnerons cela lorsque nous essaierons d’indexer le contenu…  »

Pourtant, plusieurs sites basés sur JS génèrent des URL avec un hachage. Cela peut être désastreux pour votre référencement. Assurez-vous que votre URL est compatible avec Google. Cela ne devrait certainement pas ressembler à ceci:

www.example.com/#/about -us OU

www.example.com/about#us

Ne pas vérifier la structure des liens internes

Google exige une des liens pour trouver des URL sur votre site. De plus, si les liens sont ajoutés au DOM après des clics sur un bouton, les robots ne les verront pas. La plupart des webmasters passent à côté de ces points, ce qui fait souffrir leur référencement.

Veillez à fournir le lien « href » traditionnel, ce qui les rend accessibles pour les bots. Vérifiez vos liens à l’aide de l’outil d’audit de site Web, SEOprofiler pour améliorer la structure des liens internes de votre site.

O pour obtenir des conseils sur une structure de lien appropriée:

Conclusion

Sans aucun doute, JavaScript étend les fonctionnalités des sites Web. Cependant, JavaScript et les moteurs de recherche ne vont pas toujours de pair. JavaScript a un impact sur la façon dont les moteurs de recherche explorent et indexent un site, affectant ainsi son classement. Par conséquent, les professionnels de la recherche doivent comprendre comment les robots des moteurs de recherche traitent le contenu JS et prendre les mesures nécessaires pour s’assurer que JavaScript s’intègre bien dans leur stratégie de référencement.

Si vous possédez un site Web basé sur JS et que vous ne trouvez pas votre contenu sur Google, il est temps de résoudre les problèmes

Tags: , ,