你的部落格被搜索引擎收錄了嗎？

2020 年 10 月 30 日
筆記
Hexo, 碼猿技術專欄

持續原創輸出，點擊上方藍字關注我

前言

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

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

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

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

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

如果搜索出結果，則表明被百度收錄了，如下我的部落格：

如何操作？

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

準備一個百度站長帳號

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

驗證網站所有權

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

沒有驗證過的可以自己認證下，網址：//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.xml和baidusitemap.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 = '//zz.bdstatic.com/linksubmit/push.js';        
    }
    else {
        bp.src = '//push.zhanzhang.baidu.com/push.js';
    }
    var s = document.getElementsByTagName("script")[0];
    s.parentNode.insertBefore(bp, s);
})();
</script>
{% endif %}

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

總結

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

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

Tags: Hexo 碼猿技術專欄