Javascriptが動的に生成するページをGoogle サーチエンジンに登録する方法

Question

JavaScript+jQuery Mobile, php+MySQLでウェブアプリを作成しています。

現状では、例えば、php＋Javascriptが動的にセレクトボックスを生成し、ユーザーがコンテンツをを選んだら

$(document).on("change", "#select1", function(){
   ShowContents($("#select1").val());
}

のようにして、関数を呼び出してコンテンツを表示しています。
アプリを公開した今になって気付いたのですが、これではアプリが生成するコンテンツをGoogleに登録できません。
Googleに登録できるのはurlであって、Googleはセレクトボックスを選んだり、ボタンを押してくれたりはしないからです。

そこで、

<select onChange="location.href=value;">
    <option value="https://○○○.com/?page=sample1">sample1</option>
    <option value="https://○○○.com/?page=sample2">sample2</option>
    <option value="https://○○○.com/?page=sample3">sample3</option>
</select>

のようなセレクトボックスを動的に生成した場合、これら"https://○○○.com/?page=sample1"等のurlはGoogleに登録されるのでしょうか？

ご存じの方がいらっしゃいましたら教えて下さい。
その他、Webアプリを作成する場合のSEO対策について、アドバイスがあればお願いします。

Answer 1

コンテンツを生成するタイミングでsitemap.xmlを動的に作る（サーバーサイドで）という対応は可能です。

Comments

[yiwsk]

ありがとうございます。
作成中のアプリは、BPUC Photo (https://bpucservice.com/BPUCPhoto ) という写真データベースです。写真が何万枚も登録されると、生成するページも何万枚にもなります。
アプリが生成するページ全てをurl＋パラメーターで表示するようにプログラムの改編を始めて、気がつきました。現状では、ajaxを使って最低限の部分のみ動的に書き換えることで、サクサク動くようにしていますが、urlからページを表示すると、jQueryなどの重いライブラリー等を全てその都度読み込み直すことになります。キャッシュが効いているので、多少はマシですが、とても重くなります。
Wordpressなどがajaxを使わないで、ページ遷移が重い理由が今になって分かりました。ブログなので、操作性よりも、SEOを優先しているのですね。
ホームページではなく、あくまでもアプリなので、操作性が命です。大事なページのみurl＋パラメーターで表示して、ご提案のようにsitemap.xmlに吐き出し、大多数のサクサクと切り替える必要のあるページについては、Googleに登録することは諦めようと思います。

[m.ts10806]

画像全部をインデックスさせるのは悪手でしょうね。
「何が条件として入力されるか分からない検索機能の全ての条件をインデックスさせる」に近いです。
都道府県とか、数が決まってるものなら良いでしょうけど。
一部だけ書き換えるのであれば、メインのページだけで十分かと思います。
まぁ「何をインデックスさせるか」は結局要件次第なので、何を目的として運営するかにもよります。

[yiwsk]

コメント、ありがとうございます。
画像データベースなので、画像＋付加情報（タイムスタンプ、位置情報、対象の名前）に意味があります。だから、画像の直接のurlを検索エンジンにのせることには、あまり意味がないと思いますが、画像＋付加情報のページをすべてurl+パラメーターで表示できるようにして、Googleに登録することはありだと思っています。
ただ、その場合、sitemap.xmlが何万行にもなる可能性があるという問題が生じます。これの可否について、よく分からないので、別の質問を立てようと思います。