标签: rich-snippets

合法地隐藏/阻止Rich Snippet html在屏幕上呈现 - 这样做可以吗?

我在我的网站上使用了丰富的代码片段,我在页脚中为它们提供了所有代码,以便它们位于中心位置并且易于访问.我不希望在页面上呈现这些片段周围的文本,因为该信息在网站的其他位置.是否可以通过使用隐藏此文本style="display:none"或谷歌是否会完全忽略丰富的代码段,因为这些字段是隐藏的?

<!-- start rich snippet code -->
<div itemscope itemtype="http://schema.org/LocalBusiness">
    <span itemprop="name" style="display:none">My Business Name</span>
    <div itemprop="address" itemscope itemtype="http://schema.org/PostalAddress">
        <span itemprop="streetAddress" style="display:none">123 Example Street, Suite 456</span>
        <span itemprop="addressLocality" style="display:none">Major City</span>
        <span itemprop="addressRegion" style="display:none">NY</span>
        <span itemprop="postalCode" style="display:none">12345</span>
        <span itemprop="addressCountry" style="display:none">US</span>
    </div>
    <span itemprop="telephone" style="display:none">(123) 456-7890</span>
    <a itemprop="URL" style="display:none">http://www.mycompanysite.com/</a>
</div>
<!-- end rich snippet code -->
Run Code Online (Sandbox Code Playgroud)

任何信息将不胜感激!提前致谢!

css seo html5 rich-snippets

3
推荐指数
1
解决办法
5499
查看次数

丰富的产品片段/微数据:错误:使用schema.org的不完整微数据

