前往小程序,Get更优阅读体验!
立即前往
首页
学习
活动
专区
工具
TVP
发布
社区首页 >专栏 >为你的WordPress 主题添加结构化数据/丰富文本摘要,高亮搜索结果(上)

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

作者头像
Jeff
发布2018-01-19 15:25:31
1.9K0
发布2018-01-19 15:25:31
举报
文章被收录于专栏:DeveWorkDeveWork

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

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

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

为你的WordPress 主题添加结构化数据/丰富文本摘要,高亮搜索结果
为你的WordPress 主题添加结构化数据/丰富文本摘要,高亮搜索结果
为你的WordPress 主题添加结构化数据/丰富文本摘要,高亮搜索结果
为你的WordPress 主题添加结构化数据/丰富文本摘要,高亮搜索结果
为你的WordPress 主题添加结构化数据/丰富文本摘要,高亮搜索结果
为你的WordPress 主题添加结构化数据/丰富文本摘要,高亮搜索结果
为你的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免插件仅代码实现面包屑导航》一文添加。

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

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

测试工具效果:

本文参与 腾讯云自媒体分享计划,分享自作者个人站点/博客。
原始发表:2013/07/25,如有侵权请联系 cloudcommunity@tencent.com 删除

本文分享自 作者个人站点/博客 前往查看

如有侵权,请联系 cloudcommunity@tencent.com 删除。

本文参与 腾讯云自媒体分享计划  ,欢迎热爱写作的你一起参与!

评论
登录后参与评论
0 条评论
热度
最新
推荐阅读
目录
  • 结构化数据/丰富文本摘要通俗解释
  • 详细与可作参考的资料
  • 在WordPress 上面部署结构化数据Schema.org
领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档