网站结构化数据操作指南

    google seo 小Q 来源:小Q网络营销 4732次浏览 1个评论

    自搜索引擎诞生以来,搜索引擎优化(seo)就一直如影随形,以往常用的seo手法如堆砌关键词、疯狂增加垃圾外链等方法都大势已去,那么在未来seo的趋势和重点又是什么呢?我们可以简单总结为:移动化、本地化、结构化、社会化。今天我们首先来详细阐述一下何为网站结构化数据。

    首选我们来普及下什么是“网页摘要”:网页摘要是指每条搜索结果下方显示的几行文字,旨在让用户大概 了解网页上的内容,以及与用户的搜索查询有何关联。如图:

    丰富网页摘要

    如果Google了解网页上的内容,就可以创建丰富网页摘要,也就是为用户的具体查询提供帮助的详细信息。例如,针对餐馆的摘要可能会显示平均评分和价格范 围;针对食谱网页的摘要可能会显示总的准备时间、照片以及对食谱的评分;而针对音乐专辑的摘要可能会列出各首歌曲以及播放链接。这些丰富网页摘要可帮助用户了解网站与他们的搜索内容是否相关,并可能让网页获得更多点击次数,但目前只有不到15%的网页做了结构话数据标注。

    要想流量提高百20%,你需要花费大量的人力、物力、财力去把关键词排名从第五提升到第三,或者第三提升到第一,如果你花一点时间做好结构化数据标注让你的信息更醒目,更直观,更有说服力,即可轻松的实现流量提升20%。

    要做好网页信息的结构化,就必须与Google进行良好的信息互动。这种互动我们可以通过采用Schema语法格式的标注来进行(Schema是 Google联合几大搜索引擎推出的结构化数据表示语法,比较简单,更多Schema语法可以访问Schema.org)。

    Schema结构化数据标注在移动端同样有效,尽管显示的样式和标注的方式略有不同,但是,在移动端你依然应该进行结构化标注。

    如果采用响应式页面,实现Schema机构化标注更为简便:因为响应式页面和PC端页面的代码差异较小,因此,一般情况下只要在PC端页面中部署一次Schema标注就能同时实现在移动端的Schema标注,所以能够实现一举两得的效果。

    丰富网页摘要的方法有:微数据(谷歌推荐)、微格式、RDFa、数据标注工具(谷歌推荐),“数据化标注工具”在站长工具里面直接标注即可,在此不作累述,以下我们重点阐述“微数据”标记的方法。

    以下是我用微数据标记的一段HTML内容。

    <div itemscope itemtype=”http://data-vocabulary.org/Person”>
    我叫<span itemprop=”name”>Taylor</span>
    但大家都叫我<span itemprop=”nickname”>小Q</span>。
    这是我的主页: <a href=”http://www.v5site.com” itemprop=”url”>www.v5site.com</a>
    我住在深圳南山区,
    是<span itemprop=”affiliation”>某外贸电商公司</span>的一名<span itemprop=”title”>网络推广</span>。
    </div>

    注释:
    在第一行中,itemscope表示<div>中的内容是一个项。itemtype=”http://data-vocabulary.org/Person表明该项是人物。
    人物项的每个属性均由itemprop属性标识。
    例如,itemprop=”name”描述人物的姓名。

    嵌套实体:

    上面的示例显示了我的联系信息,但并未包含地址。下面的示例显示的是同一段HTML内容,但是该示例中加入了address属性,这种叫做“嵌套实体”。

    <div itemscope itemtype=”http://data-vocabulary.org/Person”>
    我叫<span itemprop=”name”>Taylor</span>,
    但大家都叫我<span itemprop=”nickname”>小Q</span>。
    这是我的主页:<a href=”http://www.v5site.com” itemprop=”url”>www.v5site.com</a>.
    我住在<span itemprop=”address” itemscope itemtype=”http://data-vocabulary.org/Address”>
    <span itemprop=”region”>深圳</span>
    <span itemprop=”locality”>南山区</span>,
    </span>是<span itemprop=”affiliation”>某外贸电商公司</span>的一名<span itemprop=”title”>网络推广</span>。
    </div>

    注释:
    简单的可以这么理解<span itemprop=”address”>属性原本是属于上一层(person)的一个项,但address包含它自己的属性集。可以使用如下方法表示该属性:将itemscope属性放置在用于表明address属性的项上,并使用itemtype属性来指定所描述项的类型,如下所示:<span itemprop=”address” itemscope itemtype=”http://data-vocabulary.org/Address”>。

    引用项:

    可以在某个位置定义一个项,然后从一个或多个其他位置对其进行引用。以下示例描述了一个地址,然后居住在这个位置的小Q和jeason采用应用的模式。

    <div id=”smith-address” itemprop=”address” itemscope itemtype=”http://data-vocabulary.org/Address”>
    <span itemprop=”region”>深圳</span>
    <span itemprop=”locality”>南山区</span>
    </div>

    <div itemscope itemtype=”http://data-vocabulary.org/Person” itemref=”smith-address”>
    我叫<span itemprop=”name”>Bruce</span>,
    但大家都叫我<span itemprop=”nickname”>小Q</span>.
    这是我的主页:<a href=”http://www.v5site.com” itemprop=”url”>www.v5site.com</a>.
    我是<span itemprop=”affiliation”>某外贸电商公司</span>的 一名<span itemprop=”title”>网络推广</span>
    </div>

    <div itemscope itemtype=”http://data-vocabulary.org/Person” itemref=”smith-address”>
    我叫<span itemprop=”name”>jeason</span>
    </div>

    注释:
    定义address项的HTML包含一个id属性,如下所示:<div id=”smith-address” itemprop=”address” itemscope itemtype=”http://data-vocabulary.org/Address”>。
    Taylor和的jeason项引用了该地址,方法为:加入一个itemref属性,并指定该id属性表示地址,
    如下所示:<div itemscope itemtype=”http://data-vocabulary.org/Person” itemref=”smith-address”>。
    在需要多长使用某一个位置的时候可以采用这种引用的方式。

    隐藏的内容

    一般情况下,Google不会显示隐藏的内容。也就是说,不向用户显示某些内容,而是使用隐藏文本为搜索引擎和网络应用单独标记信息。标记用户访问网页时实际看到的文本。
    在某些情况下,向搜索引擎提供更详细的信息有很多好处,而这些信息你不希望被访问你网页的人看到。例如,如果某餐馆的评分为8.5分,用户(而不是搜索引擎)会认为评分范围为1到10分。在这种情况下,可以使用meta元素来表示此信息,如下所示:

    <div itemprop=”rating” itemscope itemtype=”http://data-vocabulary.org/Rating”>
    评分:<span itemprop=”value”>8.5</span>
    <meta itemprop=”best” content=”10″ />
    </div>

    注释:
    meta标记用于指定给搜索引擎看,但未显示在网页上的其他信息,在此示例中,该标记指定了评分标准的“最高分”为10分。该属性的值由content属性指定。

    ===========================================
    附加:

    ===============================================

    下面就外贸B2C电商网站经常使用到的对客户评价标注进行展开:

    客户评价摘要的目的在于为用户提供关于特定商品或服务的评论信息,例如星级评分(1 到 5 星)和评论者的名称。

    评论信息摘要适用以下情况:

    1)使用评论标记时,网页的主题应与特定商品或服务相关。例如,不支持在包含多个商品的网页上使用评论标记。

    2)不支持成人相关的商品或服务的评论。

    3)如果该标记包含个人评价,那么评论员的名称应为有效名称。例如,“周六之前享受五折优惠”就不是有效的评论员名称。

    可以标记单条评价(例如,某位客户对商品的评价),也可以汇总评价信息(例如,客户的平均得分或客户提交的总评价数)。

    对于仅包含单条评论的网页,使用单条评论格式;而对于包含一系列评论的网页,则使用评论汇总格式。如果您的网页同时包含这两种评论时建议选用其中一种格式。如果网页中包含这两种标记,Google会使用评价汇总标记予以显示。

    注意:可通过多种方式表示评论得分,例如星标颗数、百分比制和等级制等。

    单条评论信息摘要:

    单挑信息评论摘要

    必须至少提供以下任意一个属性:rating 或 dtrviewed。

    属性及对应的说明
    itemreviewed (item):所评价的项目。
    Rating:该项目的质量评分数值(例如 4)。你可以通过指定 best(默认为 5)和 worst(默认为 1),确定评分的级别范围。
    dtreviewed :发表评价的日期(采用 ISO 日期格式)
    Reviewer撰写评价的作者。
    Description:评价的正文。
    Summary:评价的简短摘要。

    以下是用微数据标记的同一段 HTML 代码:

    <div>
    <div itemscope itemtype=”http://data-vocabulary.org/Review”>
    <span itemprop=”itemreviewed”>美味烤鸭馆</span>
    评论员:<span itemprop=”reviewer”>王晓明</span>
    <time itemprop=”dtreviewed” datetime=”2009-01-06″>1 月 6 日</time>
    <span itemprop=”summary”>鲜美极了,解放路上最好吃的烤鸭!</span>
    <span itemprop=”description”>美味烤鸭馆用传统的炭烤方式烹制烤鸭,外脆里嫩,而且上菜速度很快。是吃烤鸭的不二选择。</span>
    评分:<span itemprop=”rating”>4.5</span>
    </div></div>

    注释:
    在第一行中,<itemscope itemtype=”http://data-vocabulary.org/Review”>表示 <div> 中所含的 HTML 内容代表一条评价。
    itemscope 表示 <div> 的内容描述的是项,
    而 itemtype=”http://data-vocabulary.org/Review” 表示该项是一条评价。

    该示例介绍了此评价的属性,例如评价对象和评论员。为了标记评价的属性,包含其中某一属性(如 <div>或 <span>)的各元素都被指定了一个 itemprop 属性,用于指明属性。例如 <span itemprop=”reviewer”>。

    汇总信息评价摘要:

    单挑信息评论摘要

    比如一家餐馆可能有 24 条评论,平均评分为 9 分(满分为 10 分)。使用汇总评价就能传递这些信息,每一项必须至少包含 count 或 votes 中的一个。

    属性及说明:
    itemreviewed(item):所评价的项目。
    Rating该项目的质量评分数值(例如 4)。你可以通过指定 best(默认为 5)和 worst(默认为 1),确定评分的级别范围。
    Count:网站上的项目所获得的评价总数。注意:提供了 count 后,还必须在网页中为每个已评价项提供评价标记。count 只能包含你自己网站上的评价数。Votes:指定参与过评分的人数(无论是否有评价)。网页必须至少指定 count 或 votes 中的一个。
    Summary:对汇总的一系列评价的简短摘要。
    照片:评价对象的照片或图片。

    以下是用微数据标记的同一段 HTML 代码:

    <div itemscope itemtype=”http://data-vocabulary.org/Review-aggregate”>
    <span itemprop=”itemreviewed”>美味烤鸭馆</span>
    <img itemprop=”photo” src=”pizza.jpg” />
    <span itemprop=”rating” itemscope itemtype=”http://data-vocabulary.org/Rating”>
    <span itemprop=”average”>9</span>分(满分为 <span itemprop=”best”>10 分</span>)</span>
    共 <span itemprop=”votes”>24</span> 个评分
    <span itemprop=”count”>5</span> 条用户评论
    </div>

    注释:
    在第一行中,<itemscope itemtype=”http://data-vocabulary.org/Review-aggregate”>表示 <div> 中所含的 HTML 内容代表的是汇总评价。itemscope 表示 <div> 的内容描述的是项,而 itemtype=”http://data-vocabulary.org/Review” 表示该项是评价。
    该示例介绍了此汇总评价的属性,例如评价对象和评分。为了标记汇总评价的属性,包含其中某一属性(如 <div>或 <span>)的各元素都被指定了一个 itemprop 属性,用于指明属性。例如 <span itemprop=”itemreviewed”>。
    属性还可包含其他项(也就是说,一项中可以包含其他多项)。例如,上述评价可以包含评分 (itemtype=”http://data-vocabulary.org/Rating”) 以及 average、best和 count等属性。

    以上的各种标注方法中,根据你网页信息和你想要向客户传达的意思选择合适的标注方式对你的网页进行标注。在标注好之后,还需要对你的战果进行预览检验,预览地址是:https://search.google.com/structured-data/testing-tool,检查通过之后,等待谷歌重新爬去更新之后即可进行展示。


    版权所有丨 转载请注明网站结构化数据操作指南
    喜欢 (8)

    您必须 登录 才能发表评论!

    (1)个小伙伴在吐槽
    1. 非常专业的文章,感谢分享,刚在了解谷歌上评价标记,文章不错。请求加群学习,希望能通过。
      Jession2016-08-29 15:42