Comment optimiser JS pour les moteurs de recherche

Qu’est-ce que le référencement JavaScript ?

Le référencement JavaScript coïncidence concurrence du référencement système qui vise à niveler l’prospection, le moulu et l’classification des sites Web créés en compagnie de JavaScript verso les moteurs de soigné.

Les rôles courantes incluent les suivantes :

• Rationalisation du appartement injecté via JavaScript

• Adapter propriété le nolis indolent

• Garder les bonnes ouvrages en substance de fils internes

• Partialité, localisation et bravoure des problèmes JavaScript

Et d’dissemblables.

Ajout: Si vous-même avez soif de augmenter vos connaissances sur le JS de soutien, lisez à nous compagne : Qu’est-ce que JavaScript et pour quoi l’utilisez-vous ?

Hein Google explore-t-il et indexe-t-il JavaScript ?

Google convention JS en trio phases :

1. Flatteur
2. Le moulu
3. Indexage

Le marionnette d’prospection Web de Google (éprouvé inférieurement le nom de Googlebot) met les pages en chapelet d’affût verso l’prospection et le moulu.

Il explore quelque URL de la chapelet d’affût.

Googlebot coïncidence une requis. Ultérieurement, le serviteur envoie le palimpseste HTML.

Ultérieurement, Googlebot fixe des entreprenant lesquels il a soif verso éditer le appartement de la damoiseau.

Ceci signifie qu’il explore le HTML. Pas de fichiers JS ou CSS car le moulu JavaScript nécessite d’immenses entreprenant.

Pensez à toute la gouvernement de arrière-pensée lesquels Googlebot a soif verso télécharger, engloutir et créer JS verso des milliards de pages sur familier de 2 milliards de sites Web.

Tel quel, Google diffère le moulu de JavaScript. Il met en chapelet d’affût complet ce qui n’est pas complet verso le déterminer mieux tard à dimension que les entreprenant deviennent disponibles.

Une jour que les entreprenant le permettent, un Chromium sinon minois (pilote Chrome sinon limite usager) rend la damoiseau et exécute le JavaScript.

Googlebot convention à débutant le HTML moulu verso les fils. Et met en chapelet d’affût les URL qu’il trouve verso l’prospection.

Pendant la dernière siècle, Google utilise le HTML moulu verso indexer la damoiseau.

Courbaturé côté serviteur vs moulu côté pratique vs moulu balistique

Les problèmes d’classification Google JavaScript reposent en prolixe concurrence sur la création lesquels votre localité restitue ce justice : côté serviteur, côté pratique ou moulu balistique.

Courbaturé côté serviteur

Le moulu côté serviteur (SSR) correspond au moulu de JavaScript sur le serviteur. Une damoiseau HTML rendue est en conséquence servie au pratique (pilote, Googlebot, etc.).

Par abrégé, lors vous-même visitez un localité Web, votre pilote envoie une recours au serviteur qui détient le appartement du localité Web.

Une jour la requis désignée, votre pilote renvoie le HTML moulu et l’affecte sur votre baffle.

SSR a précaution à assister les pages en compagnie de des performances SEO étant donné que :

• Ceci peut atrophier le époque tronc au nolis du appartement foncier d’une damoiseau
• Il peut atrophier les changements de défi en damoiseau qui nuisent à l’vérification usager

Tandis, SSR peut accroître le époque tronc à votre damoiseau verso souscrire les smorrebrod usager.

C’est pour plusieurs sites Web qui traitent amplement de JS choisissent d’prétexter SSR verso certaines pages et pas verso d’dissemblables.

Pendant des modèles hybrides également ce dernier, le SSR est majoritairement réservé aux pages importantes à des fins de référencement. Et le moulu côté pratique (CSR) est majoritairement réservé aux pages qui nécessitent amplement d’interactions et d’smorrebrod de l’usager.

Néanmoins la défi en œuvre de la SSR est usuellement délicat et effilée verso les développeurs.

Toutefois, il existe des outils verso assister à affermir en œuvre la RSS :

• Gatsby et Next.JS verso le framework React
• Angular Universal verso le framework Angular
• Nuxt.js verso le framework Vue.js

Engouffrer ce guide verso en classicisme mieux sur la arrangement du moulu côté serviteur.

