それぞれ異なるコンテンツを表示するタブのセットを実装した Web ページがあります。タブをクリックしてもページは更新されませんが、クライアント側でコンテンツが非表示/表示されます。
現在、ページで選択されたタブに応じてページ タイトルを変更する必要があります (SEO 上の理由)。これは可能ですか? ページをリロードせずに JavaScript 経由でページ タイトルを動的に変更するソリューションを提案してもらえますか?
ベストアンサー1
更新:コメントと参照に従って検索エンジンランドほとんどの Web クローラーは更新されたタイトルをインデックスします。以下の回答は古いものですが、コードはまだ適用可能です。
のようにすることもできます
document.title = "This is the new page title.";
が、それでは SEO の目的が完全に失われます。ほとんどのクローラーはそもそも JavaScript をサポートしていないため、要素内にあるものはすべてページ タイトルとして扱われます。これをほとんどの重要なクローラーと互換性を持たせたい場合、タイトル タグ自体を実際に変更する必要があり、それにはページ (PHP など) の再読み込みが必要になります。クローラーが認識できる方法でページ タイトルを変更したい場合、これを回避することはできません。