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

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

为了方便写文章与读者阅读,特将本文分为上下两个部分。上一篇请点击这里查阅,这一篇接着上一篇来。特别提醒,要查看添加后的效果,可以使用谷歌的 结构化数据测试工具 ,提示务必清楚这一点,即使测试成功,能否在搜索引擎上面显示仍然是未知数,谷歌有自己的算法判断信息是否有效。

作者相关信息,作者的G+

这个的实现其实不是通过Schema.org 的结构化数据来的,而是谷歌为推广 Google+自行搞的一套。实现的方法在谷歌官方的《搜索结果中的作者信息》一文有两种方法:

方法 1:使用经验证的电子邮件地址将您的内容与 Google+ 个人资料关联。

方法 2:通过将您的内容与自己的 Google+ 个人资料相关联来设置作者信息

请自行参考部署。

文章/日志部署

添加的是 itemscrope类型值”http://schema.org/Article”,打开主题的single.php 文件:

将开头的:

<div <?php post_class($custom_class);?> id="post-<?php the_ID(); ?>" >

改成:

<div <?php post_class($custom_class);?> id="post-<?php the_ID(); ?>"  itemscope itemtype="http://schema.org/Article">

对文章标题添加itemprop类型"name",

<h2 class="title" itemprop="name"><?php the_title(); ?></h2>

对文章时间添加itemprop类型"datePublished",

<span class="meta_date" itemprop="datePublished"><?php echo get_the_date(); ?></span>

将文章的文字所在class 或 id 添加添加itemprop类型"articleBody",

<div class="entry clearfix" itemprop="articleBody">

工具的测试效果:

相关文章的部署

本文的前提是你需要按照《WordPress纯代码仿无觅相关文章图文模式功能(增强版)》一文添加相关文章功能到你的WordPress 主题。

然后将第一行的代码改为:

<div class="same_cat_posts" itemscope itemtype="http://schema.org/WebPage">

之后,就链接到相关文章链接的 a 标签添加如下代码:

<a itemprop="relatedLink" class="same_cat_posts_img" .......</a>

工具的测试效果:

评论的部署

添加itemscrope类型值”http://schema.org/Review”,修改comment.php相关代码为:

<li id="comment-<?php comment_ID(); ?>" <?php comment_class(); ?>  itemprop="reviews" itemscope itemtype="http://schema.org/Review">

添加itemprop类型"author",”author”有两个子属性href和text, 修改相关代码为:

<?php printf(__('<cite class="fn"><a href="%s"  rel="external nofollow" class="url" itemprop="author">%s</a></cite> <span>says:</span>', 'suffusion'), get_comment_author_url(),get_comment_author()); ?>

添加itemprop类型" datePublished ",修改相关代码为:

<div><a href="<?php echo htmlspecialchars(get_comment_link($comment->comment_ID)); ?>"><meta itemprop="datePublished" content="<?php comment_date('Y-m-d'); ?>" />

添加itemprop类型"reviewBody",修改相关代码为:

<div  itemprop="reviewBody"><?php comment_text($comment->comment_ID); ?></div>

工具的测试效果:

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

我来说两句

0 条评论
登录 后参与评论

相关文章

  • 360安全扫描之WordPress 页面异常导致本地路径泄漏 的漏洞修补

    今天头脑一热到360安全检测那里去为自己的网站进行安全扫描了一番。上次扫描还是一年前,当初扫描一个网站是 94 分,那时候还不懂代码,就这么挂着,被360 公开...

    Jeff
  • 提升用户体验,微信小程序“授权失败”场景的优雅处理

    微信小程序中提供了相关API 让开发者能获取到微信用户的相关信息,在首次去获取的时候会展示一个用户是否同意授权的对话框。Jeff 发现有不少线上的小程序都没有处...

    Jeff
  • 制作WordPress侧边栏“随机文章”小工具并集成在主题中的方法

    在侧边栏显示个“随机文章”小工具据说有两个好处:一是可以提高访客的点击率;二是对搜索引擎友好。一些主题并没有集成“随机文章”小工具,而网络上提供的一些方法只是给...

    Jeff
  • 干货 | PCB设计规范其实就是“怎么摆”和“怎么连”!

    PCB设计纷繁复杂,各种意料之外的因素频频来影响整体方案的达成,如何能驯服性格各异的零散部件?怎样才能画出一份整齐、高效、可靠的PCB图?今天就让我们来盘点一下...

    MCU起航
  • php实现中文字符串截取无乱码的方法

    首页要知道的: 1、中文字符在gbk编码下占2个字节,在utf-8编码下占3个字节

    php007
  • 关于CentOS6平台上PM2安装失败的解决方案

    因此,安装PM2失败的原因在于未满足环境依赖,即Node.js和npm版本较低,不满足安装PM2的基本要求;而安装Nodejs时,将会自动安装npm,因为我们只...

    用户1456517
  • 代码审计| 从今天起,做一个精致的多米咖!

    0x00 背景 在看CNVD漏洞库的时候发现有师傅发了某cms前台SQL注入漏洞,通过查阅漏洞描述可知道存在问题的参数是cardpwd,便开始尝试对该版本的c...

    漏斗社区
  • 太極:MIT华人学神开源的计算机图形库

    太極(Taichi)是一个开源的计算机图形库,它旨在提供易于使用的计算机图形学基础架构,并提供了 40 多份计算机图形学重要研究的实现。出于效率的考虑,太極本身...

    机器之心
  • 如何用卷积神经网络构建图像?

    这张图片其实是由一个叫人工智能的程序生成的。是不是看起来很真实?非常不错,不是吗?

    AI研习社
  • 携程去哪儿在一起,百度地图笑了

    互联网正经历着史上最剧烈的『板块运动』,在资本力量的驱动之下,不同大陆正在合并、联合。10月26日,这一运动来到了旅游业:携程和去哪儿达成换股协议,在线旅游行业...

    罗超频道

扫码关注云+社区

领取腾讯云代金券