99元/年!阿里云服务器,新老同享,续费同价【点击前往】
180元/年!海外服务器,腾讯云新加坡/日本等【点击前往】

WordPress SEO优化:添加OG协议标签

编辑于:2019年11月02日
WordPress SEO优化:添加OG协议标签

翻看一些主流网址的网页源代码,在 HTTP 头部经常能看到一些 og:typeog:titleog:image 的 meta 标签。这些 OG 是什么东西?有什么用?针对这些问题,虫子菌为你整理了以下资料。

OG 协议是什么

<meta property="og:locale" content="zh_CN" />
<meta property="og:type" content="article" />
<meta property="og:image" content="https://wangejiba-img.huashengls.com/wp-content/uploads/2019/10/2019103123321793.jpg" />
<meta property="og:title" content="WordPress函数:get_bloginfo()、bloginfo()获取博客的常规设置 - 玩个机吧" />
<meta property="og:description" content="函数get_bloginfo()和bloginfo(),可以获取 WordPress 用户资料与常规设置中的信息,例如博客标题、博客地址url、WordPress版本等。get_bloginfo()返回字符串用以调用,bloginfo()带有echo性质能立即输出。" />
<meta property="og:url" content="https://wangejiba.com/4685.html" />
<meta property="og:updated_time" content="2019-11-01T19:18:03+08:00" />
<meta property="og:site_name" content="玩个机吧" />

以玩个机吧一篇文章为例,添加 OG 协议后在网页源代码头部 head 标签会有如上效果。

这些 OG 是开放内容协议(Open Graph Protocol)的简称,由 Facebook 在 2010 年后公布,目前已有百度、谷歌、YouTube 和推特等主流搜索引擎或社交网站支持,是非常好的 SEO 优化工具。

OG 协议常用值

og:locale //网站语言
og:type //类型 (常用值:website;article;book;movie)
og:title //标题
og:description //页面的简单描述
og:url //当前内容链接
og:video //视频
og:audio //音频
og:photo //图片
og:product //产品
og:image //缩略图
og:link //链接
og:site_name //页面所在网站名
og:audiosrc //音频地址
rr:appid //如果您的网站是CONNECT到renren.com的,请提供该ID
og:videosrc //视频资源链接,例如可是播放视频的flash地址
og:width //视频、图片的宽度
og:height //视频、图片的高度
og:artist //音乐家
og:contentid //内容主体的ID,用来标识当前页面主要内容所处的HTML标签的ID
og:price //产品价格
og:nick //店铺名
og:postfee //运费

要注意两点

第一点:

一个网页可以重复同样的 meta 标签,一般使用 og:type 标签将其分割,也就是 og:type 标签是每一段内容的起始处,下面是具体例子:

<meta property="og:type" content="video"/>
<meta property="og:title" content="网站SEO优化视频教程第一部 - 玩个机吧"/>
<meta property="og:image" content="https://baidu.com/2019103123321793.jpg"/>
省略.....
<meta property="og:type" content="video"/>
<meta property="og:title" content="聊聊我的网站搭建方法第三部 - 玩个机吧"/>
<meta property="og:image" content="https://baidu.com/3000103123321663.jpg"/>
省略.....

第二点:

我们知道 og:type 可以用来标注网页的类型,在 WordPress 方面,一般首页、列表页会使用 website 文章页一般用 article 下面是具体例子:

网站首页、列表页:

<meta property="og:type" content="website" />

网站文章页:

<meta property="og:type" content="article" />

WordPress 添加 OG 协议标签方法

通过纯代码或插件都可以为你的 WordPress 添加 OG 协议标签,常见的插件一般是 Yoast SEO 或者 The SEO Framework(The SEO Framework 的性能比较好,带有缓存功能)

如何使用纯代码添加呢?虫子菌下面提供一份代码,将其添加到 WordPress 主题的 header.php 文件的 head 标签内。

