前言#
SEO（搜尋引擎優化）對於任何網站來說都是非常重要的，這裡簡單記錄一下 Hugo 網站是如何進行 SEO 優化，以及如何新建 Google Search Console、Google Analytics。讓自己的 GitHub Pages 能在 Google 搜尋結果中被看見，並以 Google Analytics 進行分析。
Hugo 的 SEO 優化#
Meta 標籤優化#
在 Hugo 中，我們可以通過以下方式優化 meta 標籤：
把網頁 head 標籤中的 meta 訊息設定好，例如 title, description, categories, author, tags 等等。
有任何想新增的欄位，也可以加在 YAML Front Matter 中，如下：
---
title: "Hugo 網站的 SEO 優化與 Google 分析"
date: 2024-07-03T14:36:11+09:00
description: "Hugo 網站的 SEO 優化介紹，以及 Google Search Console 提交，讓自己的 GitHub Pages 能在 google 搜尋結果 被看見，並以 Google Analytics進行分析。"
tags: ["SEO","hugo","Google Search Console","Google Analytics"]
categories: ["hugo網站架設"]
draft: false
author: "Eason"
slug: hugo-website-seo-optimization
---結構化資料#
為文章添加結構化資料，幫助搜尋引擎更好地理解內容。在 Hugo 中，可以在 schema.html 中設定：
<script type="application/ld+json">
{
"@context": "https://schema.org",
"@type": "Article",
"headline": "{{ .Title }}",
"description": "{{ .Description }}",
"author": {
"@type": "Person",
"name": "{{ .Site.Params.author }}"
},
"datePublished": "{{ .Date.Format "2006-01-02T15:04:05Z07:00" }}",
"dateModified": "{{ .Lastmod.Format "2006-01-02T15:04:05Z07:00" }}",
"publisher": {
"@type": "Organization",
"name": "{{ .Site.Title }}"
}
}
</script>網站地圖 (Sitemap)#
Hugo 內建自動生成 sitemap.xml的服務，可以透過修改 hugo.toml 去設置關於 Sitemap 的配置參數：
# Sitemap 配置
[sitemap]
changefreq = "daily"
priority = 0.5
filename = "sitemap.xml"
[languages]
[languages.zh-TW]
languageCode = "zh-TW"
languageName = "繁體中文"
weight = 1
title = "Eason的部落格"
contentDir = "content/posts"robots.txt 優化#
創建或優化 static/robots.txt：
User-agent: *
Allow: /
# 網站地圖
Sitemap: https://yourdomain.com/sitemap.xml
# 禁止爬取管理頁面
Disallow: /admin/
Disallow: /private/Google Search Console#
註冊 Google Search Console#
點左上角
新增資源，點選「網址前置」，輸入網域。
選擇
驗證方式：下載HTML 檔案直接將下載下來的HTML 檔放到 Hugo 網站的/static目錄下(根目錄)。
重新部署
Hugo 網站等待幾分鐘後，按下
驗證，成功會顯示提示如圖。
提交 Sitemap。#
- 在 Search Console 的左側選單點選
Sitemap。 - 添加
sitemap.xml URL：https:/eason0614.github.io/zh-tw/sitemap.xml - 提交後，
Google會開始爬取你的網站
剛提交應該會顯示資料處理中，過幾天再回來看成效。
Google Analytics#
點擊左上「
建立」，新增資源，並填入網址與名稱。
將
Google 代碼 ID複製下來，貼到hugo.toml的googleAnalytics參數設定中。
# hugo.toml
googleAnalytics = "G-XXXXXXX"- 重新部署
Hugo 網站，並回到新增頁面按下測試，成功後就能使用Google Analytics的功能了。
總結#
Hugo 網站的本身已有提供一些 SEO 優化的方法，通過這些優化措施，特別是對於使用 Hugo 建立的靜態網站，做好 SEO 優化才能讓你的文章被更多人看見。