推56論壇

 找回密碼
 立即注冊(限中文)

QQ登錄

只需一步,快速開始

查看: 1907|回複: 1

[熊掌號教程] 個人網站接入百度熊掌號方法,手把手教你如何配置!

  [複制鏈接]
發表于 2018-4-23 11:53:50 | 顯示全部樓層 |閱讀模式

  前兩天開通熊掌號,昨天通過了。就想著趕快接入網站,聽說對網站有加成,可以提高收錄和排名,新站不容易啊,寫了文章都沒人看,哭!
  剛剛網上找教程,根據蝈蝈要安靜博客的代碼,成功接入熊掌號,想著趕快記錄下來,給廣大站長一個參考。
  熊掌號接入教程
  博主個人使用的是WordPress,其他網站程序應該通用,建議備份文件!
  網站CMS:WordPress
  網站主題:大前端DUX
  涉及文件:
  header.php
  functions.php
  single.php
  改造作用:
  1.添加以下代碼後,您提交的內容能在搜索結果中以結構化樣式展現。
  2.同時每天還會從您提交的新增內容中隨機抽取5條在您的手機百度熊掌號主頁中展現。
  准備好了就開始:
  header.php修改
  打開網站後台文件夾,進入根目錄-wp_content-theme文件夾,找到header.php文件,加入如下代碼:
  <!-- 百度熊掌號頁面改造 -->
  <link rel="canonical" href="<?php the_permalink() ?>"/>
  <script src="//msite.baidu.com/sdk/c.js?appid=你的熊掌號ID"></script>
  <?php
  if(is_single()){
  echo '<script type="application/ld+json">
  {
  "@context": "http://ziyuan.baidu.com/contexts/cambrian.jsonld",
  "@id": "'.get_the_permalink().'",
  "appid": "你的熊掌號ID",
  "title": "'.get_the_title().'",
  "images": ["'.fanly_post_imgs().'"],
  "description": "'.fanly_excerpt().'",
  "pubDate": "'.get_the_time('Y-m-d\TH:i:s').'"
  }
  </script>';
  代碼詳解:
  第一行添加canonlcal標簽
  第二行添加熊掌號ID聲明
  剩下的代碼添加JSON_LD數據!
  具體詳情可在熊掌號查看,這裏只需要修改熊掌號id即可,在頁面提交中即可找到,最後保存即可!
  functions.php修改
  1. 打開當前目錄下functions.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>/iU',trim(strip_tags($post->post_content,"
  ")),$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"), "", $excerpt);
  }
  }
  //優先獲取文章中的三張圖,否則依次獲取自定義圖片/特色縮略圖/文章首圖 last update 2017/11/23
  function fanly_post_imgs(){
  global $post;
  $content = $post->post_content;
  preg_match_all('/<img .*?src=[\"|\'](.+?)[\"|\'].*?>/', $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;
  }這段代碼的作用是通過上一段代碼定義的兩個函數獲取文章和頁面的描述以及圖像。
  兩個變量爲:
  .fanly_post_imgs()
  .fanly_excerpt()
  single.php修改
  我最近關注了不少博客,發現大部分博客將熊掌號添加到了文章頁,代碼參考處蝈蝈要安靜也是如此,那我也就隨大流了!



  打開singlephp文件,並添加如下代碼,添加地方大概在第二十行,</article>後面。
  <script>cambrian.render('tail')</script>效果可以參考無夢博客!
  其實熊掌號有三種展現形式,我的博客只添加了一種,剩余兩種如下:
  頂部bar-在頁面<body>標簽後添加代碼
  <script>cambrian.render('head')</script>
  段落間bar-在頁面段落之間添加代碼
  <script>cambrian.render('body')</script>
  最後一種底部bar就是我們現在使用的,注意,最多只能添加兩個bar,百度後期會審核!
  在線檢驗
  頁面改造完畢後,使用在線檢驗工具檢查頁面的正確性!
  打開熊掌號-頁面改造-在線檢驗工具。
  隨便打開博客內的一篇文章,複制該頁URL地址並輸入到檢驗工具中。
  將剛才那篇文章的源代碼(F12)也複制過去。
  如果成功,顯示檢驗成功!
  完畢!
  作者:無夢博客
  相關閱讀:
  百度熊掌號新搜索指數上線
  百度80%搜索流量將全部分發給優質熊掌號
  新站如何被百度快速收錄
  頂: 0踩: 0
  來源:盧松松博客,歡迎分享,(QQ/微信:13340454)

本帖子中包含仁鼎彩票免费助手資源

您需要 登錄 才可以下載或查看,沒有帳號?立即注冊(限中文)

x
發表于 2018-6-20 10:55:50 | 顯示全部樓層
濰坊SEO  www.meiyangseo.com
穩定土拌合站廠家 www.beianzhonggong.com
回複 支持 反對

使用道具 舉報

高級模式
B Color Image Link Quote Code Smilies
您需要登錄後才可以回帖 登錄 | 立即注冊(限中文)

本版積分規則

關閉

推56站長論壇推薦上一條 /1 下一條

站長QQ
在線咨詢
咨詢熱線
QQ:405327411

QQ|免責聲明|小黑屋|站長論壇 ( 豫ICP備11018337號-5 )

王寶臣旗下網站 推56論壇(www.lifenize.com)站長論壇 SEO論壇 網絡營銷論壇 新手站長論壇 網絡推廣論壇 站長社區 站長網

Powered by Discuz! X3.4 Licensed

©2001-2013 Comsenz Inc.

快速回複 返回頂部 返回列表
X-POWER-BY FNC V1.0.0 FROM 自制56