Hexo 隨手筆記 - 請 Google 讓 Blog 發光發熱吧 !

讓 Google 找到 Blog (๑✧∀✧๑)

為了讓 Google 可以更加靈活地搜尋到自己的 Blog
我們可以提供 Sitemap 檔案給 Google 進行讀取分析
這樣有助於別人可以透過 Google 搜尋到自己的 Blog
(以下操作方式均在 VS Code 開發環境中執行)

安裝 hexo sitemap 套件

首先輸入以下代碼安裝 hexo-generator-sitemap 套件

1
npm install hexo-generator-sitemap --save

成功後,可以在 package.json 檔案中,看到剛剛新增的 hexo-generator-sitemap 套件

加入 Sitemap 路徑

打開主程序中的 _config.yml,並輸入以下代碼

1
2
3
#Sitemap
sitemap:
path: sitemap.xml

創建 Sitemap 檔案

接著啟動本地伺服器

1
hexo s -p

於網址中最後輸入 /sitemap.xml
以塔克為例:http://localhost:4000/sitemap.xml
就會看到 Sitemap 檔案內容

首先打開 Google Search Console (在此之前請先申辦一個 Google 帳號並登入唷 !)
接著把 Blog 的主頁網址輸入
以塔克為例:https://happyhand.github.io/

提交後會看到 Google 請我們驗證網頁

額外小補充
是輸入主頁網址,不是剛剛的 sitemap.xml 網址唷 !!!
不然等等驗證會一直找不到網頁 !!!
不要像塔克一樣笨笨的,卡到快懷疑人生了
╥﹏╥

向 Google 驗證 Blog

總共有5種驗證方式
塔克選擇以 HTML 標記 為驗證方式
而這個驗證方式說簡單很簡單,說麻煩也挺麻煩的 (當時塔克又差點懷疑人生了 Or2)
簡單是說,只要把 HTML 中繼標記 (如下圖紅框) 添加到網站首頁的 < head > 至 < body > 區間中即可驗證

麻煩的是,因為 Hexo 的主題框架有很多種,偏偏每一種的添加方式又不太一樣
這邊塔克也是愛莫能助,只能提供塔克使用的主題 - Melody 給大家做參考

在 Blog 中添加 Google HTML 標記驗證 (以主題 - Melody 為例)

打開 ~/themes/Melody/layout/includes/layout.pug
找到 doctype html 設定
head 以及 body 中添加 HTML 中繼標記

1
meta(name="google-site-verification" content="85ut1Jqu7TICdlVpdg-R5Fu5dKwOj5tKHDS2-drMK7k")

接著打開 ~/themes/Melody/layout/includes/slide/layout.pug
以相同的方式添加 HTML 中繼標記
這邊塔克就不贅述了
接著 delpoy Blog,讓 Google 可以找到我們所添加的 HTML 中繼標記
再回到 Google 驗證的頁面提交驗證
成功後如下圖顯示:

提交 Sitemap 網頁

前往資源設定頁面後
打開 主選單,選擇 Sitemap,進入提交畫面
輸入 Sitemap 網址 (就是 https://yourblogurl/sitemap.xml ,通常只要輸入 sitemap.xml 就好)
按下提交

成功後,就等著 Google 幫我們去做網頁搜尋分析囉 (✪▽✪)y

參考
Sitemap 說明
Hexo Sitemap Github

Author: Vincent.xie
Link: http://happyhand.github.io/2018/11/29/Hexo-隨手筆記-請-Google-讓-Blog-發光發熱吧/
Copyright Notice: All articles in this blog are licensed under CC BY-NC-SA 4.0 unless stating additionally.