首页>网站建设>Zblog博客不用插件添加代码支持og标签,zblog博客添加og标签代码
2019
08-10

Zblog博客不用插件添加代码支持og标签,zblog博客添加og标签代码

路由器刷机交流Q群

自从加入zblog阵营,现在使用的是一款免费的主题,也一直在完善主题,最近想给页面添加og标签,来优化在facebook、QQ、微博等SNS平台的分享样式,但是一直没有收到支持og标签的zblog插件。无奈只能自己动手,用最懒的方法来实现啦。以前讲过使用代码给zblog添加熊掌号支持的文章《Zblog博客不用插件手动添加支持熊掌号代码》

zblog博客添加og标签代码

一、og标签介绍

1.含义

og标签是Facebook在2010年F8会议上公布的一套Metatags规范,即在页面添加这种协议可以让网页成为一个“富媒体对象”,表示同意网页内容可以被其他社会化网站引用等。

2.作用

能够正确的分享网站内容到SNS网站

让您分享的内容更有效的的在SNS网站中传播

3.对搜索引擎的影响

给页面添加og标签可以被搜索引擎发现并评估权重,加强meta信息优化内容;对于搜索引擎的权重提升和排名还是很有利的。目前谷歌、百度、360、bing等搜索引擎都加强了对og标签的重视。比如百度的星火计划2.0(点我查看)。

二、是否会对百度收录造成影响

增加的og标签是可以被搜索引擎发现并评估权重的,也就是说你将原有meta信息优化手段同时使用到og标签当中,加强meta信息优化内容;对于权重提升和排名还是很有利的。

目前百度支持OG协议。按照百度的标准添加og标签是参与百度星火计划的前提条件之一。

参与OG协议对百度收录的好处:

能够正确被蜘蛛抓取您的网页到百度网页搜索

帮助您的内容更有效的在百度结构化展现

三、zblog主题代码实现og标签支持

只需要在熊掌号代码上稍加修改就可以成功添加og标签支持。

<meta property="og:type" content="blog">

<meta property="og:image" content="{php}$pattern="/<[img|IMG].*?src=[\'|\"](.*?(?:[\.gif|\.jpg|\.png]))[\'|\"].*?[\/]?>/";$content = $article->Content;preg_match_all($pattern,$content,$matchContent);echo $matchContent[1][0];{/php}">

<meta property="og:release_date" content="{$article.Time('Y-m-d')}">

<meta property="og:title" content="{$article.Title}">

<meta property="og:description" content="{$description}">

    <meta property="og:url" content="{$article.Url}">

<meta property="og:author" content="爱搜啊">

唯一有点不同的就是在时间标签上面,熊掌号代码里面的时间格式是通过“T”分割开的,而og标签时间是YY-MM-DD格式的。

在zblog里{$article.Time('Y-m-d')}就是输入时间格式为YY-MM-DD格式。

特别注意“{$article.Url}”只会获取文章页的URL链接。

四、大功告成

完成以上步骤,刷新网站页面,查看网页源码,看看是不是有显示啦?如下面这样

    <!-- Facebook Meta Tags -->

<meta property="og:type" content="blog">    

<meta property="og:image" content="https://image.aisoa.cn/2018/09/201809051967_4219.png">    

<meta property="og:release_date" content="2018-09-05">    

<meta property="og:title" content="手机打开网页自动跳转支付宝领红包JS代码">    

<meta property="og:description" content="最近打开某些网页,老是自动跳转到支付宝自动就把红包领取了。刚开始感觉也没什么。肯定是DNS劫持或者其他什么原因,那么就换个DNS解决吧,但是访问特定的网页还是自动跳转支付宝,那么肯定就是网页本身的问题了。刚开始很好奇,访问网页就可以自动跳转支付宝领红包,经过这几天的在网...">    

    <meta property="og:url" content="https://aisoa.cn/post-2141.html">    

<meta property="og:author" content="爱搜啊">

免费支持本站

支付宝打赏支付宝打赏微信打赏微信打赏

本文》有 1 条评论

  1. 访客 访客 说:

    很实用

留下一个回复 (您的评论需要经过审核才能显示)