Jqueryのload()でヘッダーやフッターを読み込んだときのSEOへの影響

Question

すみません、SEOのことについて質問させてください。

ホームページのヘッダーとフッターを外部ファイルで読み込む方法はいろいろとあると思います。そこで、私はjqueryの「load()」を使って読み込むようにしようと思ったのですが、ブラウザで「ページのソース」を確認すると

例：

<div id="header"> <!-- header --> </div>

という感じに、もちろんソースは空の状態でした。ヘッダーには重要なソースが盛り込まれています。これってGOOGLEのインデックス読み込み時などに不利な条件になりえそうでしょうか？
もし、この方法がグレーであれば、みなさんは外部読み込みにどんな工夫をされていますか？

どなたかご存知な方どうかよろしくお願いしますm(__)m

Answer 1

最近のGooglebotはjavascriptまで実行しレンダリングしてくれるのでSEO的には問題ないかなと思います。
少し前にknockoutJSで外部APIからデータを引っ張ってきて表示するページを作って実験しましたがちゃんと取り込んでくれてましたし。

とはいえSEO関連は基本ブラックボックスなので本当に大丈夫かと言われれば困りますが…^^;
とりあえずはインデックスはされるようだということで。

Comments

[mie0224]

ありがとうございます！
ブラックボックスな部分はあるかもしれないですが、実験されて結果が出てるんです！こちらも安心しました。本当にありがとうございます！

Answer 2

ginさんの回答されている通り、GoogleBotはjavascriptの動作もある程度実行・レンダリングしてくれています。loadを使う程度であれば問題ないかと思いますが、あまり凝ったjavascriptを書いてしまうと正しくレンダリングしてくれない場合もあります。
正しくレンダリングしてくれているかどうかは、GoogleSearchConsoleのFetch as Googleでテストができるので、心配であればテストしてみてください。GoogleBotがどのようにサイトをレンダリングしているかをイメージで確認することができます。

Comments

[mie0224]

ご回答ありがとうございます！
凝ったJSでは厳しいのですね。SEOを意識するのであれば、極力JSでの対応は避けるようにします。一度教えていただいたテストも行ってみます。
本当にありがとうございました！