如何解决在超级菜单中使用 SiteNavigationElement
伙计们,我有几个不清楚的地方。
我正在为谷歌优化我的网站,我开始使用结构化数据。
第一个问题:
我的网站有带子菜单的主菜单,子菜单有自己的子菜单等...
是否所有子菜单都需要声明 itemscope itemtype="http://www.schema.org/SiteNavigationElement
或只是父菜单需要声明?
在下面查看我的示例:
<ul itemscope itemtype="http://www.schema.org/SiteNavigationElement">
<li itemprop="name"><a itemprop="url" href="#">Car Parts</a></li>
<li itemprop="name">
<a itemprop="url" href="#">Car Models</a>
<ul itemscope itemtype="http://www.schema.org/SiteNavigationElement" class="dropdown"> <!-- THIS -->
<li itemprop="name"><a itemprop="url" href="#">Sub menu</a></li>
</ul>
</li>
</ul>
或者只是需要这样
<ul itemscope itemtype="http://www.schema.org/SiteNavigationElement">
<li itemprop="name"><a itemprop="url" href="#">Car Parts</a></li>
<li itemprop="name">
<a itemprop="url" href="#">Car Models</a>
<ul class="dropdown"> <!-- THIS -->
<li itemprop="name"><a itemprop="url" href="#">Sub menu</a></li>
</ul>
</li>
</ul>
第二个问题
<li itemprop="name">
的 itemprop
值为 name
。这需要保持 name
值还是我需要更改 name
=> Car Models
?
<a itemprop="url">
url
需要更改我的 www.example.com/category
还是只留下网址?
谢谢
解决方法
<ul itemscope itemtype="http://www.schema.org/SiteNavigationElement">
<li itemprop="name"><a itemprop="url" href="#">Car Parts</a></li>
<li class="dropdown">
<a class="dropdown-toggle" href="#">Car Models</a>
<ul class="dropdown-menu">
<li class="nav-item" itemprop="name">
<a class="dropdown-item nav-link" itemprop="url" href="https://stackoverflow.com">stackoverflow</a>
</li>
</ul>
</li>
</ul>
Itemprop 应该定义在导航项上,而不是下拉容器上。您也不需要重复架构声明,也不需要重新声明 itemscope。
此外, itemprop="" 定义了 dom 项定义的属性类型。所以它应该保留为“名称”和“网址”。
这是一篇解释 itemprop 的 Mozilla 文章:https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/itemprop
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。