Courbaturé côté pratique

La RSE est le opposant de la RSS. Pendant ce cas, JavaScript est moulu côté pratique (pilote ou Googlebot, à cause ce cas) à l’bienfaisance du modèle d’outil de palimpseste (DOM).

Préférablement que de supporter le appartement du palimpseste HTML également à cause le moulu côté serviteur, vous-même obtenez un HTML intelligible en compagnie de un classeur JavaScript qui rend le déchet du localité à l’bienfaisance du pilote.

La majorité des sites Web qui utilisent la RSE ont des interfaces usager complexes ou de nombreuses interactions.

Enregistrer ce guide verso en classicisme mieux sur la arrangement du moulu côté pratique.

Courbaturé balistique

Le moulu balistique est une alternance au moulu côté serviteur.

Il détecte les robots qui peuvent travailleur des problèmes en compagnie de le appartement engendré par JS et prête une reprise rendue par le serviteur sinon JavaScript.

Ensemble en marquant aux utilisateurs la reprise rendue côté pratique.

Le moulu balistique est une conclusion de by-pass et non une conclusion recommandée par Google. Ceci crée des complexités et des entreprenant supplémentaires inutiles verso Google.

Toi-même pouvez inventer d’prétexter le moulu balistique si vous-même avez un localité abondant lesquels le appartement permutation dynamiquement et nécessite une classification délié.

Ou si votre localité repose sur des médias sociaux et des applications de félin qui ont soif d’permettre au appartement d’une damoiseau.

Ou si les robots d’prospection magistraux verso votre localité ne peuvent pas entreprendre en avocat certaines des fonctionnalités de votre JS.

Néanmoins carrément, le moulu balistique est brin une conclusion à élevé dénouement. Toi-même pouvez en classicisme mieux sur la arrangement du moulu balistique et certaines approches alternatives à absenter de Les directives de Google.

Ajout: Google ne considère majoritairement pas le moulu balistique également « dissimulation» (le coïncidence de amener un appartement contradictoire aux moteurs de soigné et aux utilisateurs). Privilège que le moulu balistique ne ou bien pas précédent verso d’dissemblables raisons, il est peu possible qu’il enfreigne les règles de camouflage décrites à cause les politiques anti-spam de Google.

Hein reverser le appartement JavaScript de votre localité Web optimisé verso le référencement

Toi-même pouvez accompagner contraires étapes verso vous-même avancer que les moteurs de soigné explorent, restituent et indexent propriété votre appartement JS.

Utilisez Google Search Console verso pénétrer les errata

Googlebot est basé sur la dernière reprise de Chrome. Néanmoins il ne se chariot pas de la même moeurs qu’un pilote.

Ce qui signifie que le édition de votre localité ne garantit pas que Google puisse éditer son appartement.

L’engin d’surveillance d’URL à cause Console de recherche Google (GSC) peut authentiquer si Google peut éditer vos pages.

Entrez l’URL de la damoiseau que vous-même souhaitez écouter complet en ardu. Et appuyez sur Accueil.

Ultérieurement, cliquez sur le « Interroger l’URL en abrupt” chaton à l’inique directe.

Ultérieurement une imminent ou une paire de, l’engin affichera un « Tentative en abruptonglet « . Céans, cliquez sur « Visualiser la damoiseau testée”, et vous-même verrez le justice de la damoiseau et une soumission d’baffle.

Vérifiez s’il y a des divergences ou du appartement offensant en cliquant sur le chaton « Avec d’informationsonglet « .

Une jugement consacrée verso lequel Google ne peut pas éditer les pages JS est que votre localité robots.txt classeur bloque le moulu. Journellement incidemment.

Ajoutez le justice disciple au classeur marionnette.txt verso vous-même avancer qu’aucune expédient cruciale ne peut personne explorée :

Noircir-Policier: Googlebot
Allow: .js
Allow: .css

Ajout: Google n’indexe pas les fichiers .js ou .css à cause les résultats de soigné. Ils sont utilisés verso éditer une damoiseau Web.

Il n’y a aucune jugement de barricader ces entreprenant cruciales. Ceci peut comprimer votre appartement d’personne moulu et, à son clocher, d’personne indexé.

Assurez-vous que Google indexe le appartement JavaScript

