为你的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> |
---|
工具的测试效果:
- JavaScript 教程
- JavaScript 编辑工具
- JavaScript 与HTML
- JavaScript 与Java
- JavaScript 数据结构
- JavaScript 基本数据类型
- JavaScript 特殊数据类型
- JavaScript 运算符
- JavaScript typeof 运算符
- JavaScript 表达式
- JavaScript 类型转换
- JavaScript 基本语法
- JavaScript 注释
- Javascript 基本处理流程
- Javascript 选择结构
- Javascript if 语句
- Javascript if 语句的嵌套
- Javascript switch 语句
- Javascript 循环结构
- Javascript 循环结构实例
- Javascript 跳转语句
- Javascript 控制语句总结
- Javascript 函数介绍
- Javascript 函数的定义
- Javascript 函数调用
- Javascript 几种特殊的函数
- JavaScript 内置函数简介
- Javascript eval() 函数
- Javascript isFinite() 函数
- Javascript isNaN() 函数
- parseInt() 与 parseFloat()
- escape() 与 unescape()
- Javascript 字符串介绍
- Javascript length属性
- javascript 字符串函数
- Javascript 日期对象简介
- Javascript 日期对象用途
- Date 对象属性和方法
- Javascript 数组是什么
- Javascript 创建数组
- Javascript 数组赋值与取值
- Javascript 数组属性和方法
- 使用SAP C4C自定义BO实现自定义的Number Range
- 限流算法简介及Guava RateLimiter令牌桶限流介绍
- K8S的名称空间创建&&版本的升级、回滚操作
- SAP Cloud for Customer CLR(Code List Restriction)的一种高级用法
- SAP WebClient UI One Hit Navigation的实现方法
- 【打包构建】Mac下使用expect实现执行sudo命令时自动输入密码
- ASP.NET Core 奇淫技巧之SPA部署
- SAP Cloud for Customer Rule Editor的使用方法和底层工作原理
- (数据科学学习手札94)QGIS+Conda+jupyter玩转Python GIS
- 72-STM32+ESP8266+AIR202基本控制篇-移植使用-移植Android的MQTT包到自己的工程项目
- 用上Latex实现编辑伪代码
- TensorFlow交叉熵函数(cross_entropy)·理解
- 第05期:Prometheus 数据查询(一)
- 技术分享 | MySQL 复制那点事 - Seconds_behind_Master 参数调查笔记
- 线程有多少种状态?Runnable 一定在执行任务吗?