Rich Snippets(html)新手,如何将它们放入我的代码中？

Question

我已经看到了[如何实现Rich Snippets]的问题,但我的问题更基本一点(因为我不是最好的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中吗？(显然我的信息).它会弄乱我的页面吗？更改格式？我的页面上会显示任何内容吗？或者它只是表现得像评论,但谷歌的搜索爬虫将意识到它是什么,并利用它.

此外,我将此代码添加到现有页面(谷歌已经编入索引)多久后,Google搜索结果会更新以显示Rich Text Snippet？

谢谢!

Answer 1

回答你的问题......

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

是的,这就是你需要做的.您甚至不必复制所有代码,您可以使用自定义代码(使用不同的HTML元素),只需添加适当的丰富代码段属性即可.

你需要的第一件事是一个包装器(主要是div,但对丰富的片段本身并不重要),你想要添加丰富网页摘要的itemcope和itemtype属性,就像你的情况下的产品一样:

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

然后,在此内部<div>,您可以将itemprop属性添加到任何元素.唯一的限制是您不能使用任何itemprop,您必须只选择在相关schema.org页面上指定的那些,在您的情况下为Product - schema.org.

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

一点也不!丰富的片段只是自定义HTML属性,没有别的.

如果您想确保正确设置所有内容(我建议您这样做),请使用Google Developers的测试工具.只需复制您的代码或使用已实施的Rich Snippets链接到您的网站,并亲自查看.

我的页面上会显示任何内容吗？或者它只是表现得像评论,但谷歌的搜索爬虫将意识到它是什么,并利用它.

除非您出现错误的语法错误,否则页面上不会显示任何内容,并且由于语法只是简单的HTML,因此不太可能.丰富的片段有点像评论,因为它们不会被浏览器呈现,但它们不是注释,它们只是HTML属性.有很多HTML属性不是丰富的片段,也没有呈现.

将此代码添加到现有页面(谷歌已编入索引)多长时间后,Google搜索结果会更新以显示Rich Text Snippet？

取决于您网站的流量(流量越多,Google抓取工具访问您网站的次数就越多).您可以通过此Google网站站长工具抓取工具表单告知Google尽快抓取您的网站.但是,您无法确定此方法是否足够有效.通常,最好是创建自己的Google网站站长工具帐户并提交您的网站以进行抓取.可能需要大约14天,但我不能保证这一点.

我希望这些答案对你有帮助.

//更新有关SERP中包含丰富网页摘要的页面预览

用于创建预览的测试工具.尽管如此,它已于2015年1月中旬更新,并且不再显示预览.它似乎根本不可能,甚至在Google网站站长工具中也是如此.如果我错了,请纠正我,因为Rich snippets测试工具的Google帮助页面会显示"该搜索结果中该页面可能会如何显示的预览",该页面可能还没有更新.

如果您想知道旧版本(不再存在)的样子,请查看带有屏幕截图的旧文章.我发现这个旧版本更简单,但是无法阻止进展.