谷歌丰富的代码片段div

时间:2014-07-30 13:04:53

标签: html rich-snippets

我检查了许多不同的网站(官方一个),所有示例都显示了div内的google代码段代码itemscope / itemtype和span中的itemprop。 我想知道这是否只是展示示例代码的简单方法,或者是显示它的唯一方式。

我的地址在列表中,所以我这样写:

                <li itemprop="address" itemscope itemtype="http://schema.org/PostalAddress">
                    <i class="fa fa-map-marker fa-lg"></i> <p class="labelSocial">Address:</p>
                    <a href="https://www.google.com/maps/place/Glogauer+Stra%C3%9Fe+21/@52.49226,13.4369,17z/data=!3m1!4b1!4m2!3m1!1s0x47a84fb24234006b:0x36dfe942fb2b5f97" target="_blank">
                    <p class="addressText"> 
                        <span itemprop="streetAddress"> Glougauerstrasse 21, </span> </br> 
                        <span itemprop="postalCode"> 12435 </span> 
                        <span itemprop="addressLocality"> - Berlin </span> 
                        <span itemprop="addressCountry"> (DE) </span> 

                    </p></a>   
                </li>

这也是正确的吗?

1 个答案:

答案 0 :(得分:0)

您的代码很好,但您必须在某些主要类别下嵌套schema.org/PostalAddress,但使用<li>标记是正确的。以下是Google结构化数据测试工具为您上面提到的代码显示的内容 -

http://www.google.com/webmasters/tools/richsnippets?q=uploaded:800501214b811a6b2bbfb52e2d77f96d

为了告诉谷歌和其他搜索引擎的地址与什么相关,我们必须在其中指定一个类别并嵌套邮政地址。请参阅示例,schema.org/PostalAdsress嵌套在LocalBusiness架构中:

<div itemscope itemtype="http://schema.org/LocalBusiness">
  <h1><span itemprop="name">Beachwalk Beachwear & Giftware</span></h1>
  <span itemprop="description"> A superb collection of fine gifts and clothing
  to accent your stay in Mexico Beach.</span>
  <div itemprop="address" itemscope itemtype="http://schema.org/PostalAddress">
    <span itemprop="streetAddress">3102 Highway 98</span>
    <span itemprop="addressLocality">Mexico Beach</span>,
    <span itemprop="addressRegion">FL</span>
  </div>
  Phone: <span itemprop="telephone">850-648-4200</span>
</div>