我收到了一个'错误:使用schema.org的不完整微数据'.使用Google的测试工具测试标记时的消息(http://www.google.com/webmasters/tools/richsnippets?q=uploaded:8004e2bf685980a2f0ffadd5c52b2d5f).

我尽可能地简化了我的代码,我是否缺少某种"必需"类型来摆脱这个错误?这是我目前在产品页面上提供的唯一数据.

提前致谢!

<div itemscope itemtype="http://schema.org/Product" id="productdetail">
<img itemprop="image" src="testimage.jpg" width="300" height="300" name="multi" alt="Test" />
<h1 itemprop="name">Product Name</h1>
<span itemprop="offers" itemscope itemtype="http://schema.org/Offer" class="convertprice">
    <span itemprop="price">£2.00</span>
</span>
<p itemprop="offers" itemscope itemtype="http://schema.org/Offer" class="stock"><link itemprop="availability" href="http://schema.org/InStock" content="In Stock" />In Stock</p>
<div class="tab_info" id="tab1">
    <p itemprop="description" class="invtdesc2">This is where the product description will be!</p>
</div>
Run Code Online (Sandbox Code Playgroud)

microdata rich-snippets schema.org

3
推荐指数
1
解决办法
4265
查看次数

schema:datetime的值无效

我按照schema.org上的说明在他们的网站上添加公司的营业时间,但是,W3C的HTML验证器不喜欢它> _ <它给了我以下错误:

元素时间属性datetime的错误值Mo-Fr 09:00-19:00:文字不满足time-datetime格式.

以下是我的HTML:

<div>
    <p>Office Hours:</p>
    <p><time itemprop="openingHours" datetime="Mo-Fr 09:00-19:00">Monday-Friday: 9:00 am to 7:00 pm</time></p>
    <p><time itemprop="openingHours" datetime="Sa 10:00-17:00">Saturdays: 10:00 am to 5:00 pm</time></p>
    <p><time itemprop="openingHours" datetime="Su 11:00-16:00">Sundays: 11:00 am to 4:00 pm</time></p>
</div>
Run Code Online (Sandbox Code Playgroud)

我究竟做错了什么?

schema html5 datetime rich-snippets google-rich-snippets

3
推荐指数
1
解决办法
1835
查看次数

可以用结构化数据来审查一个人吗?

我审查了以人为中心的数据。

我想用结构化数据来表示这些评论。

像这样的东西:(来自这里

在此输入图像描述

这是我尝试过的:(这是 Google 图书示例的变

<div itemscope itemtype="http://schema.org/Person">
  <h2>
    <span itemprop="honorificPrefix">Dr</span>
    <span itemprop="name">Joe Smith</span>
  </h2>
  <h3 itemprop="jobTitle">Doctor</h3>
  <div itemprop="description">Extra super Doctor</div>
  <div itemprop="aggregateRating" itemscope itemtype="http://schema.org/AggregateRating">
    <div>Doctor rating:
      <span itemprop="ratingValue">88</span> out of 
      <span itemprop="bestRating">100</span> with
      <span itemprop="ratingCount">20</span> ratings
    </div>
  </div>
</div>
Run Code Online (Sandbox Code Playgroud)

现在,当我在谷歌的测试工具中测试这段代码时,我收到错误:

对于 Person 类型的对象,Google 无法识别属性aggregateRating。

那么这是否意味着没有办法利用结构化数据对人进行评分呢?

microdata rich-snippets schema.org

3
推荐指数
1
解决办法
1868
查看次数

你能在页面上有多个itemprop = description吗?

我似乎无法在任何地方找到答案.

我有itemscope itemtype="http://data-vocabulary.org/Review"身体标签.

现在,页面上的内容分布在多个div上,其中包含图像等.如果我要将它全部包装起来,那么其他内容实际上会首先出现在主体之前,所以我需要能够将itemprop="description"多个div 放在上面.

它似乎在谷歌片段工具中显示确定,但我想知道它是否会好或是否只考虑1?

丰富的片段工具的图片

html5 microdata rich-snippets

2
推荐指数
1
解决办法
1324
查看次数

Google搜索结果中的丰富网页摘要

我希望将丰富的片段包含在我正在建立的网站中,以反映音乐家即将到来的巡演时间表.我已经对各种音乐家进行了一些搜索,并且发现了一些似乎遵循类似格式的音乐家.我已在上面上传了两个屏幕截图,以显示我的意思.

例1:

在此输入图像描述

例2:

在此输入图像描述

让我感到困惑的是,当我将这些网站输入Google的Rich Snippet测试工具时,没有数据显示出来.此外,当我检查其中一个游览页面的来源时,代码中没有包含丰富的片段.这些网站如何设法以这种格式列出他们的旅行日期?

html seo rich-snippets

1
推荐指数
1
解决办法
1683
查看次数

文本溢出:省略号对齐问题

我将产品名称和定价作为单独的跨度包含在链接中,以便与 Rich Snippets 正常工作。有些产品的名称长度比其他产品大,所以我截断了长度,使其适合我的盒子。以前这是在服务器上完成的,但我更喜欢用 CSS 处理它,这样对设计的任何更改都不会涉及后端页面的更改。

在此处输入图片说明

问题是我不能让跨度排列在一起。修改 display 属性后, text-overflow 属性不起作用。有问题的代码如下:

HTML:

<div class="details" itemscope itemtype="http://data-vocabulary.org/Product"> 
<h2>
    <a class="heading" href="/product/acmesw" title="Acme Super Widget">
        <span class="trunc" itemprop="name">Acme Super Widget 3000</span>
        <span itemprop="offerDetails" itemscope itemtype="http://data-vocabulary.org/Offer">- <meta itemprop="currency" content="AUD" /><spanitemprop="price">$199.95</span></span>     
     </a>
 </h2>
Run Code Online (Sandbox Code Playgroud)

CSS:

.details {
    width:300px;
    border:1px solid red;
}
.trunc {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    max-width:60%;
}

h2 span {
    display:inline-block;
}
Run Code Online (Sandbox Code Playgroud)

jsFiddle在这里:http : //jsfiddle.net/c7p8w/

html css truncate rich-snippets

1
推荐指数
1
解决办法
3085
查看次数