WordPressMIP页面接入百度官方号

百度MIP

为解决移动时代H5网站单一的流量+广告变现模式,与用户转化渠道缺失问题,百度搜索团队持续探索新模式,推出官方号功能。使用此功能可以在移动端搜索页面获得个性化的寻址卡片及对站内数据进行结构化展示。在移动端搜索流量日益重要的今天,网站在移动端获得个性展示的优势无疑能提高网站的SEO优化,为网站引来更多的用户流量,虽然百度站长平台有关于如何引入官方号数据的教程,不过对于一些用户来说还是比较晦涩难懂的,所以下面将结合WordPress详细谈谈如何将网站接入百度官方号。
接入官方号的页面必须是H5页面或者MIP页面。所以在接入之前,用户需搭建好自己WordPress所对应的移动端页面的主题。在接入的过程中,需要对接入的页面主题进行改造,因为MIP将会使移动端未来的主流,这里仅就MIP页面如何改造进行详细的说明。

一、在MIP页面添加添加canonical标签

<link rel="canonical" href="http(s)://xxx"/>
canonical标签的作用是指向MIP页面所对应的PC页面,通过该标签会告诉搜索引擎MIP页面的来源PC页,从而不会丢失搜索引擎对PC页面的权重。canonical标签是MIP页面的规范,在搭建MIP页面的时候必须使用这个标签,否则不能通过MIP的代码校验。所有WordPress的MIP主题都会在主题内的header文件带有这个标签。
在实际的操作过程中,由于网站内部的链接数量不是一个小的数目,手动将其一一替换并不现实,所以需要用到如下php代码来进行变量替换:

<?php
if(is_home()){
    echo '<link rel="canonical" href="'.str_replace('mip.localhost.com','localhost.com',get_bloginfo('url')).'" />'."\n";
}else
if(is_tax() || is_tag() || is_category()){
    $term = get_queried_object();
    echo '<link rel="canonical" href="'.str_replace('mip.localhost.com','localhost.com',get_term_link( $term, $term->taxonomy )).'" />'."\n";
}else
if(is_page()){
    echo '<link rel="canonical" href="'.str_replace('mip.localhost.com','localhost.com',get_permalink()).'" />'."\n";
}else
if(is_single()){
    echo '<link rel="canonical" href="'.str_replace('mip.localhost.com','localhost.com',get_permalink()).'" />'."\n";
}
?>

将此段代码添加到MIP主题的header.php页面。使用此代码只需将mip.localhost和localhost替换成用户自己的MIP页面地址和PC地址即可,代码执行的过程中会将PC网页内所有链接一一替换成MIP网页相对应的链接。

二、添加Json_LD数据

以下是官方示例:
百度官方号

通过示例简单的能看出来,Json_LD数据是将MIP页面进行结构化信息展示所必须填写的数据。它将会告诉搜索引擎该页面的文章标题和文章内容摘要及文章发布时间,通过该数据能很好的对页面信息进行展示及保护原创内容。但是同样的,每个页面的标题和摘要都是不一样的,也不可能手动去操作,我们依然需要使用php代码来动态提取这些变量。
首先将以下代码添加进MIP主题的function.php文件中:

//获取文章/页面摘要
function fanly_excerpt($len=220){
    if ( is_single() || is_page() ){
        global $post;
        if ($post->post_excerpt) {
            $excerpt  = $post->post_excerpt;
        } else {
            if(preg_match('/<p>(.*)<\/p>/iU',trim(strip_tags($post->post_content,"<p>")),$result)){
                $post_content = $result['1'];
            } else {
                $post_content_r = explode("\n",trim(strip_tags($post->post_content)));
                $post_content = $post_content_r['0'];
            }
            $excerpt = preg_replace('#^(?:[\x00-\x7F]|[\xC0-\xFF][\x80-\xBF]+){0,0}'.'((?:[\x00-\x7F]|[\xC0-\xFF][\x80-\xBF]+){0,'.$len.'}).*#s','$1',$post_content);
        }
        return str_replace(array("\r\n", "\r", "\n"), "", $excerpt);
    }
}
  
//优先获取文章中的三张图,否则依次获取自定义图片/特色缩略图/文章首图
function fanly_post_imgs(){
    global $post;
    $content = $post->post_content;  
    preg_match_all('/<img.*?(?: |\\t|\\r|\\n)?src=[\'"]?(.+?)[\'"]?(?:(?: |\\t|\\r|\\n)+.*?)?>/sim', $content, $strResult, PREG_PATTERN_ORDER);  
    $n = count($strResult[1]);  
    if($n >= 3){
        $src = $strResult[1][0].'","'.$strResult[1][1].'","'.$strResult[1][2];
    }else{
        if( $values = get_post_custom_values("thumb") ) {   //输出自定义域图片地址
            $values = get_post_custom_values("thumb");
            $src = $values [0];
        } elseif( has_post_thumbnail() ){   //如果有特色缩略图,则输出缩略图地址
            $thumbnail_src = wp_get_attachment_image_src(get_post_thumbnail_id($post->ID),'full');
            $src = $thumbnail_src [0];
        } else {    //文章中获取
            if($n > 0){ // 提取首图
                $src = $strResult[1][0];
            } 
        }
    }
    return $src;
}

然后将此段代码添加进header.php文件中:

<?php
if(is_single()){$original= get_post_meta(get_the_ID(),'original',true) ?',"isOriginal": "1"':'';
echo'<script type="application/ld+json">{"@context":
"[https://zhanzhang.baidu.com/contexts/cambrian.jsonld](https://zhanzhang.baidu.com/contexts/cambrian.jsonld)",
"@id":"'.get_the_permalink().'",
"title":"'.get_the_title().'",
"images": ["'.fanly_post_imgs().'"],
"description":"'.fanly_excerpt().'",
"pubDate":"'.get_the_time('Y-m-d\TH:i:s').'"
'.$original.'
}</script>
';}
?>

进行完以上操作后,即可在页面的head头部对每个链接中的文章标题,文章内容,发布时间等数据进行提取展示。
三、添加关注功能代码


百度官方号

此功能在百度官方页面并未说明是需要必须选择的,但是在实际操作中发现,若未使用此功能,将无法接入官方号数据。
此功能实现起来比较简单,将以下代码添加进MIP主题文件的footer.php页面的</body>标签之前:

<script src="[https://mipcache.bdstatic.com/extensions/platform/v1/mip-cambrian/mip-cambrian.js](https://mipcache.bdstatic.com/extensions/platform/v1/mip-cambrian/mip-cambrian.js)"></script>
<mip-cambrian site-id="ID"></mip-cambrian>

将ID修改为用户的官方号ID即可。
写在最后:
百度官方号是专为移动端搜索提供的一个新项目,所以在操作之前,需要保证自己的WordPress有一套手机专属的页面,当前比较流行的仅使用一套模板实现自适应的WordPress主题是无法进行此项操作的。
文章来自www.52aite.cn

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
  • 序言:七十年代末,一起剥皮案震惊了整个滨河市,随后出现的几起案子,更是在滨河造成了极大的恐慌,老刑警刘岩,带你破解...
    沈念sama阅读 217,734评论 6 505
  • 序言:滨河连续发生了三起死亡事件,死亡现场离奇诡异,居然都是意外死亡,警方通过查阅死者的电脑和手机,发现死者居然都...
    沈念sama阅读 92,931评论 3 394
  • 文/潘晓璐 我一进店门,熙熙楼的掌柜王于贵愁眉苦脸地迎上来,“玉大人,你说我怎么就摊上这事。” “怎么了?”我有些...
    开封第一讲书人阅读 164,133评论 0 354
  • 文/不坏的土叔 我叫张陵,是天一观的道长。 经常有香客问我,道长,这世上最难降的妖魔是什么? 我笑而不...
    开封第一讲书人阅读 58,532评论 1 293
  • 正文 为了忘掉前任,我火速办了婚礼,结果婚礼上,老公的妹妹穿的比我还像新娘。我一直安慰自己,他们只是感情好,可当我...
    茶点故事阅读 67,585评论 6 392
  • 文/花漫 我一把揭开白布。 她就那样静静地躺着,像睡着了一般。 火红的嫁衣衬着肌肤如雪。 梳的纹丝不乱的头发上,一...
    开封第一讲书人阅读 51,462评论 1 302
  • 那天,我揣着相机与录音,去河边找鬼。 笑死,一个胖子当着我的面吹牛,可吹牛的内容都是我干的。 我是一名探鬼主播,决...
    沈念sama阅读 40,262评论 3 418
  • 文/苍兰香墨 我猛地睁开眼,长吁一口气:“原来是场噩梦啊……” “哼!你这毒妇竟也来了?” 一声冷哼从身侧响起,我...
    开封第一讲书人阅读 39,153评论 0 276
  • 序言:老挝万荣一对情侣失踪,失踪者是张志新(化名)和其女友刘颖,没想到半个月后,有当地人在树林里发现了一具尸体,经...
    沈念sama阅读 45,587评论 1 314
  • 正文 独居荒郊野岭守林人离奇死亡,尸身上长有42处带血的脓包…… 初始之章·张勋 以下内容为张勋视角 年9月15日...
    茶点故事阅读 37,792评论 3 336
  • 正文 我和宋清朗相恋三年,在试婚纱的时候发现自己被绿了。 大学时的朋友给我发了我未婚夫和他白月光在一起吃饭的照片。...
    茶点故事阅读 39,919评论 1 348
  • 序言:一个原本活蹦乱跳的男人离奇死亡,死状恐怖,灵堂内的尸体忽然破棺而出,到底是诈尸还是另有隐情,我是刑警宁泽,带...
    沈念sama阅读 35,635评论 5 345
  • 正文 年R本政府宣布,位于F岛的核电站,受9级特大地震影响,放射性物质发生泄漏。R本人自食恶果不足惜,却给世界环境...
    茶点故事阅读 41,237评论 3 329
  • 文/蒙蒙 一、第九天 我趴在偏房一处隐蔽的房顶上张望。 院中可真热闹,春花似锦、人声如沸。这庄子的主人今日做“春日...
    开封第一讲书人阅读 31,855评论 0 22
  • 文/苍兰香墨 我抬头看了看天上的太阳。三九已至,却和暖如春,着一层夹袄步出监牢的瞬间,已是汗流浃背。 一阵脚步声响...
    开封第一讲书人阅读 32,983评论 1 269
  • 我被黑心中介骗来泰国打工, 没想到刚下飞机就差点儿被人妖公主榨干…… 1. 我叫王不留,地道东北人。 一个月前我还...
    沈念sama阅读 48,048评论 3 370
  • 正文 我出身青楼,却偏偏与公主长得像,于是被迫代替她去往敌国和亲。 传闻我的和亲对象是个残疾皇子,可洞房花烛夜当晚...
    茶点故事阅读 44,864评论 2 354

推荐阅读更多精彩内容