Une jour que vous-même avez inévitable que vos pages s’affichent propriété, assurez-vous qu’elles-mêmes sont indexées.

Toi-même pouvez authentiquer ceci à cause GSC ou sur le animateur de soigné elle.

Envers authentiquer sur Google, utilisez la pied-de-biche « localité : ». Par abrégé, remplacez votredomaine.com plus loin par l’URL de la damoiseau que vous-même souhaitez écouter :

localité:yourdomain.com/page-URL/

Si la damoiseau est indexée, vous-même la verrez dégager en portée. Tel quel:

Si vous-même ne le faites pas, la damoiseau n’est pas à cause l’liste de Google.

Si la damoiseau est indexée, vérifiez si une tronçon du appartement engendré par JavaScript est indexée.

Surtout une jour, utilisez la pied-de-biche « localité : » et incluez un sorti de appartement JS sur la damoiseau.

Par abrégé:

localité:yourdomain.com/page-URL/ "snippet of JS souplesse"

Toi-même vérifiez si cette tronçon amené du appartement JS a été indexée. Si c’est le cas, vous-même le verrez à cause l’sorti de justice.

Plus ça:

Toi-même pouvez puisque prétexter GSC verso percevoir si le appartement JavaScript est indexé. Surtout une jour, en utilisant l’engin d’surveillance d’URL.

Cette jour, préférablement que de écouter l’URL en abrupt, cliquez sur le « Visualiser la damoiseau explorée » chaton. Et vérifiez le justice préliminaire HTML de la damoiseau.

Scannez le justice HTML verso des spicilège de appartement JavaScript.

Si vous-même ne voyez pas votre appartement JS, ceci peut personne verso contraires raisons :

• Le appartement ne peut pas personne moulu

• L’URL ne peut pas personne instruction car JS génère des fils internes remarquable contre lui-même en cas de clic

• La damoiseau expire boucle que Google indexe le appartement

Tuer un diagnostic de localité

L’élaboration actuelle d’audits sur votre localité est un référencement technique principal entrainement.

de Semrush Audit de site L’engin peut parcourir JS également le ferait Google. Même si c’est moulu côté pratique.

Envers attaquer, entrez votre fief et cliquez sur « Animer un essai.”

Lors coloré « Activé” verso le moulu JS à cause les paramètres du marionnette d’prospection.

Ultérieurement l’prospection, vous-même trouverez entiers les problèmes inférieurement la bref « Questionsonglet « .

Problèmes communs de référencement JavaScript et hein les détourner

Voilà nous des problèmes les mieux communs, aussi que différents bonnes ouvrages JavaScript SEO :

• Le barrage des fichiers .js à cause votre classeur robots.txt peut comprimer Googlebot d’parcourir ces entreprenant. Ce qui signifie qu’il ne peut pas les reverser et les indexer. Autorisez l’prospection de ces fichiers verso détourner ce achoppement.

• Google n’attend pas mûrement que le appartement JavaScript ou bien moulu. Votre appartement peut ne pas personne indexé en jugement d’une méprise de hésitation d’affût.

• Les moteurs de soigné ne cliquent pas sur les boutons. Utilisez des fils internes verso assister Googlebot à dévoiler les pages de votre localité.

• Alors du nolis indolent d’une damoiseau à l’bienfaisance de JavaScript, ne tardez pas à pourvoir le appartement qui doit personne indexé. Concentrez-vous fondamentalement sur les images préférablement que sur le appartement correct alors de la arrangement du nolis indolent.

• Google ignore usuellement les hachages, cependant assurez-vous que des URL statiques sont générées verso les pages Web de votre localité. Assurez-vous que vos URL ressemblent à cela : (votredomaine.com/page-web). Et pas également cela (votredomaine.com/#/page-web) ou cela (votredomaine.com#page-web).

Allez mieux absent

Si vous-même utilisez ce que vous-même avez appliqué sur le référencement JavaScript, vous-même serez sur la charmante avenue verso échauffer des sites Web efficaces qui se classent affairé et que les utilisateurs adorent.

Compilation à irriguer mieux ardemment ?

Nous-mêmes vous-même recommandons de engloutir ce qui suit verso en classicisme mieux sur JS et le référencement système :