このようなネストされたメニューを作成することは一般的です:
<ul class="menu-level0">
<li>
Shoes
<ul class="menu-level1">
<li>
Converse
<ul class="menu-level2">
<li>All stars</li>
<li>One star</li>
</ul>
</li>
<li>Puma</li>
<li>Vans</li>
<li>Nike</li>
</ul>
</li>
<li>Hats</li>
<li>Tshirts</li>
<li>Pants</li>
</ul>
SEOに対してできることは最高ですか?しかし、UXの改善により、代わりに次のような「フラット」メニューを作成する必要があります。
<ul class="menu-level0">
<li>Shoes</li>
<li>Hats</li>
<li>Tshirts</li>
<li>Pants</li>
</ul>
<ul class="menu-level1" data-parent="Shoes">
<li>Converse</li>
<li>Puma</li>
<li>Vans</li>
<li>Nike</li>
</ul>
<ul class="menu-level2" data-parent="Converse">
<li>All stars</li>
<li>One star</li>
</ul>
これはSEOに悪影響を及ぼしますか?はいの場合、いくらですか?
メニューは少なくなりますが、URL /フォルダのネストがSEOに影響を与えます。つまり、Googlebotの労力が少ないため、よりフラットなネスト== SEOに適しています。
メニューについて:静的HTMLとしてクロール可能である必要があります-AJAXまたは同様のものでクロールしないでください。しかし、それはこれらのことについてかなりすべてです。