為解決移動時代H5網(wǎng)站單一的流量+廣告變現(xiàn)模式搂捧,與用戶轉(zhuǎn)化渠道缺失問題贸营,百度搜索團(tuán)隊持續(xù)探索新模式骆捧,推出官方號功能岖常。使用此功能可以在移動端搜索頁面獲得個性化的尋址卡片及對站內(nèi)數(shù)據(jù)進(jìn)行結(jié)構(gòu)化展示侍筛。在移動端搜索流量日益重要的今天萤皂,網(wǎng)站在移動端獲得個性展示的優(yōu)勢無疑能提高網(wǎng)站的SEO優(yōu)化,為網(wǎng)站引來更多的用戶流量勾笆,雖然百度站長平臺有關(guān)于如何引入官方號數(shù)據(jù)的教程敌蚜,不過對于一些用戶來說還是比較晦澀難懂的,所以下面將結(jié)合WordPress詳細(xì)談?wù)勅绾螌⒕W(wǎng)站接入百度官方號窝爪。
接入官方號的頁面必須是H5頁面或者M(jìn)IP頁面弛车。所以在接入之前,用戶需搭建好自己WordPress所對應(yīng)的移動端頁面的主題蒲每。在接入的過程中纷跛,需要對接入的頁面主題進(jìn)行改造,因為MIP將會使移動端未來的主流邀杏,這里僅就MIP頁面如何改造進(jìn)行詳細(xì)的說明贫奠。
一唬血、在MIP頁面添加添加canonical標(biāo)簽
<link rel="canonical" href="http(s)://xxx"/>
canonical標(biāo)簽的作用是指向MIP頁面所對應(yīng)的PC頁面,通過該標(biāo)簽會告訴搜索引擎MIP頁面的來源PC頁唤崭,從而不會丟失搜索引擎對PC頁面的權(quán)重拷恨。canonical標(biāo)簽是MIP頁面的規(guī)范,在搭建MIP頁面的時候必須使用這個標(biāo)簽谢肾,否則不能通過MIP的代碼校驗腕侄。所有WordPress的MIP主題都會在主題內(nèi)的header文件帶有這個標(biāo)簽。
在實際的操作過程中芦疏,由于網(wǎng)站內(nèi)部的鏈接數(shù)量不是一個小的數(shù)目冕杠,手動將其一一替換并不現(xiàn)實,所以需要用到如下php代碼來進(jìn)行變量替換:
<?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地址即可分预,代碼執(zhí)行的過程中會將PC網(wǎng)頁內(nèi)所有鏈接一一替換成MIP網(wǎng)頁相對應(yīng)的鏈接。
二薪捍、添加Json_LD數(shù)據(jù)
以下是官方示例:通過示例簡單的能看出來笼痹,Json_LD數(shù)據(jù)是將MIP頁面進(jìn)行結(jié)構(gòu)化信息展示所必須填寫的數(shù)據(jù)。它將會告訴搜索引擎該頁面的文章標(biāo)題和文章內(nèi)容摘要及文章發(fā)布時間飘诗,通過該數(shù)據(jù)能很好的對頁面信息進(jìn)行展示及保護(hù)原創(chuàng)內(nèi)容与倡。但是同樣的,每個頁面的標(biāo)題和摘要都是不一樣的昆稿,也不可能手動去操作纺座,我們依然需要使用php代碼來動態(tài)提取這些變量。
首先將以下代碼添加進(jìn)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);
}
}
//優(yōu)先獲取文章中的三張圖溉潭,否則依次獲取自定義圖片/特色縮略圖/文章首圖
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;
}
然后將此段代碼添加進(jìn)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>
';}
?>
進(jìn)行完以上操作后,即可在頁面的head頭部對每個鏈接中的文章標(biāo)題喳瓣,文章內(nèi)容馋贤,發(fā)布時間等數(shù)據(jù)進(jìn)行提取展示。
三畏陕、添加關(guān)注功能代碼
此功能在百度官方頁面并未說明是需要必須選擇的配乓,但是在實際操作中發(fā)現(xiàn),若未使用此功能惠毁,將無法接入官方號數(shù)據(jù)犹芹。
此功能實現(xiàn)起來比較簡單,將以下代碼添加進(jìn)MIP主題文件的footer.php頁面的</body>標(biāo)簽之前:
<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有一套手機(jī)專屬的頁面蜈膨,當(dāng)前比較流行的僅使用一套模板實現(xiàn)自適應(yīng)的WordPress主題是無法進(jìn)行此項操作的屿笼。
文章來自www.52aite.cn