Serviceを読んで理解し、同意したものとみなします。スタック・オーバーフローはプログラマーとプログラミングに熱心な人のためのQ&Aサイトです。339件0javascriptで、innerHTMLを使ってクイズアプリを作ったのですが、innerHTMLで挿入されるテキストをグーグルのクローラーが認識しないと聞きます。それによってSEO上上位表示しなかったり、同じ型を使って、クイズの中身だけ変更して量産すると重複コンテンツと判断されて、全く評価がされない問題が起きてしまいます。複数同じ型のクイズアプリを作っても重複コンテンツと思われずに、問などを認識させるためには、HTMLにも同じ内容を記載して、display:none;で消すか、回答はかけないのでせめて、問だけは、ズラッとHTMLに記載して、消さずにこんな問題がありますよと、表記させて、閲覧者にも意味があるように持っていくしかないかなと思ってますが、他にinnerHTMLで問などを入れていく現状でうまく認識させる方法はないでしょうか?問だけは、ズラッとHTMLに記載する方法はすぐにできるのですがinnerHTMLに問いがあるので、これをひとつづつコピペしていくのが、数が多いためちょっと大変です。妙案があれば教えてください。さん、何をクローラーが認識しないのかの部分が消えているようです。アプリそのものが認識されないということでしょうか。5:33WEBアプリの存在は認識しますが、innerHTMLで挿入されるテキストを一切認識しないということです。6:35Javascriptがタグとしてあるので少しお門違いですが、PHPなどサーバサイドで問題を出力することをオススメします。なければ固定値で最初からHTMLに埋め込むしかないです。8:13問題出題ボタンを押した際にDOM生成して問題が作られるのですがこれをjsでやっている現在の形からphpで実行してやるだけでクローラーは認識できるということでしょうか?ページを読み込み時には存在しないことに変わりはないですが結果は違うのですね。問だけは、ズラッとHTMLに記載する方法はすぐにできるのですがinnerHTMLに問いがあるので、これをひとつづつコピペしていくのが、数が多いためちょっと大変です。この方法が一番よさそうですね。票2Googleのbotは、JavaScriptで記述したページを認識することができます。AppというのはまさにHTML+Javascriptで作ったサイトです。JavaScriptで作成したwebサイトをgoogleに認識してもらう場合には少し注意が必要です。googleのbotがボタンを押したりフォームに入力をしてくれるわけではないので、urlを使ってアクセスしてきて、それで表示されるページしか認識されません。したがって、現状だとGoogleのbotからは1ページしかないWebサイトに見えてしまいます。それで、各質問ごとにurlを設定した方がいいでしょう。pushState()が使えます。pushStateを使えば、ページ遷移をしないでもアドレスバーのurlを書き換えることができ、ブラウザーの履歴機能を使うことができるようになります。"bar.html");すでにinnerHTMLを使ってクイズを表示しているのであれば、その場所にhistory.pushStateを追加だけなのでそれほど大きな修正にはならないでしょう。してしまえば、PHPのようなサーバーサイドレンダリングを使ってhtml全体を書き換えるよりも画面表示の更新がずっと速くできます。Appを押している理由の一つです。やり方を簡単に説明すると、質問と回答を、HTMLに書いておく、jsファイルに書く、独立したjsonする、のいずれの方法でもできます。jsファイルに書くのであれば、次のような連想配列を作っておきます。qa)で連想配列を順番に取得できるので、質問だけを並べればいいでしょう。個別の質問を表示するページのurlをa.html?q=q1というようなクエリー形式にするのであれば、次のようにしてクエリーを取得できるので、urlにクエリーがある場合は該当の質問と回答を表示するようにすればいいです。ウェブアプリ」また、Vue.jsがこういう考え方でWebサイトを作成するフレームワークなので、Vue.jsを勉強するもいいと思います。個の銅バッジとても参考になります。問題数分ページを作らないといけないということですか?1ページクローラー用のページを作って、こんな内容がこのクイズにはあるんだよ。それならクイズのページに問題文だけズラッとかくしかないかなと思っています。11:37調べてみました。変更されるが、ここに移動するわけではないのですね。12:13<=この趣旨を工夫してページに記載すれば良いと思います。クイズの概要や種類などを日本語で説明すれば、利用者もグーグルもわかってくれると思います。<=どのようにすればわかってもらえるのでしょうか?現在思いつくのは、クイズ本体のページに、問題一覧のみをすらっと並べる方法です。回答と解説は評価してもらえませんが。ガイドラインに違反する行為になります。JavaScriptだけでWebサイトを作ることは難しくないし、ユーザーエクスペリエンスを高める手段です。日本ではやっている人が少なく日本語の資料は少ない上に間違ったものもあるという状況です。WebとJavaScriptをもう少し学習しましょう。1:22<=この趣旨を工夫してページに記載すれば良いと思います。クイズの概要や種類などを日本語で説明すれば、利用者もグーグルもわかってくれると思います。<=どのようにすればわかってもらえるのでしょうか?現在思いつくのは、クイズ本体のページに、問題一覧のみをすらっと並べる方法です。回答と解説は評価してもらえませんが。こちらを教えてもらえませんか。件のコメントを表示2javascriptで、innerHTMLを使ってクイズアプリを作ったのですが、クイズアプリをグーグルのクローラーが認識しないと聞きます。Consoleというツールを提供し、サイトがGoogleによってどのように解釈されたかの情報を提供しています。ガイドやウェブマスター向けガイドライン(品質に関するガイドライン)も提供していますので、これらを踏まえてサイトを設計することをお勧めします。サイトの重要なコンテンツをデフォルトで表示します。コンテンツをクロールできますが、こうしたコンテンツはユーザーがアクセスしにくいものとみなされ、また、最も重要な情報はページの表示時にデフォルトで閲覧可能となっているものと解釈されます。クイズ1問1問にアクセス可能なURLが用意されないことには、キーワードとして解釈されません。(逆にキーワードとして解釈されたとして検索結果に表示されるようになったとして、閲覧者がアクセスしても当該クイズ問題が表示されない場合、閲覧者はGoogleの検索精度が低いと判断しますよね?)その問題がすぐに出るかわわかりませんが、進めていくうちに必ず出てきますが、それでもだめなのですか別ページにクローラーだけ認識できるページを作って本体のページのないようとして認識してもらうことはできるのですか?本意でないと思いたいですが、これらの発言だけを見ると訪問者やクローラーを騙すことが目的になっているように思えてなりません。一度、ウェブマスター向けガイドライン(品質に関するガイドライン)から引用します。検索エンジンではなく、ユーザーの利便性を最優先に考慮してページを作成する。ユーザーをだますようなことをしない。検索エンジンでの掲載位置を上げるための不正行為をしない。サイトの目的を見失うべきではなく、閲覧者のためのサイト作りをしてください。それを判断するのはあなたでも私でもなく閲覧者です。クイズ問題文からクイズサイトにジャンプしたいと考える閲覧者がどれほどいるか(検索結果からクリックされるか)、です。閲覧者の意図を汲み取ったGoogleが検索結果に反映します。|0説明しずらいので回答に書きます。具体的には、別ページとしてクロールされる様にjavascriptで作るページのURLは以下の様になります。<h2>見出し2</h2>・全ページクロール(見てもらう為に)全ページにメニューリンクを作る。(あくまでも見に来てくれた人の為になる様によく見える所に設置する)・見に来てくれた人に有益な情報をもたらす内容になる様に心がける。別ページとしてクロールされる様にとは、回答などは別ページの一つにまとめてそれをつかって回答を表記するということでしょうか?もう少し具体的ン教えていただければ幸いです。|回答スタック・オーバーフローに参加してくれて、ありがとうございます!質問の回答を共有してください。回答を説明し、自分の検討結果も共有してください。意見を述べること(意見を述べるなら、参照リソース、自分の経験で意見をサポートしてください)さらにサポートが必要な場合このヘルプを参考してください。“回答を投稿”をクリックすることで利用規約、プライバシーポリシー、及びクッキーポリシーに同意したものとみなされます。タグが付いた他の質問を参照するか、自分で質問をする。質問のフィードこのRSSフィードを購読するには、このURLをコピーしてRSSリーダーに貼り付けてください。