Correction des problèmes avec JavaScript lié à la recherche Google

Ce guide vous aidera à déterminer et à résoudre les problèmes avec JavaScript, qui peuvent bloquer votre page ou certains contenus sur les pages fonctionnant avec JavaScript de l'affichage dans la recherche de Google. Malgré le fait que Google Search peut traiter JavaScript, il existe des différences et des restrictions qu'il est important de considérer lors du développement de vos pages et applications pour prendre en compte la façon dont Google Robots a accès et afficher votre contenu. Notre guide sur les bases du SEO JavaScript offre plus d'informations sur la façon d'optimiser votre site avec JavaScript pour Google Search.

Comprendre le travail de Googlebot et son interaction avec votre site dans Google

Googlebot est conçu pour être un utilisateur de réseau de bonne foi. La tâche principale est de scanner, tandis que Googlebot devrait éviter d'aggraver l'expérience utilisateur sur le site. Googlebot et son composant de service de rendu Web (WRS) analysent constamment et identifient les ressources qui n'affectent pas le contenu principal de la page et peuvent ne pas être chargées. Par exemple, les rapports et les erreurs qui ne sont pas importants pour le contenu principal ne sont pas soumis au chargement. Utilisez un rapport sur les statistiques de numérisation dans la console de recherche pour surveiller l'activité de Googlebot et WRS sur votre site Web Google.

Vérification et correction des erreurs JavaScript sur votre site affectant Google Search

Si vous soupçonnez que les problèmes JavaScript peuvent bloquer votre page ou votre contenu spécifique sur les pages avec JavaScript de l'affichage dans la recherche de Google, suivez ces étapes. Si vous n'êtes pas sûr que ce soit JavaScript qui est la raison principale, suivez notre manuel de débogage général pour déterminer un problème spécifique.

Pour tester comment Google scanne et affiche l'URL, utilisez l'outil de test Rich Results ou l'outil de test URL dans la console de recherche. Vous pouvez voir les ressources chargées, la sortie de la console JavaScript et les exceptions, le DOM détaché et de nombreuses autres informations utiles.
De plus, il est recommandé de collecter et de vérifier les erreurs JavaScript auxquelles les utilisateurs sont confrontés, y compris Googlebot, sur votre site pour identifier les problèmes possibles affectant le rendu de contenu. Un exemple de code pour les erreurs JavaScript de journalisation peut être utilisée dans un ONERROR global:

window.addEventListener('error', function(e) {
 var errorText = [e.message, 'URL: ' + e.filename, 'Line: ' + e.lineno + ', Column: ' + e.colno, 'Stack: ' + (e.error && e.error.stack || '(no stack trace)')].join('
');
 var DOM_ID = 'rendering-debug-pre';
 if (!document.getElementById(DOM_ID)) {
 var log = document.createElement('pre');
 log.id = DOM_ID;
 log.style.whiteSpace = 'pre-wrap';
 log.textContent = errorText;
 if (!document.body) document.body = document.createElement('body');
 document.body.insertBefore(log, document.body.firstChild);
 } else {
 document.getElementById(DOM_ID).textContent += '

' + errorText;
 }
});

Prévention des erreurs 404 et leur impact sur votre site dans Google

Une attention particulière doit être accordée pour prévenir les erreurs comme "Soft 404", surtout si votre site utilise une application à page unique (SPA). Pour que les erreurs ne soient pas indexées par les moteurs de recherche, utilisez les stratégies suivantes:

Rediger sur une page avec un code d'état 404, si le contenu n'existe pas:

 fetch(`https://api.example.com/page/${id}`).then(res => res.json()).then((page) => {
 if (!page.exists) {
 window.location.href = '/not-found';
 }
 });

Utilisation d'un robot de méta-étiquette avec un paramètre NOINDEX:

 fetch(`https://api.example.com/page/${id}`).then(res => res.json()).then((page) => {
 if (!page.exists) {
 const metaRobots = document.createElement('meta');
 metaRobots.name = 'robots';
 metaRobots.content = 'noindex';
 document.head.appendChild(metaRobots);
 }
 });

Si votre application SPA utilise un JavaScript client pour traiter les erreurs, un problème se pose souvent lorsque des pages erronées respectent le statut de 200 au lieu du code d'erreur souhaité.

Utilisation des permis d'utilisateur et leur impact sur votre site Web Google

Googlebot ne pourra pas fournir la permission d'accéder aux fonctions telles que l'utilisation d'une caméra ou d'autres résolutions d'utilisateurs. Si votre page nécessite la fourniture de ces permis pour accéder au contenu, fournissez à l'utilisateur un autre moyen de visualiser sans avoir besoin de fournir des permis.

Utilisation des fragments d'URL dans votre site et leur influence sur la visibilité de la recherche dans Google

L'approche précédemment utilisée avec des fragments d'URL (par exemple, https://example.com/#/products) n'est plus prise en charge pour la numérisation de Googlebot, depuis 2015, le schéma Ajax-Crawling est arrêté. Au lieu de fragments d'URL, il est recommandé d'utiliser l'API de l'historique pour le chargement de contenu dynamique dans le spa.

Recommandations pour la mise en cache et l'utilisation de vos données sur le site pour améliorer l'indexation dans Google

Pour éviter les problèmes de mise en cache, utilisez l'impression de contenu. Cela évitera l'utilisation de ressources JavaScript ou CSS obsolètes, et Googlebot recevra toujours des fichiers pertinents. Un exemple est l'utilisation de fichiers de version de contenu dans le titre des fichiers en tant que main.2bb85551.js. Détails sur la stratégie de mise en cache à long terme Lire sur web.dev.

Vérification des performances de votre site dans Google à l'aide de composants Web

Utilisez l'outil de test des résultats riche ou l'outil de test d'URL pour vérifier que vos composants Web sont correctement rendus. Il est important de se rappeler que les WR peuvent ne pas soutenir certains mécanismes pour travailler avec DOM, par exemple, un mécanisme Pour la lumière et l'ombre Dom. Si les composants de votre site ne l'utilisent pas, contactez la documentation pour éliminer les problèmes possibles.

Test de page après des corrections sur votre site pour l'affichage dans la recherche de Google

Après avoir corrigé les problèmes indiqués, testez la page à l'aide du test de résultats riches ou de l'outil de test d'URL dans la console de recherche Google. Si le problème est résolu, vous verrez une coche verte et les erreurs ne seront pas affichées. Si des erreurs demeurent, demandez l'aide de la communauté de recherche centrale.

Pour des questions et des consultations supplémentaires, vous pouvez contacter la société SEO. Puter SEO par courrier info@seo.computer ou via WhatsApp: +79202044461.

ID 115