SPAのSEOについて

Question

失礼します。
現在、ajaxを使ってSPAを作る練習をしているのですが、Googleにインデックスされないところで止まってしまっています。どころか、Fetch as Googleのレンダリングで確認すると、更新する本文がまったく認識されていません。
Googleはjavascriptを実行したページを認識してくれる、と調べていて目にしたのですが、書き方を変えれば認識してくれるのでしょうか。
jqueryは使ってなく、XMLHttpRequestで通信しています（jqueryも同じかもしれませんが）。

またURLに関して、＃、#!でURLを区別しない、pushStateを使ってURLを変更するなど調べてわかった範囲のことは実践しています。
URLはパラメータを振って区別しており、aを押したらpreventDefault()で処理を止めた後、pushStateで次のURLに変更、パラメータを取得して新しい内容を読み込んでいます。
とある方のSPAのブログはきちんとインデックスされているので、何かしら書き方というか、処理が違うのかもしれませんが、次に何を試せばよいかわからないので、ご助言をいただけたらとても嬉しいです。

サンプルページを作ってるのですが、コードが長いのでURLを載せさせていただきます。

http://www.samplehkt.shop/ajaxSample/

site:で検索したときにトップページのみ本文なしでインデックスされている状態です（本文は開いたときに更新）。

・GoogleはHttpRequestを実行してないようですが、どう書いたら実行してくれるのか。
・preventDefaultで止めてはいますが、aタグで次の更新をするようにし、URLも区別しているのにインデックスされないのはなぜでしょうか。

何卒、よろしくお願いいたします。

追記
質問を見ていただいて、ありがとうございます。

CHERRYさんへ
アクセスログを見たところ、4/6に2回googlebotが来ているみたいです。
気になるのは、今回は関係ないとは思うのですが、不成功リクエストに「robots.txt」が2回乗っています。robots.txtは設置していません。トップページはインデックスされていたので、一応、アクセスはあった上でトップページしかインデックスされなかった、ということでよろしいのでしょうか。

mts10806さんへ
すみません、すぐ手を抜いてしまって。。汗

よろしくお願いいたします。

Comments

[CHERRY]

Web サーバのアクセスログで、 GoogleBot からのアクセスはどうなっているのでしょうか？　アクセスされているけどインデックスされていないのか？　アクセスされていないのか？　どちらでしょうか？

[m.ts10806]

bodyとhtmlの閉じがないのは気になりますが、どこまで影響するか分からないですね。念のためきちんと入れておき、HTML文法上のミスがないようにしておいてください。

Answer 1

GoogleがJavascriptを処理できるのは同期的処理のみで、ウェブページが読み込まれた後に発生する非同期であるajaxでのコンテンツ取得には対応していません。
シングルページアプリケーションだとしてもそういうサイトでAPIからの情報を使ってSEOの対応したい時はサーバサイドレンダリングをするか、プリレンダリンクをしておく必要があります

Comments

[Newbi]

ご回答ありがとうございます！
返信が遅くなってしまい申し訳ありません。

あれから調べたところ、GoogleがAjax対応を正式に行うのは、今年の夏くらいとのことが分かりました。#!などで対応しようかとも思いましたが、できればない方向でしたいですし（非推奨なので）、Ajax対応と言っても夏以降に完ぺきにクロールしてくれるかわからないため、サーバーサイドレンダリングを行おうと思います。
PWAもあり、今年はSPAがますます流行る年だと思いますので、SEOには気をつけたいところです。
ご回答ありがとうございました！
今後とも、何卒よろしくお願いいたします。