html - Rich Snippets (html) 的新功能，如何将它们放入我的代码中？

Question

我看过[如何实现丰富网页摘要]这个问题，但我的问题有点基础(因为我不是最擅长 HTML 的)。

在https://developers.google.com/structured-data/rich-snippets/recipes示例代码是

<div itemscope itemtype="http://schema.org/Product">
  <span itemprop="brand">ACME</span>
  <span itemprop="name">Executive Anvil</span>
  <img itemprop="image" src="anvil_executive.jpg" alt="Executive Anvil logo" />
  <span itemprop="description">Sleeker than ACME's Classic Anvil, the
    Executive Anvil is perfect for the business traveler
    looking for something to drop from a height.
  </span>
  Product #: <span itemprop="mpn">925872</span>
  <span itemprop="aggregateRating" itemscope itemtype="http://schema.org/AggregateRating">
    <span itemprop="ratingValue">4.4</span> stars, based on <span itemprop="reviewCount">89
      </span> reviews
  </span>

  <span itemprop="offers" itemscope itemtype="http://schema.org/Offer">
    Regular price: $179.99
    <meta itemprop="priceCurrency" content="USD" />
    $<span itemprop="price">119.99</span>
    (Sale ends <time itemprop="priceValidUntil" datetime="2020-11-05">
      5 November!</time>)
    Available from: <span itemprop="seller">Executive Objects</span>
    Condition: <link itemprop="itemCondition" href="http://schema.org/UsedCondition"/>Previously owned,
      in excellent condition
    <link itemprop="availability" href="http://schema.org/InStock"/>In stock! Order now!</span>
  </span>
</div>

我想知道，我是否只是将其复制并粘贴到我页面上的 HTML 中？ (显然是我的信息)。它会弄乱我的页面吗？更改格式？我的页面上会显示任何内容吗？或者它只是像评论一样，但来自谷歌的搜索爬虫会意识到它是什么并加以利用。

此外，在我将此代码添加到现有页面(已编入索引的谷歌)后多久，谷歌搜索结果会更新以显示富文本片段？

谢谢!

Answer 1

回答你的问题...

我是否只是将其复制并粘贴到我页面上的 HTML 中？

是的，这就是您需要做的全部。您甚至不必复制所有代码，您可以使用您的自定义代码(具有不同的 HTML 元素)并仅添加它们适当的丰富网页摘要属性。

您首先需要的是一个包装器(主要是 div，但对丰富网页摘要本身并不重要)，其中包含您要添加丰富网页摘要的项目的 itemscope 和 itemtype 属性，例如您的产品:

<div itemscope itemtype="http://schema.org/Product">

然后，在这个<div>里面，您可以将 itemprop 属性添加到任何元素。唯一的限制是您不能使用任何 itemprop，您只能选择相关 schema.org 页面上指定的那些，Product - schema.org在你的情况下。

它会弄乱我的页面吗？更改格式？

完全没有!丰富网页摘要只是自定义 HTML 属性，没有别的。

如果您想确保您已正确设置所有内容(我确实建议这样做)，请使用 Google Developers' Testing Tool .只需将您的代码复制到那里，或者链接到您的网站并使用丰富的网页摘要，然后您自己看看。

我的页面上会显示任何内容吗？或者它只是像评论一样，但来自谷歌的搜索爬虫会意识到它是什么并利用它。

除非您犯了严重的语法错误，否则您的页面上不会显示任何内容，而且这种情况不太可能发生，因为语法只是简单的 HTML。 Rich snippets 将有点像评论，因为它们不会被浏览器呈现，但它们不是评论，它们只是 HTML 属性。有很多 HTML 属性不是丰富网页摘要，也没有呈现。

在我将此代码添加到现有页面(已编入索引的 google)后多久，google 搜索结果才会更新以显示富文本片段？

取决于您网站的流量(流量越多，Google 抓取工具访问您网站的频率就越高)。您可以通过 this Google Webmaster Tools Crawler form 告诉 Google 尽快抓取您的网站。 .但是，您不能确定此方法是否足够有效。通常最好创建自己的 Google Webmaster Tools帐户并提交您的网站以供抓取。这可能需要大约 14 天，但我不能保证这一点。

希望这些回答对您有所帮助。

//更新关于在 SERP 中使用丰富网页摘要的预览

The Testing Tool用于创建预览。尽管如此，it has been updated in the middle of January 2015它不再显示预览。似乎目前根本不可能，甚至在谷歌网站管理员工具中也不可能。如果我错了请纠正我 Google help page of Rich snippets testing tool表示“该页面在 Google 搜索结果中的显示方式的预览”将显示在该工具中，可能该页面尚未更新。

如果您想知道旧版本(不再存在)的样子，请查看 this older article带截图。我发现这个旧版本更简单，但无法阻止进步。