为你的WordPress 主题添加结构化数据/丰富文本摘要,高亮搜索结果(上)

8,627
为你的WordPress 主题添加结构化数据/丰富文本摘要,高亮搜索结果(上)
  • 4.35 / 5 5
4.35分(23票)

对于SEO ,咱们这些业余人士只能是从技术的角度来驾驭。网站经营的前期需要做好搜索引擎优化,对于WordPress 网站,其实最好的方式是在WordPress 主题上下功夫,如果一款主题对搜索引擎友好,那么对于专注于写文章的博主来说已经够放心的了。下面介绍的结构化数据/丰富文本摘要准确上来说并不属于SEO 的范畴,但是在某种程度上,其起到的作用堪比SEO 的效果。

结构化数据/丰富文本摘要通俗解释

在介绍结构化数据/丰富文本摘要,先给点通俗的讲解,如图,你在谷歌中搜索的时候,可能会接触过以下“特殊”的搜索结果显示:

为你的WordPress 主题添加结构化数据/丰富文本摘要,高亮搜索结果

为你的WordPress 主题添加结构化数据/丰富文本摘要,高亮搜索结果

评分、投票、作者头像、作者G+、面包屑导航(路径)……这个其实就是结构化数据产生的丰富文本摘要。我们大可不必理解为何要这样(其实也不难理解),只要知道,这个东西的存在所带来的好处是:高亮搜索结果(这Jeff 自编的),让你的搜索结果显示不一样,从而吸引点击,带来流量。

详细与可作参考的资料

丰富文本摘要 英文是 Rich Snippets,它是Google、Yahoo、Bing、Yandex等搜索引擎为了改善搜索引擎而新提出的一种数据定义方式。本文所讲的以谷歌的为基础,不要问我百度支不支持这个Rich Snippets,国内这个闭关锁国的搜索引擎我从来不屑一顾。

结构化数据 英文是 structured data 。具体区别请自行查询,Jeff 感觉都差不多。

在进行下一步操作(在WordPress 主题上添加结构化数据、丰富文本摘要)前,一定要先看看以下资料:

谷歌官方:结构化数据   入门与学习;

谷歌官方:关于丰富网页摘要和结构化数据   了解微数据、微格式、RDFa 和数据标注工具之间的联系与区别;

Schema.orgSchema.org 中文站  一个目前被各大搜索引擎推崇,新一代的提供丰富文本摘要的站点;

MG12:评分微数据 Rating 和 AggregateRating 使用方法   国内一个前端工程师,WordPress著名开发者,与Jeff 有某种关系的MG12 写的,用于评分、投票那里

谷歌站长:结构化数据测试工具   用于后面测试丰富文本摘要在你的网站上的显示效果

 

在WordPress 上面部署结构化数据Schema.org

Jeff 已经在本站DeveWork.com 的Devework 主题上面部署了Schema.org 的结构化数据,你可以先通过 结构化数据测试工具 查看查看。下面的教程是添加丰富网页摘要 – 评价(对应WordPress 的评论)、评论评分(投票)、路径(面包屑导航)、还有文章作者等相关信息。使用的数据类型90%是最新的 Schema.org 。因为不同主题相关代码不同,折腾这个需要你具备一定的html 与css 基础。

面包屑Breadcrumb(路径)的部署

确保你的主题已经有面包屑导航,没有可以参考《WordPress免插件仅代码实现面包屑导航》一文添加。

之后,开始部署,原来的相关代码是:

1
<a href="<?php echo get_settings('Home'); ?>" rel="nofollow">首页</a> &raquo;....

那么需要修改成:

1
2
3
<div class="breadcrumb" itemscope itemtype="http://schema.org/WebPage">
<span itemprop="breadcrumb"><a href="<?php echo get_settings('Home'); ?>" rel="nofollow">首页</a> &raquo;....</span>
</div>

结构化数据测试工具效果如下:

不过让我纳闷的是,我在主题上部署了相关代码, 结构化数据测试工具也可以正常显示,但在搜索引擎结果中一直不出现。现在也不知道原因。

评论评分(投票)的部署

在WordPress 中实现投票的话需要借助插件来,一些WordPress 投票插件已经很好解决了结构化数据的问题,只要使用它们的投票插件,如果正常就可以在搜索引擎中显示,不必自己去添加代码。

参考《WordPress 投票插件Post Ratings,可在谷歌搜索显示星级投票(附中文包下载)》英文获取评论评分(投票)的部署方法。

测试工具效果:

为你的WordPress 主题添加结构化数据/丰富文本摘要,高亮搜索结果(下)

喵~本文目前有7条留言,欢迎发表评论!

  1. 5#
    :

    不知为何我主题上有面包屑导航,但是并没有效果。 结构化数据测试工具显示不出来,而且搜索引擎上也没有显示。

    [回复]
  2. 4#
    :

    lz的结构化数据测试,错误还挺多的哦

    [回复]
    • 哈哈,顾此失彼,也就罢了。

      [回复]
  3. 赶上地板鸟
    :

    可以帮我看下我的站,弄的对不对嘛

    [回复]
  4. 板凳也不错
    :

    一定要 在文章中显示 那个 面包屑 路径啊?

    [回复]
    • 取决于你自己的,如果你要为了更好的用户体验、搜索优化,那就最好设置个面包屑导航吧 😆

      [回复]
  5. 传说中的沙发
    :

    第一次来到你的地盘,看看您的文章,受益匪浅

    [回复]

打破沉默,我来发表评论鸟~