SEO & JavaScript : Ce que vous devez savoir

La relation entre Javascript et SEO est un sujet de débat reconnu dans le monde du search. Que votre site utilise ce langage ou que vous envisagiez auditer le site d’un client en JavaScript, il y a quelques éléments que vous devriez prendre en compte avant de le crawler.

Le JavaScript, c’est quoi ?

Le JavaScript est un langage de programmation utilisé pour rendre les pages web interactives et dynamiques. Il peut être utilisé pour des commentaires ou pour des widgets de recommandations en AJAX par exemple. Le JavaScript opère sur l’ordinateur du visiteur et n’a pas besoin de téléchargements constants côté site.

D’autre part, comme le JavaScript est un langage d’interprétation, il ne nécessite aucun programme spécial pour créer un code utilisable. Un éditeur de texte simple est suffisant pour écrire en JS. C’est aussi le seul langage de script soutenu par tous les navigateurs web qui gèrent les scripts côté client.

Google crawle-t-il le JavaScript ?

Dans le passé, les robots des moteurs de recherche n’étaient pas en mesure de crawler et d’indexer du contenu dynamique comme le JavaScript. En effet, ils lisaient simplement le code source statique HTML.

[oc-redirect num=1]

Cependant, Google a changé ses anciennes lignes directrices concernant le crawl en AJAX des aperçus de fragment d’URLS et HTML #! en octobre 2015. Ils sont maintenant en mesure d’effectuer le rendu et de comprendre ces pages web.

L’utilisation du JavaScript a augmenté au cours des dernières années de par l’adoption de Google de son propre framework de JavaScript MVW AngularJS, les applications web progressives et d’autres frameworks comme React sur le marché.

Quand vient le temps de crawler des sites en JavaScript, il est essentiel d’être en mesure de lire le DOM téléchargé après que le JS ait construit la page web.

Les anciens crawleurs SEO qui analysent les liens et contenu d’un site peuvent seulement crawler du code HTML statique renvoyé par le serveur. Google peut maintenant faire les deux avec les crawleurs JS. Sachez qu’Oncrawl a récemment sorti le même type de crawleur. En effet, Oncrawl vous permet d’interpréter du JavaScript sur n’importe quel site web et ce peu importe la taille. Nous vous reparlerons de la méthode pour crawler un site en JavaScript avec l’aide d’Oncrawl dans un prochain article.

Points de vigilance sur le crawl en JS

Il est essentiel pour les sites utilisant du JavaScript d’accéder à une vue globale de la structure de leur site et de leurs données pour une analyse SEO complète. C’est pourquoi, avant de creuser plus loin dans le crawl en JavaScript, il y a quelques points techniques à considérer :

• Le crawl en JavaScript est plus long et plus intensif pour le serveur, en particulier pour les grands sites, car toutes les ressources doivent être récupérées.
• Différents frameworks JavaScript existent et ont donc chacun leur propre particularités. Commencez par analyser la manière dont est construit le site que vous auditez.
• Beaucoup de sites s’appuient toujours sur l’ancien système de crawl AJAX avec une configuration unique. Dans ce cas, vous ne vous appuyez pas uniquement sur le rendu du JavaScript pour le crawl, l’indexation et la notation.
• Les liens ou les zones à clics doivent avoir l’attribution ng-href (et non ng-click) si vous utilisez le framework Angular.js.
• L’attribution href sera comprise par les crawleurs seulement s’ils ont une ancre de lien.

Mis à part tous ces points, Google a toujours ses limites quant au crawl en JS :

• Google a besoin d’URLs uniques et propres avec des liens situés dans le HTML.
• Le rendu de l’aperçu de la page est pris à 5 secondes, donc le contenu doit être chargé à ce moment-là ou il ne sera pas indexé pour chaque page web.
• Toutes les ressources d’une page (JS, CSS) ont besoin d’être disponibles pour être crawlées, interprétées et indexées.

Google dit également que :

“If you’re starting from scratch, a good approach is to build your site’s structure and navigation using only HTML. Then, once you have the site’s pages, links, and content in place, you can spice up the appearance and interface with AJAX. “

“Si vous partez de zéro, une bonne approche est de construire la structure et la navigation de son site en utilisant strictement du HTML. Ensuite, une fois que vous avez les pages de votre site, les liens et le contenu en place, vous pouvez améliorer l’apparence et l’interface avec du AJAX. “

Pourquoi crawler du JavaScript ?

Le maillage interne et le contenu font partie des facteurs de classement les plus importants à analyser. Comme les moteurs de recherche peuvent trouver et indexer votre contenu JS ; il est essentiel de savoir ce qu’ils voient et comment cela affecte votre SEO.

• Trouver des liens : voyez le sommaire d’une page avec ses liens externes incluant ceux dépendant du JavaScript ;
• Trouver du contenu texte : obtenez une analyse précise de la qualité du contenu avec l’inclusion de contenu comme des avis produits et des commentaires générés par les utilisateurs souvent écrits en JS.

Si les moteurs de recherche peuvent les trouver et les indexer, il est important d’inclure ces éléments dans votre analyse SEO. Le JavaScript est utilisé pour un contenu de qualité et c’est pourquoi vos crawls SEO doivent être compréhensifs pour avoir une vue exhaustive de votre site.

Comment crawler le JavaScript avec Oncrawl

Notre inclusion de crawl JavaScript permet :

• L’évaluation de contenu texte interprété avec du JavaScript
• Le pré-rendu du Js Angular/backbone pour transformer l’attribution ng-href en liens JS et continuer de crawler sans le balisage a@href comme Google le fait. Vous vous assurez que tous vos sites peuvent être crawlés et entrés dans notre processus de modélisation.

Vous souhaitez crawler votre site JS avec Oncrawl ? Envoyez-nous un message via notre chat pour en apprendre davantage !