web-dev-qa-db-ja.com

2つのリンクの代わりに非表示のdivを切り替える

サイト内の各エンティティには、「ジョイント」セクション(〜30%)と2つの異なるオプションがあるサブセクション(〜70%)があります。つまり、一度に1つしか表示されません。現在、2つの異なるリンクがあり、両方とも同じエンティティについて、異なるサブセクションがあります。あるリンクから別のリンクに移動するトグルメニューがあります。

ここで見たSEOの問題は、エンティティを検索するときに、検索エンジンが上位の1つのページではなく、サイトから2つの競合するページを持つことです。

最善の解決策は、両方のサブセクションを持つ1つのページを作成することだと理解していますが、それは難しいUXタスクです。私がアドバイスしたい解決策は、両方のサブセクションをプリロードし、1つのサブセクションを「非表示」にし、(URLを変更する代わりに)メニューで切り替えて、URLの#でそれを言及することです.

このトグルがページの大部分(〜70%)を変更していることを考慮すると、Googleは両方のサブセクションをインデックスしますか?これでSEOを改善すべきですか?

1
Noam

ページをより重くすると同時にリッターにするために要素を非表示にすることは、この日と年齢では絶対に問題ありません-実際、より豊かな体験を可能にします

Googleは理解しますdisplay:none elementsで、ランキングの作成時にこのコンテンツを考慮します。クリックやその他のイベントでコンテンツを適切に表示するJavaScriptがあれば、何も問題はありません。

UXを気にするなら、アクセシビリティも気にするかもしれません。誰もがJavaScriptを有効にしているわけではありません。JSが無効になっている場合、常にそのコンテンツを常に表示できます。

1
Simon Hayter