Web ページのタイトルをリアルタイムで更新するにはどうすればよいですか?

Question

各タブに異なるコンテンツが表示される一連のタブを実装する Web ページがあります。タブをクリックしてもページは更新されませんが、クライアント側のコンテンツが表示/非表示になります。

ページ上で選択されているタブに基づいてページ タイトルを変更する必要があります (SEO 上の理由から)。これは可能でしょうか?ページをリロードせずにJavaScriptを介してページタイトルを動的に変更するソリューションを誰かが提供できますか?

Answer 1

未来からあなたに挨拶したいです :) 最近の出来事:

1. Google があなたのウェブサイトで JavaScript コードを実行できるようになりました¹
2. 人々は現在、React.js、Ember、Angular などのツールを使用してページ上で複雑な JavaScript タスクを実行していますが、Google は依然としてそれらをインデックスに登録できます¹
3. HTML5 の履歴 API (pushState、react-router、ember、angular) を使用すると、開きたいタブごとに個別の URL を設定でき、Google がインデックスを作成します¹

したがって、あなたの質問に答えるために、JavaScript を使用してタイトルやその他のメタタグを安全に変更できます (Google 以外の検索エンジンをサポートしたい場合は、https://prerender.io のようなものを追加することもできます) のものなど)、別の URL としてアクセスできるようにするだけです (そうしないと、Google はどのようにしてそれらが別のページであることを認識し、検索結果に表示するでしょうか?)。ユーザーが何かをクリックした後に SEO 関連のタグを変更するのは簡単です:

リーリー

CSS と JavaScript が robots.txt に読み込まれるのをブロックしないように注意してください。そうすれば、Google ウェブマスター ツールの Fetch as Google サービスを使用できます。

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

Answer 2

UPDATE: SearchEngineLand のコメントと参照に基づいて、ほとんどの Web クローラーは更新されたタイトルのインデックスを作成します。以下の答えは古いですが、コードはまだ適用されます。