Web ページのタイトルをリアルタイムで更新するにはどうすればよいですか?
P粉037880905
P粉037880905 2023-08-22 14:08:16
0
2
474
<p>各タブに異なるコンテンツが表示される一連のタブを実装する Web ページがあります。タブをクリックしてもページは更新されませんが、クライアント側のコンテンツが表示/非表示になります。 </p> <p>ページ上で選択されているタブに基づいてページ タイトルを変更する必要があります (SEO 上の理由から)。これは可能でしょうか?ページをリロードせずにJavaScriptを介してページタイトルを動的に変更するソリューションを誰かが提供できますか? </p>
P粉037880905
P粉037880905

全員に返信(2)
P粉788571316

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

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

したがって、あなたの質問に答えるために、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

いいねを押す +0
P粉959676410

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

いいねを押す +0
人気のチュートリアル
詳細>
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート