SEO-レスポンシブWebサイトと複製メニュー


15

レスポンシブWebサイトを作成するたびに、通常2つのメニューを作成します。1つは非表示でモバイル用に使用し、もう1つはメインメニューとして表示し、次に非表示にしてモバイルメニューを表示します。SEOやWebサイトを操作するスパイダーに関しては、メニューが重複しているとうんざりしますか?このメニューがモバイル用であり、これがメインであることをスパイダーに示すためにできることはありますか?

私が2つの異なるメニューを持っている最後の理由は、場所のためです。通常、メインメニューはロゴなどの下のある種のバーにありますが、モバイルメニューはすべての上にあるため、ロゴの上などにあります


1
なぜ応答クエリを使用してメニューを作成していないposition:fixedposition:absolute、さらに、そのようなブートストラップやzurb基盤として最もフレームワークは、クエリ、どのデバイスに基づいて、周りの要素を移動することができ引っ張るページにアクセスしているが...持っている
サイモン・ヘイター

2つのメニューを作成する場合、レスポンシブではありません。レスポンシブメニューは同じ<nav>コンテンツを使用し、特定のメディアクエリブレークポイントが与えられた場合に異なるスタイルを設定します。
hexalys

@hexalysは必ずしも必要ではありません。「メインデスクトップナビゲーション」の部分メニューと、より完全なナビゲーションを備えた「モバイルメニュー」の両方<nav>を使用できます。どちらも、モバイルバージョンでより多くの項目を表示するため、ナビゲートしやすくなります。
Howdy_McGee

@Howdy_McGeeもちろん。しかし、それはあなたが質問で説明するものではありません。たとえば、中央のナビゲーションバーをモバイル用のトップメニューまたはハンバーガーメニューに変換するのは困難な場合がありますが、CSSレイアウトの変更によって実行できます。私はここで大丈夫です:goo.gl/v8HdLD。そして、私は今ここにいます。なぜなら、私はワードプレスの2つのいわゆる「レスポンシブメニュー」プラグインのためのそのような意図的な貧乏人の怠andなアプローチと、検索エンジンのコンプライアンス、アクセシビリティ、パフォーマンスに関するその意味について非常に心配しているからです
hexalys

@hexalys長所と短所があると思います。両方ともそれぞれの場所を持っていますが、状況によって異なります。私はこれを尋ねたので、私は1つのメニューにもっと好意を見ましたが、2つの別々のメニューを持つことは悪いことだとかSEOでうんざりしているということを見たことはありません。
Howdy_McGee

回答:


8

心配する必要はありません。display: none;メニューの切り替えに使用できます。検索エンジンは、JSとCSSの理解がはるかに優れています。

あなたが意図的に物事を操作してより良いランキングを取得しようとしていない限り。 ディスプレイの使用:なし; 大きなテキストブロックを非表示にすると、ペナルティが科せられます。したがって、モバイルおよびビザ節でデスクトップメニューを非表示にするためだけに使用している場合、危険はありません。StackExchangeのこの古いスレッドを見てください。

ディスプレイを使用するのはどれくらい悪いですか?CSSではどれですか?

Googleは実際にレスポンシブデザインを非常に好み、別のモバイルサイトよりもそれを好みます。

ここで、「上の良い記事で応答デザインのSEOは

また、この記事/ビデオもご覧ください。

Matt Cutts(Google)は、モバイルWebサイトにレスポンシブデザインアプローチを使用する場合、SEOに関連するマイナス面があることを心配する必要はないと述べました。


1
あなたの引用と記事のほとんどは、レスポンシブなウェブサイトとモバイルウェブサイトを持っていることを指しますが、これは必ずしも私が尋ねているものではありません(混乱して申し訳ありません)メインメニューとデスクトップのメインメニュー用。2つのメニューがあるようで、ソースコードを読み込むクローラーはこれらを別々に解釈します。
Howdy_McGee

これらは、レスポンシブデザイン全般に関する私の2番目のステートメントをサポートするためにありました。上に別のリンクを追加しましたが、そこにはかなりの数があります。
-dasickle

1
@dasickle複数のメニューを使用するこのアプローチを考えると、Googleで特定のドメインを検索する場合(たとえば、「warmane」を検索する場合)、検索結果にそのWebサイトのナビゲーションが含まれますが、何らかの影響を受けますか?
ドラゴスリゼスク


1

ほとんどのモバイルメニューは、ボタンクリックで「開かれ」、基本的に何らかのモーダルウィンドウで開かれます。アクセシビリティ基準を満たすウェブサイトに関しては、これらのメニューは意図的にDOMに配置する必要があります。(ほとんどの場合)ヘッダーで1つのNAVを使用し、異なるCSSを適用して目的のレイアウトを実現するだけでは不十分です。

一番下の行-メニューが最初は表示されず、残りのコンテンツをオーバーレイする場合、おそらくDOMの異なる位置に複数のnav要素を配置する必要があります(画面サイズと希望に応じて一方を非表示にし、他方を表示します) )。

弊社のサイトを使用することにより、あなたは弊社のクッキーポリシーおよびプライバシーポリシーを読み、理解したものとみなされます。
Licensed under cc by-sa 3.0 with attribution required.