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

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

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

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

评分、投票、作者头像、作者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免插件仅代码实现面包屑导航》一文添加。

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

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

那么需要修改成:

<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,可在谷歌搜索显示星级投票(附中文包下载)》英文获取评论评分(投票)的部署方法。

测试工具效果:

本文参与腾讯云自媒体分享计划,欢迎正在阅读的你也加入,一起分享。

发表于

我来说两句

0 条评论
登录 后参与评论

相关文章

来自专栏数据小魔方

Xcelsius(水晶易表)系列9——动态选择器应用(过滤器)

今天继续跟大家分享关于水晶易表的动态选择器高级用法——过滤器。 这个部件可以将多层帅选筛选自动化,比如我们前两篇所讲解的多重筛选案例中, 需要为每一个筛选字段单...

35460
来自专栏数据小魔方

创意彩虹图表!

今天跟大家分享一款当前非常流行的创意彩虹图表! ▽ 这种图表其实制作起来没有任何难度,主要是使用特殊的数据展现形式以及协调匀称的配色,使得整个图表看起来非常的新...

32190
来自专栏即时通讯技术

全面掌握移动端主流图片格式的特点、性能、调优等

图片通常是移动端应用流量耗费最多的部分,并且占据着重要的视觉空间。以大家最常用的即时通讯IM应用为例,应用中存在大量的图片数据往来(比如图片消息、用户相册、用户...

17020
来自专栏黄希彤的专栏

用 FaaS 实现比优图更灵活的大量图片快速加工能力

前几天有个朋友的一个公益策划不小心泄漏后,实在在太火,在朋友圈刷屏了,导致后台服务器的处理能力成为瓶颈,不得不临时扩容了数十台服务器来处理大量的图片...

741130
来自专栏腾讯社交用户体验设计

空间配色解密 - 腾讯ISUX

13030
来自专栏快乐八哥

数据可视化-EChart2.0.0使用中遇到的2个问题

之前项目中都是使用FusionChart和HighChart,基本都是没有购买商业许可。然后现在开发的系统需要交付给客户使用。所以现在图表控件不能直接使用Fus...

34820
来自专栏肖洒的博客

基于Python的微信好友分析

“如果我比别人看得远,那是因为我站在巨人的肩膀上”–不知道牛顿说了没 本文利用Python3的itchat包简单的分析了一下自己的微信好友。

62420
来自专栏CDA数据分析师

手把手教你用Python分析电影 | 以《蚁人2》为例

《蚁人2》自8月24日在中国大陆上映以来,已经有将近一个月。作为《复仇者联盟3》之后漫威出品的首部电影,《蚁人2》对漫威宇宙电影的剧情承转起着关键作用。9月20...

30320
来自专栏点滴积累

geotrellis使用(二十七)栅格数据色彩渲染

目录 前言 复杂原因及思路分析 实现过程 总结 一、前言        今天我们来研究一下这个看似简单的问题,在地理信息系统中颜色渲染应当是最基本的操作和功能,...

42350
来自专栏Coding迪斯尼

VUE+WebPack精美游戏设计:实现微信红包铜钱转动特性和页面数据的本地存储

23240

扫码关注云+社区

领取腾讯云代金券