为你的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> |
---|
工具的测试效果:
- astyle 使用说明
- Spring AOP 实现原理与 CGLIB 应用
- Django 博客教程:建立django工程(连载二)
- 使用python实现后台系统的JWT认证
- (65) 线程的基本概念 / 计算机程序的思维逻辑
- 用Python玩转微信的正确姿势!
- 版本管理工具总结
- java枚举类型enum的使用
- (66) 理解synchronized / 计算机程序的思维逻辑
- 用Python搭建一个校园维基网站(一)
- (67) 线程的基本协作机制 (上) / 计算机程序的思维逻辑
- 制作Aspose CHM文档的过程记录
- 用python搭建一个校园维基网站(二)—— 可编辑内容的首页的创建
- Django博客教程(四):让 django 完成翻译—迁移数据库模型
- 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 数组属性和方法
- 深入 TypeScript 中的子类型,进阶 Vue3 源码前必须搞懂的。
- 第三方模块
- package.json文件的作用
- C语言的原子操作
- 【Linux】tmux命令使用教程
- 【Android 音视频开发打怪升级:FFmpeg音视频编解码篇】七、Android FFmpeg 视频编码
- 2020已经过去五分之四了,你确定还不来了解一下JS的rAF?
- c#任意进制转换
- 缺失值的处理方法(基于sklearn)
- 中国核酸数据库GSA数据提交指南
- 基于sklearn建立机器学习的pipeline
- Sentinle集群流控【源码笔记】
- ggplot坐标轴方向设置
- Scaling与Normalization的区别
- Android 音乐APP(一)扫描本地音乐