- ベストアンサー
※ ChatGPTを利用し、要約された質問です（原文：Javascriptなどでドロップダウンさせる場合）
Javascriptを使用したドロップダウンメニューの隠し方とは？
このQ&Aのポイント
- Javascriptを使用して階層式のナビゲーションをドロップダウンにする場合、マウスオーバーで表示する部分を隠す方法はありますか？現在、HTMLに隠す部分を含めて全て書いておき、一旦表示してからJavascriptで非表示にしています。しかし、この方法ではページ読み込み時に一瞬隠す部分が表示されてから消えます。CSSでdisplay:noneを使えば表示されませんが、SEOに悪影響を及ぼす可能性があります。隠す部分をHTMLに書かずに後からJavascriptで追加する方法も考えましたが、HTMLにメニュー部分が含まれないことになり、SEO上良くないと思います。他に良い方法はありますか？
- Javascriptを使用してドロップダウンメニューを作成する場合、マウスオーバーで表示する部分を隠す方法はありますか？現在、HTMLに隠す部分も含めて全て書いておき、Javascriptで非表示にしています。しかし、この方法ではページ読み込み時に一瞬隠す部分が表示されます。CSSのdisplay:noneを使えば表示されませんが、SEOに悪影響を及ぼす可能性があります。また、隠す部分をHTMLに書かずに後からJavascriptで追加する方法も考えましたが、HTMLにメニュー部分が含まれないため、SEO上は良くないと思います。他に良い方法はありますか？
- Javascriptを使ってドロップダウンメニューを作成する際に、マウスオーバーで表示する部分を隠す方法はありますか？現在はHTMLに隠す部分も含めて書いておき、Javascriptで非表示にしていますが、ページ読み込み時に一瞬隠す部分が表示されます。CSSでdisplay:noneを使えば表示されませんが、SEOに悪影響を及ぼす可能性があります。また、隠す部分をHTMLに書かずに後からJavascriptで追加する方法も考えましたが、HTMLにメニュー部分が含まれないため、SEO上良くないと思います。他に良い方法はありますか？
- sr-ki
- お礼率68% (43/63)
- JavaScript
- 回答数2
- ありがとう数1
- みんなの回答 （2）
- 専門家の回答
質問者が選んだベストアンサー
＞はじめからCSSでdisplay:noneなりをすれば表示されませんが、その方法だとSEO上不安です。 この考え方が間違ってますね。 そこは、素直にdisplay:noneで問題ありません。
その他の回答 (1)
- yambejp
- ベストアンサー率51% (3827/7415)
回答No.1
＞はじめからCSSでdisplay:noneなりをすれば表示されませんが、その方法だとSEO上不安です。 おそらくそのやり方ではSE的に有利にならない 無駄なので消すものはけして見せるものは見せた方がユーザビリティが高いと思います
お礼
お礼が遅くなり申し訳ありません。 改めていろいろと調べてみましたが、このようなケースでdisplay:noneを使ってGoogleからペナルティーを受けてしまう可能性はゼロではない（これはGoogleにしかわからない）がほぼ大丈夫なようなので、素直にそうすることにしました。 ありがとうございました。