J'ai une page Web qui implémente un ensemble d'onglets, chaque onglet affichant un contenu différent. Le clic sur l'onglet n'actualise pas la page, mais masque/affiche le contenu côté client.
Il est désormais nécessaire de modifier le titre de la page en fonction de l'onglet sélectionné sur la page (pour des raisons de référencement). Est-ce possible? Quelqu'un peut-il fournir une solution pour modifier dynamiquement le titre de la page via javascript sans recharger la page ?
![[Web front-end] Démarrage rapide de Node.js](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
Je veux vous dire bonjour du futur :) Événements récents :
Donc, pour répondre à votre question, vous pouvez modifier en toute sécurité le titre et les autres balises méta via javascript (vous pouvez également ajouter quelque chose commehttps://prerender.iosi vous souhaitez prendre en charge les moteurs de recherche non Google), faites simplement elles sont accessibles sous forme d'URL distinctes (sinon, comment Google saurait-il qu'il s'agit de pages différentes et les afficherait dans les résultats de recherche ?). Changer les balises liées au référencement après qu'un utilisateur clique sur quelque chose est simple :
if (document.title != newTitle) { document.title = newTitle; } $('meta[name="description"]').attr("content", newDescription);Assurez-vous simplement de ne pas empêcher le chargement de CSS et de javascript dans robots.txt, vous pouvez utiliser le serviceFetch as Googledans Google Webmaster Tools.
1 :http://searchengineland.com/tested-googlebot-crawls-javascript-heres-learned-220157
MISE À JOUR: sur la base des commentaires et des références surSearchEngineLand, la plupart des robots d'exploration Web indexeront le titre mis à jour. La réponse ci-dessous est obsolète, mais le code s'applique toujours.