1. 程式人生 > >你的部落格被搜尋引擎收錄了嗎?

你的部落格被搜尋引擎收錄了嗎?

持續原創輸出,點選上方藍字關注我

目錄

  • 前言
  • 如何判斷自己的部落格被百度收錄了?
  • 如何操作?
    • 準備一個百度站長賬號
    • 驗證網站所有權
    • HTML驗證
    • 生成站點地圖
    • 如何自動推送?
    • 總結

前言

大部分人寫部落格都希望讓別人訪問到,但是GitHubCoding都做了防爬蟲的處理,因此我們託管在其上的部落格就無法被搜尋引擎收錄,需要我們手動提交。

今天作者就來介紹下如何才能讓度娘收錄你的部落格。作者的部落格是HEXO+GitHub搭建的,主題是NEXT,雖說各種主題不一樣,但是大致步驟相同,要學會舉一反三。

如果覺得NEXT主題不錯的朋友,可以切換主題,之前出過一篇NEXT主題優化的教程:女朋友看了我的部落格,說太LOW了,於是我折騰了一天~

如何判斷自己的部落格被百度收錄了?

判斷自己的部落格有沒被百度收錄很簡單,搜尋site:域名,比如site:www.baidu.com

如果搜尋出結果,則表明被百度收錄了,如下我的部落格:

如何操作?

操作步驟還是挺複雜的,但是跟著一步一步總能成功,下面將會逐一介紹。

準備一個百度站長賬號

已經有的不用申請了,沒有的註冊一個,註冊地址:https://ziyuan.baidu.com

驗證網站所有權

網站所有權通過驗證之後,百度會認為你是網站所有者,那麼你能做自動推送,手動提交等等功能。

沒有驗證過的可以自己認證下,網址:https://ziyuan.baidu.com/site/siteadd

開啟之後輸入你的部落格首頁地址,可以是Github Pages或者Coding的地址,然後點選下一步。

HTML驗證

這裡的驗證其實有三種方式,這裡作者說下HTML驗證的方式。

這裡的方法需要根據不同的主題進行配置,作者使用的是NEXT主題,其他主題可以自己摸索。

原理其實都是一樣:都是將HTML驗證標籤加入到部落格每個頁面的head裡面!注意是紅框中完整的標籤,而不是一部分!

第一步:在主題配置檔案_config.yml中新增如下一行配置:

baidu_site_verification: true

第二步:修改themes/next/layout/_partials/head.swig

,新增從百度獲取的完整的HTML驗證標籤,注意名字的對應!

{% if theme.baidu_site_verification %}
  <meta name="baidu-site-verification" content="你的token" />
{% endif %}

第三步:編譯釋出你的部落格,在部落格首頁按F12,如果在head標籤中看到了驗證標籤則成功了,如下:

第四步:點選驗證按鈕,如果沒問題則已成功。

生成站點地圖

通過構建網站地圖能夠讓搜尋引擎更好的抓取你的網站內容。

第一步:安裝外掛,在部落格根目錄,直接CMD執行以下命令安裝:

npm install hexo-generator-sitemap --save
npm install hexo-generator-baidu-sitemap --save

第二步:修改站點配置檔案_config.yml中的URL為你的部落格首頁地址,這樣是為了保證生成的sitemap.xml檔案中地址正確。

第三步:在站點配置檔案_config.yml中指定生成的sitemap的檔名和地址,在配置檔案末尾新增如下配置:

# 自動生成sitemap
sitemap: 
  path: sitemap.xml
baidusitemap: 
  path: baidusitemap.xml

第四步:執行hexo g,正常情況下會在根目錄下的public目錄下多出兩個檔案,分別是sitemap.xmlbaidusitemap.xml

站點地圖生成後,只需要等待百度自動抓取或者配置自動配送或者主動推送。

等待百度自動抓取:百度收錄都有一個週期,估計十幾天會抓取一次。

主動推送:在百度站長內手動提交自己的sitemap.xml內容,如下位置:

自動推送:這個是今天的重點,下面介紹。

如何自動推送?

第一步:修改主題配置檔案,將baidu_push修改為true,如下:

baidu_push: true

第二步:修改themes\next\layout\_scripts\baidu_push.swig(沒有這個檔案則建立),新增以下程式碼:

{% if theme.baidu_push %}
<script>
(function(){
    var bp = document.createElement('script');
    var curProtocol = window.location.protocol.split(':')[0];
    if (curProtocol === 'https') {
        bp.src = 'https://zz.bdstatic.com/linksubmit/push.js';        
    }
    else {
        bp.src = 'http://push.zhanzhang.baidu.com/push.js';
    }
    var s = document.getElementsByTagName("script")[0];
    s.parentNode.insertBefore(bp, s);
})();
</script>
{% endif %}

以上配置完成後,每次訪問部落格首頁會自動向百度提交,不用再手動提交了。

總結

百度收錄操作雖然複雜,但是按照作者的步驟來搞還是非常簡單的,對於有部落格的朋友可以借鑑下。

另外作者為大家準備接近10M的麵筋,涵蓋後端的各個層面,老規矩,公號內回覆Java面試寶典即可獲取。