Fatal编程技术网
  • html/
  • Html 同时使用schema.org网页和data-词汇表.org Breadrumb

Html 同时使用schema.org网页和data-词汇表.org Breadrumb

html

Html 同时使用schema.org网页和data-词汇表.org Breadrumb,html,metadata,breadcrumbs,schema.org,microdata,Html,Metadata,Breadcrumbs,Schema.org,Microdata,我想通过添加词汇表中的元素（包括面包屑导航的语义标记），从语义上增强我的HTML标记。根据我应该使用的定义来实现这一点 但是，在查看时，他们明确指出，面包屑的schema.org标记还不受支持 相反，应该采用明显较旧的a定义。这似乎是由于这样一个事实，即。实际上，Google在搜索结果中解析schema.org BreadcrumbList标记，但并不像使用data-vocability.org Breadcrumb定义注释的Breadcrumb那样，在搜索结果中使用schema.org Br

我想通过添加词汇表中的元素（包括面包屑导航的语义标记），从语义上增强我的HTML标记。根据我应该使用的定义来实现这一点

但是，在查看时，他们明确指出，面包屑的schema.org标记还不受支持

相反，应该采用明显较旧的a定义。这似乎是由于这样一个事实，即。实际上，Google在搜索结果中解析schema.org BreadcrumbList标记，但并不像使用data-vocability.org Breadcrumb定义注释的Breadcrumb那样，在搜索结果中使用schema.org BreadcrumbList标记

然而，将这两个世界结合在一起并为网页和面包屑提供语义标记将是一件好事。我能想到的最好的方法是这样的（使用
itemref
以防止需要将每个
Breadcrumb
嵌套到另一个中）：


乔治·奥威尔
埃里克·阿瑟·布莱尔（1903年6月25日至1月21日）
1950），笔名乔治·奥威尔，英国小说家，
散文家、记者和评论家


    

  • 
›

    • 

  • >
›

    • 

  • >

    •
需要
上的
itemscope
属性，因此带有
itemprop=“child”
的后续面包屑不会被解释为
网页的属性

当我在结构化数据测试工具中抛出此代码时，所有数据都会被识别为我想要的数据，但是对于未定义的
ul
项会有警告

忽略这些错误安全吗？是否有其他方法或最佳实践来解决此问题？关于未来的证明：在一个可能多年都不会更新的网站上使用这种代码是否明智？
在测试标记时，似乎不会报告任何错误或警告。每一项都写着“一切都好”

您对微数据的使用是有效的。您正在添加一个没有类型的项目，该项目没有任何内容（因为没有添加属性）

使用Schema.org似乎是合适的，因为它的预期类型之一是文本。因此，Schema.org消费者只提取子项的文本内容，不提取URL：

书籍›>作者›>乔治·奥威尔



我不认为这是谷歌不支持Schema.org的原因：这个问题是从2012年开始的，但是
BreadcrumbList
类型是几个月前（2014-12-11）到Schema.org的。

问题在于使用没有类型（当时不存在）的
breadcrumb
属性，这并不理想，因为这不允许为每个breadcrumb指定元数据（例如，其URL）



未来的证明方法是在面包屑中同时使用这两个词汇。Microdata语法实现了这一点，但RDFa语法允许这一点（然而，Data-词汇表.org关于面包屑必须嵌套的奇怪要求可能需要更改标记）


<body itemscope itemtype="http://schema.org/WebPage">
  <h1 itemprop="name">George Orwell</h1>
  <p itemprop="description">Eric Arthur Blair (25 June 1903 – 21 January
  1950), who used the pen name George Orwell, was an English novelist,
  essayist, journalist and critic.</p>

  <nav itemprop="breadcrumb">
    <ul itemscope>
      <li id="bc1"itemscope itemref="bc2"
        itemtype="http://data-vocabulary.org/Breadcrumb">
        <a href="http://example.com/books" itemprop="url">
          <span itemprop="title">Books</span>
        </a> ›
      </li>
      <li id="bc2" itemscope itemprop="child" itemref="bc3"
        itemtype="http://data-vocabulary.org/Breadcrumb">>
        <a href="http://example.com/books/authors" itemprop="url">
          <span itemprop="title">Authors</span>
        </a> ›
      </li>
      <li id="bc3" itemscope itemprop="child"
        itemtype="http://data-vocabulary.org/Breadcrumb">>
        <a href="http://example.com/books/authors/orwell" itemprop="url">
          <span itemprop="title">George Orwell</span>
        </a>
      </li>
    </ul>
  </nav>

</body>