Comment mettre à jour le titre d’une page Web en temps réel ?

Question

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 ?

Answer 1

Je veux vous dire bonjour du futur :) Événements récents :

1. Google peut désormais exécuter du code javascript sur votre site Web¹
2. Les gens utilisent désormais des outils comme React.js, Ember et Angular pour exécuter des tâches javascript complexes sur des pages et Google peut toujours les indexer¹
3. Vous pouvez utiliser l'API d'historique de HTML5 (pushState, React-Router, Ember, Angular) afin de pouvoir définir une URL distincte pour chaque onglet que vous souhaitez ouvrir et Google l'indexera¹

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 comme https://prerender.io si 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 service Fetch as Google dans Google Webmaster Tools.

1 : http://searchengineland.com/tested-googlebot-crawls-javascript-heres-learned-220157

Answer 2

MISE À JOUR : sur la base des commentaires et des références sur SearchEngineLand, 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.