[解決済み] Webページのタイトルを動的に変更するには?
2022-03-17 04:57:16
質問
私は、それぞれが異なるコンテンツを表示するタブのセットを実装したWebページを持っています。タブをクリックしてもページは更新されず、クライアント側でコンテンツの表示/非表示が行われます。
現在、ページ上で選択されたタブに応じてページタイトルを変更する要件があります(SEOの理由から)。これは可能でしょうか?誰かがページを再読み込みすることなく、JavaScriptを介して動的にページタイトルを変更するためのソリューションを提案することができますか?
解決方法は?
更新情報 のコメントと参考資料の通りです。 サーチエンジンランド ほとんどのウェブクローラーは、更新されたタイトルをインデックスします。以下の回答は時代遅れですが、コードはまだ適用可能です。
<ブロッククオート
みたいなことをすればいいんです。
document.title = "This is the new
page title.";
しかし、それではSEOの目的を完全に逸脱してしまいます。ほとんどの
クローラーはそもそもjavascriptをサポートしていませんから。
要素にあるものは何でもページタイトルとして受け取られます。
これをほとんどの重要なクローラーに対応させたい場合。 タイトルタグ自体を変更する必要があります。 は、ページを再読み込みする必要があります(PHPなど)。あなたは のページタイトルを変更したい場合、それを回避することはできません。 クローラーが見ることができるような
関連
-
[解決済み】 env: node: macにそのようなファイルやディレクトリはありません
-
[解決済み】ReactJSでエラー発生 Uncaught TypeError: Super expression は null か関数でなければならず、undefined ではありません。
-
[解決済み] 配列から特定の項目を削除するにはどうすればよいですか?
-
[解決済み] jQueryで要素が非表示になっているかどうかを確認するには?
-
[解決済み] JavaScriptで文字列が部分文字列を含むかどうかを確認する方法は?
-
[解決済み] JavaScriptで要素のクラスを変更するにはどうすればよいですか?
-
[解決済み] 2つのJavaScriptオブジェクトのプロパティを動的にマージするにはどうすればよいですか?
-
[解決済み】別のウェブページにリダイレクトするにはどうすればいいですか?
-
[解決済み】jQueryでチェックボックスがチェックされているかどうかを確認するにはどうすればよいですか?
-
[解決済み】HTML5入力のプレースホルダの色をCSSで変更する。
最新
-
nginxです。[emerg] 0.0.0.0:80 への bind() に失敗しました (98: アドレスは既に使用中です)
-
htmlページでギリシャ文字を使うには
-
ピュアhtml+cssでの要素読み込み効果
-
純粋なhtml + cssで五輪を実現するサンプルコード
-
ナビゲーションバー・ドロップダウンメニューのHTML+CSSサンプルコード
-
タイピング効果を実現するピュアhtml+css
-
htmlの選択ボックスのプレースホルダー作成に関する質問
-
html css3 伸縮しない 画像表示効果
-
トップナビゲーションバーメニュー作成用HTML+CSS
-
html+css 実装 サイバーパンク風ボタン
おすすめ
-
JSクロスドメインソリューション リアクト構成 リバースプロキシ
-
親子コンポーネント通信を解決する3つのVueスロット
-
JavaScriptにおけるマクロタスクとミクロタスクの詳細
-
Vueはランニングライト形式のテキストを水平方向にスクロールする機能を実装している
-
WeChatアプレット用ユニアプリによるグローバルシェアリング
-
Vueでルートネスティングを実装する例
-
Vueのフィルタの説明
-
[解決済み】React Nativeアプリをターミナルから実行するとエラーが発生する(iOS)
-
[解決済み】gulp anythingを実行するたびに、アサーションエラーが発生します。- タスク関数を指定する必要があります
-
[解決済み】React Uncaught Error: 対象コンテナが DOM 要素でない [重複]。