Question

我搜索了stackoverflow和网络，我找不到这个问题的直接答案。

在我的网站上，我添加了项目价格的架构信息（见下文）

    <span itemprop="offers" itemscope itemtype="http://schema.org/Offer">
      Adults and over 10 years old Presale– <span itemprop="price" content="10.00">
      <span itemprop="priceCurrency" content="USD">
      <span itemprop="availability">
      <span itemprop="availabilityStarts" content="2017-01-01T00:00">
      <span itemprop="availabilityEnds" content="2017-03-17T23:00">
      <span itemprop="inventoryLevel" content="10000">
      <span itemprop="url" content="http://www.website.com">
      $10</span></span></span></span></span></span></span>
    </span>

正如您所看到的，我有一个<span >代码的TON。我想尝试减少这一点。

我已经通过W3C测试了此片段的验证，并且验证得很好。

我很好奇的是A）是否有更好的方法，B）我可以减少到1 <span>并将所有这些包含在一个中，所以它看起来像这样：

<span itemprop="priceCurrency" content="USD">
      <span itemprop="availability" itemprop="availabilityStarts" content="2017-01-01T00:00" itemprop="availabilityEnds" content="2017-03-17T23:00" itemprop="inventoryLevel" content="10000" itemprop="url" content="http://www.website.com">

或者我是否想在一个地方挤满太多？

Answer 1

原则上，你做的很好。但是，您目前在此单个itemprop元素上多次列出content和<span>属性。这is invalid HTML。

相反，我建议使用data-* attributes。

<span data-price="10.00"
    data-price-currency="USD"
    data-availability="true"
    data-availability-starts="2017-01-01T00:00"
    data-availability-ends="2017-03-17T23:00"
    data-inventory-level="10000"
    data-url="http://www.example.com"></span>

进一步阅读：using data attributes。

HTML Schema - 结合多个跨度

1 个答案: