Recommandations SEO pour les applications à une seule page

Historiquement, les développeurs Web utilisaient HTML pour le simple contenu, CSS pour le style et JavaScript pour les éléments d’interactivité. C’est JS qui permet d’ajouter des boîtes de dialogue contextuelles et du contenu extensible sur les pages Web. Maintenant terminé 97% de tous les sites utilisent JavaScript car il donne la possibilité de modifier le contenu Web en réponse aux actions des utilisateurs.

Une tendance relativement nouvelle d’incorporation de JS dans les sites Web est les applications d’une seule page. Alors que les sites Web traditionnels chargent toutes leurs ressources (HTML, CSS, JS) en les demandant au serveur chaque fois que cela est nécessaire, les SPA ne nécessitent qu’un seul chargement initial et ne dérangent pas le serveur par la suite, laissant tout le traitement au navigateur. Cela se traduit par des sites Web plus rapides, mais peut être un désastre pour le référencement.

Dans cet article, nous expliquerons comment les SPA sont créés, pourquoi ils sont si difficiles à optimiser et comment nous assurer que les moteurs de recherche peuvent les comprendre et bien les classer.

Qu’est-ce qu’un SPA

L’application d’une seule page, ou SPA, est une technologie JavaScript spécifique pour le développement de sites Web qui ne nécessite plus de chargement de page après le chargement de la première page vue. React, Angular et Vue sont les frameworks JavaScript les plus populaires utilisés pour la création de SPA. Ils diffèrent principalement dans les bibliothèques et les API prises en charge, mais utilisent la même logique de service de rendu rapide côté client. De nombreux sites Web de haut niveau (Twitter, Pinterest, Airbnb) sont construits avec une architecture d’application d’une seule page.

Un SPA élimine les requêtes entre le serveur et le navigateur, rendant le site beaucoup plus rapide. Mais les moteurs de recherche ne sont pas si ravis de cette astuce JavaScript. Ce qui se passe, c’est que les moteurs de recherche n’obtiennent pas suffisamment de contenu: ils ne cliquent pas comme de vrais utilisateurs et ne comprennent pas que le contenu est ajouté de manière dynamique. Il ne leur reste qu’une page vierge à remplir.

La technologie derrière les SPA est favorable aux utilisateurs finaux: ils peuvent facilement naviguer dans les pages Web sans aucune gêne de chargement de pages supplémentaire et de changements de mise en page. Étant donné que les sites d’application d’une seule page mettent en cache toutes les ressources dans un stockage local (après leur chargement à la demande initiale), les utilisateurs peuvent continuer à les parcourir même avec une connexion instable. En raison de ces avantages, la technologie est là pour de bon même si elle nécessite un effort de référencement supplémentaire.

Pourquoi est-il difficile d’optimiser les SPA

Avant que JS ne commence à dominer le développement Web, les moteurs de recherche exploraient uniquement le contenu textuel du HTML. Alors que JS devenait de plus en plus populaire, Google a commencé à penser à ajouter la fonctionnalité d’interprétation des ressources JS et à comprendre les pages avec elles. Ils ont apporté des améliorations significatives au fil des ans, mais il y a encore beaucoup de problèmes avec la façon dont les robots de recherche voient et accèdent au contenu des applications d’une seule page.

Il existe peu d’informations sur la façon dont les autres moteurs de recherche perçoivent les applications d’une seule page, mais il est prudent de dire que tous ne sont pas fous des sites Web reposant sur JavaScript. Si vous ciblez des plates-formes de recherche autres que Google, vous êtes dans le pétrin. le Expérience Moz 2017 a montré que seuls Google et, étonnamment, Ask, étaient capables d’explorer le contenu JavaScript, tandis que tous les autres moteurs de recherche restaient totalement aveugles à JS. À ce jour, aucune annonce de percée n’a été faite par aucun moteur de recherche, à l’exception de Google, au sujet de la compréhension des sites Web d’applications JS et d’une seule page. Au moins, il y a quelques recommandations officielles: par exemple, Bing fait les mêmes suggestions comme Google – il encourage le pré-rendu côté serveur, une technologie qui permet à bingbot (et à d’autres robots d’exploration) de recevoir du HTML statique comme la version la plus complète et la plus compréhensible.

Problèmes d’exploration

Le HTML, qui est facilement explorable par les moteurs de recherche, ne contient pas beaucoup d’informations sur un SPA. Il comprend un fichier JavaScript externe à l’aide du

[ad_2]