レスポンシブWebサイトを作成するたびに、通常2つのメニューを作成します。1つは非表示でモバイル用に使用し、もう1つはメインメニューとして表示し、次に非表示にしてモバイルメニューを表示します。 SEOやWebサイトを操作するスパイダーに関しては、メニューが重複しているとうんざりしますか?このメニューがモバイル用であり、これがメインであることをスパイダーに示すためにできることはありますか?
私が2つの異なるメニューを持っている最後の理由は、場所のためです。通常、メインメニューはロゴなどの下のある種のバーにありますが、モバイルメニューはすべての上にあるため、ロゴの上などにあります.
心配する必要はありません。 display: none;
を使用してメニューを切り替えることができます。検索エンジンは、JSとCSSの理解がはるかに優れています。
ランキングを上げるために意図的に操作しようとしない限り。ディスプレイの使用:なし;大きなテキストブロックを非表示にすると、ペナルティが科せられます。したがって、モバイルおよびビザ節でデスクトップメニューを非表示にするためだけに使用している場合、危険はありません。 StackExchangeのこの古いスレッドを見てください。
ディスプレイを使用するのはどれくらい悪いですか:CSSでなし?
Googleは実際にレスポンシブデザインを非常に好み、別のモバイルサイトよりもそれを好みます。
「 レスポンシブデザインのSEO 」に関する優れた記事を次に示します。
また、この記事/ビデオもご覧ください。
Matt Cutts(Google)、モバイルWebサイトにレスポンシブデザインアプローチを使用する場合、SEOに関連するマイナス面があることを心配する必要はないと述べました。
display: flex
を使用してから、他の部門の上または下にメニュー部門を移動する部門の代替order: n
値を指定できます。
つまり、常にどちらか一方を非表示にする場合、同じ内容の2つのメニューは必要ありません。