//WordPress SEO优化:添加OG协议标签(仅文章页)
//https://wangejiba.com/4687.html
if (is_singular()) {
<meta property="og:locale" content="zh_CN" />
<meta property="og:type" content="acticle">
<meta property="og:title" content="<?php wp_get_document_title();?>">
<meta property="og:site_name" content="<?php bloginfo('name');?>">
<meta property="og:description" content="<?php the_excerpt();?>">
<meta property="og:url" content="<?php the_permalink();?>"/>
<meta property="og:image" content="<?php wpjam_post_thumbnail();?>">
}

文章来源: WordPress SEO优化:添加OG协议标签

点赞 4

相关推荐

玻璃钢生产厂家保定玻璃钢花盆哪家好汕头玻璃钢家具价格福州玻璃钢花槽多少钱南阳玻璃钢人物雕塑四川玻璃钢装饰厂家直销浙江玻璃钢装饰价格宜昌玻璃钢餐桌椅制造衡阳玻璃钢花箱制造鹤壁玻璃钢沙发制造绵阳玻璃钢花坛价格遵义玻璃钢装饰多少钱池州商业美陈加工衡水玻璃钢浮雕厂固原玻璃钢天花吊顶承德玻璃钢前台制造黄冈玻璃钢花瓶制造青海玻璃钢浮雕厂家直销保山玻璃钢装饰造型厂家包头玻璃钢摆件加工许昌玻璃钢动物雕塑厂家太原不锈钢雕塑哪家好兰州玻璃钢树池批发宣城玻璃钢设备外壳制作甘肃玻璃钢花池价格潮州玻璃钢天花吊顶厂家海东玻璃钢花坛哪家好梧州玻璃钢花池生产厂家萍乡玻璃钢制作山东玻璃钢花池定制汕尾玻璃钢花池厂香港通过《维护国家安全条例》两大学生合买彩票中奖一人不认账让美丽中国“从细节出发”19岁小伙救下5人后溺亡 多方发声单亲妈妈陷入热恋 14岁儿子报警汪小菲曝离婚始末遭遇山火的松茸之乡雅江山火三名扑火人员牺牲系谣言何赛飞追着代拍打萧美琴窜访捷克 外交部回应卫健委通报少年有偿捐血浆16次猝死手机成瘾是影响睡眠质量重要因素高校汽车撞人致3死16伤 司机系学生315晚会后胖东来又人满为患了小米汽车超级工厂正式揭幕中国拥有亿元资产的家庭达13.3万户周杰伦一审败诉网易男孩8年未见母亲被告知被遗忘许家印被限制高消费饲养员用铁锨驱打大熊猫被辞退男子被猫抓伤后确诊“猫抓病”特朗普无法缴纳4.54亿美元罚金倪萍分享减重40斤方法联合利华开始重组张家界的山上“长”满了韩国人?张立群任西安交通大学校长杨倩无缘巴黎奥运“重生之我在北大当嫡校长”黑马情侣提车了专访95后高颜值猪保姆考生莫言也上北大硕士复试名单了网友洛杉矶偶遇贾玲专家建议不必谈骨泥色变沉迷短剧的人就像掉进了杀猪盘奥巴马现身唐宁街 黑色着装引猜测七年后宇文玥被薅头发捞上岸事业单位女子向同事水杯投不明物质凯特王妃现身!外出购物视频曝光河南驻马店通报西平中学跳楼事件王树国卸任西安交大校长 师生送别恒大被罚41.75亿到底怎么缴男子被流浪猫绊倒 投喂者赔24万房客欠租失踪 房东直发愁西双版纳热带植物园回应蜉蝣大爆发钱人豪晒法院裁定实锤抄袭外国人感慨凌晨的中国很安全胖东来员工每周单休无小长假白宫:哈马斯三号人物被杀测试车高速逃费 小米:已补缴老人退休金被冒领16年 金额超20万

玻璃钢生产厂家 XML地图 TXT地图 虚拟主机 SEO 网站制作 网站优化