首页
学习
活动
专区
圈层
工具
发布
社区首页 >问答首页 >Google富代码片段代码div

Google富代码片段代码div
EN

Stack Overflow用户
提问于 2014-07-30 21:04:53
回答 1查看 133关注 0票数 0

我检查了许多不同的站点(也是官方站点),所有的示例都在div中显示了google代码片段,在div中显示了itemscope/itemtype,在span中显示了itemprop。我想知道这是显示示例代码的一种简单方式,还是显示它的唯一方式。

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

代码语言:javascript
复制
                <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>

这也是正确的吗?

EN

回答 1

Stack Overflow用户

发布于 2014-08-21 18:38:33

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

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

为了告诉Google和其他搜索引擎地址与什么相关,我们必须指定一个类别并在其中嵌套邮寄地址。请参见示例,schema.org/PostalAdsress嵌套在LocalBusiness模式中:

代码语言:javascript
复制
<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>
票数 0
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/25037595

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档