display:none;を使うと、SEOそのコンテンツはないことになるようですが、どうすれば評価してもらえるように出来るのでしょうか?
ゲームの答えを見えないようにして、ボタンを押すと見えるようにしているのですが、できればSEO上回答も評価してほしいです。
気になる質問をクリップする
クリップした質問は、後からいつでもMYページで確認できます。
またクリップした質問に回答があった際、通知やメールを受け取ることができます。
バッドをするには、ログインかつ
こちらの条件を満たす必要があります。
回答6件
0
alt 属性なら検索対象になるはずです。
HTML
1<p> 2 <img src="images/Q.png" alt="富士山"> 3 日本一高い山は? 4</p>
投稿2018/10/22 03:00
総合スコア28660
バッドをするには、ログインかつ
こちらの条件を満たす必要があります。
退会済みユーザー
2018/10/22 03:13
2018/10/22 03:15
退会済みユーザー
2018/10/22 04:05
2018/10/22 04:13
退会済みユーザー
2018/10/22 04:18
2018/10/22 04:19
2018/10/22 04:20
0
ベストアンサー
検索エンジンスパム
見えないコンテンツをHTML上に置くことは、手段を問わず、検索エンジンスパムとなります。
スパム判定を回避しつつ、動的に答えを出力するには、答えが必要になった時に、DOMノードを生成して挿入する事になります。
- Document.createElement - Web API インターフェイス | MDN
- document.createTextNode - Web API インターフェイス | MDN
- element.insertAdjacentHTML - Web API インターフェイス | MDN
回答を評価
できればSEO上回答も評価してほしいです。
「回答も評価」の意味が判然としないので、詳細説明が欲しいところです。
ゲーム制作側からすると、「回答が検索エンジンにインデックスされる」のは検索エンジンを使う事でカンニングが出来てしまうので、本来避けたい事象のはずです。
そこまで秘密主義ではなく、カンニング出来る事は許容して、検索エンジンにインデックスさせたい、ということでしょうか。
SEO対策の基本的な考え方は究極的には、下記になると私は考えます。
- 制作者CSSを無効化しても閲覧できる
- クライアントサイドJavaScriptを無効化しても閲覧できる
上述で「見えないコンテンツをHTML上に置くことは、手段を問わず、検索エンジンスパム」と書きましたが、厳密には「Lynx等の「CSSを解釈できないブラウザ」で閲覧した時の表示に支障がでる場合」に限定されています。
ですので、次のように組むのは有りです。
- Lynxで閲覧可能なHTMLを出力する(ゲーム上の質問/答えは「見えるコンテンツ」として表示しておく)
- JavaScriptで出力HTMLをDOM上で書き換えて、質問/答えを変数に格納しておき、DOM上から削除しておき、ゲームを起動する
あるいは、昔からあるゲームブック(サウンドノベル)のように選択肢をリンクにする静的HTMLだけで構築するのも有りでしょう(そして、JavaScript有効環境ではFetch APIで動的に答えを得るように書き換えるのも勿論、有りです)。
残念ながら、隠しテキストが表示されてしまった場合が考慮されておらず、Lynxでブラウジングされた場合の表示が意味不明なコンテンツが出力されるサイトは、数多く存在しています。
理由は制作コストが跳ね上がるからでしょう。
- 画像表示/CSS/JavaScriptが有効なGoogle Chrome, Firefox, IE11, MS Edge, Safari...etcで動作確認
- 画像表示/CSS/JavaScriptが無効なLynxで動作確認
Lynxだけ異端で表示される内容が全く違います。
しかし、スクリーン リーダー利用者からすると、JavaScriptで動的生成されたコンテンツの閲覧が容易ではない事は想像に難くありません。
クリックしないと見えないコンテンツがあったとして、クリックする対象が画像でalt属性がなかったり、記号でスクリーンリーダーに読み上げさせると意味不明だったりすれば、何をどう押したらいいのかをユーザは判断できないでしょう。
文章だけで意味が読み取れるようにする配慮が必要になります。
Re: qqqqqqqqqqqq さん
投稿2018/10/21 11:12
編集2018/10/21 12:10総合スコア18164
バッドをするには、ログインかつ
こちらの条件を満たす必要があります。
0
SEOの対策として、「答え」の部分も含める場合は「display:none;」を使わなければ良いです。
しかし、一般的な考えとして、検索対象に「答え」は含めず、「質問」のみでSEO対策する方が、一覧に並んだ中でも表示タイトルで選択されやすいと、個人的には思います。
投稿2018/10/22 02:13
総合スコア3523
0
基本的には表示上見えないものは評価されません。
cssなどスタイルを使用するとthink49さんのコメントにもある通りスパム扱いになります。
やるとするならば回答ページを別に設けてリンクを表示させるなどでしょうか。。
もしくはajaxで回答を表示させるかになると思います(実装方法に注意)。
あとはjson-ldを使用して回答を埋め込む方法がありますが、
これも使い方を誤るとスパムになる可能性があるかもしれません。
json-ld
Google推奨「JSON-LD」で構造化マークアップ
schema.org項目一覧
投稿2018/10/21 09:26
総合スコア897
バッドをするには、ログインかつ
こちらの条件を満たす必要があります。
退会済みユーザー
2018/10/21 12:59
退会済みユーザー
2018/10/21 13:06
0
google に関しては、普通にアクセスして見えない項目は検索にも表示されない仕様のようですので、検索でヒットさせたい項目は、普通にアクセスした際に常時見えるようにするしか方法はなさそうです。
投稿2018/10/21 06:56
総合スコア25171
バッドをするには、ログインかつ
こちらの条件を満たす必要があります。
退会済みユーザー
2018/10/21 07:39
2018/10/21 08:08
2018/10/21 09:03
退会済みユーザー
2018/10/21 09:18
2018/10/21 09:20
あなたの回答
tips
太字
斜体
打ち消し線
見出し
引用テキストの挿入
コードの挿入
リンクの挿入
リストの挿入
番号リストの挿入
表の挿入
水平線の挿入
プレビュー
質問の解決につながる回答をしましょう。 サンプルコードなど、より具体的な説明があると質問者の理解の助けになります。 また、読む側のことを考えた、分かりやすい文章を心がけましょう。