web-dev-qa-db-ja.com

.append()または.innerHTML()およびSEOを使用した動的コンテンツ

実装しようとしているものについての明確化を探していました。Googleクロールがこれをどのように見て、SEOに有害であるかどうかを知りたいです。

Webページに、<h1 id="title"></h1>というIDの空のh1タグがあります

そして、私が持っている</body>タグの前の私の(インライン)JavaScript内:

const url = window.location.href
const title = document.getElementById("title")

if(url.match(".it")) {
 title.append("Benvenuto!")
} else if(url.match(".de")) {
 title.append("Herzlich Willkommen!")
} else {
 title.append("Welcome!")
}

ユーザーが着地したドメインを確認し、DOMがレンダリングされた後、ドメインに基づいてページ内の要素に正しい言語のテキストを挿入しています。

クロムでページを調べると、H1要素内に正しいテキストが追加されています。したがって、H1要素は空ではありません。次のように表示されます。

<h1 id="title"> "Welcome!" </h1>(例)

Googleクロールはこれをどのように表示しますか?Googleクロールは、独自のタイトルを持つ各ドメインのh1を表示しますか、空のH1タグを表示しますか?他に何かありますか?

私はこの単一の記事を見つけましたが、先に進む前に幅広い人々から意見を聞きたかったのです。

  1. 動的に挿入されたコンテンツこれは明らかに重要なものです。動的に挿入されたテキスト、画像、リンク、ナビゲーション。質の高いテキストコンテンツは、検索エンジンがページのトピックとコンテンツを理解するために重要です。ダイナミックなウェブサイトのこの時代では、さらに重要なSEOがこれに乗ります。

これらのテストは、2つの異なる状況で動的に挿入されたテキストをチェックするように設計されました。

  1. テキストがページのHTMLソース内にある場合、動的に挿入されたテキストを考慮する検索エンジンの機能をテストします。

  2. テキストがページのHTMLソースの外部(外部JavaScriptファイル内)にある場合に、動的に挿入されたテキストを考慮する検索エンジンの機能をテストします。

結果:どちらの場合も、テキストはクロールされ、インデックスが作成され、コンテンツに対してページがランク付けされました。勝つ!

ソース

編集:さらに、DOMが読み込まれた後に挿入されたコンテンツがGoogleによってインデックス付けされた例を示す この記事 が見つかりました。ただし、これはサイトでの大きな変更になるため、forまたはagainstに対するアドバイスは、誰の経験からも評価されるか、知識。

アドバイスや情報をありがとう!

(このメソッドを使用してウェルカムテキストをページに挿入するのではなく、より重要なコンテンツ、タグ、リンクが挿入されます。これは単純化された例です)

4
GoldenGonaz

GoogleはJavaScriptをレンダリングおよびクロールできますが、JavaScriptを避けて検索パフォーマンスを向上させることをお勧めします。 ソース

1
TechGeek