SEO 完整指南

📑 目錄

什麼是 SEO？
Google Search Console 設置
Google Analytics 設置
標題與描述優化
內容優化策略
URL 結構優化
圖片優化
結構化數據
內部連結策略
行動裝置優化
網站速度優化
網站推廣
常見錯誤

1. 什麼是 SEO？

SEO（Search Engine Optimization）是搜尋引擎優化的縮寫，目的是讓你的網站在 Google、Bing 等搜尋引擎中獲得更高的排名。

為什麼 SEO 重要？

免費流量 - 不需要付費廣告就能獲得訪客
長期效益 - 一旦排名穩定，流量會持續進來
信任度高 - 自然搜尋結果比廣告更受信任
精準受眾 - 來的都是正在搜尋相關內容的人

SEO 的三大支柱

🔧 技術 SEO

網站速度、手機友善、結構化數據、SSL 憑證

📝 內容 SEO

關鍵字研究、高品質內容、標題優化、Meta 描述

🔗 站外 SEO

外部連結、社群媒體、品牌提及、口碑行銷

2. Google Search Console 設置

Search Console 是 Google 提供的免費工具，讓你監控網站在搜尋結果中的表現。

設置步驟

前往 search.google.com/search-console
點擊「新增資源」
選擇「網址前置字元」，輸入你的網址
選擇驗證方式（推薦 HTML 標記）
將驗證碼加到網站的 <head> 區塊
驗證成功後，提交 Sitemap

驗證碼範例

<!-- Google Search Console 驗證 -->
<meta name="google-site-verification" content="你的驗證碼" />

提交 Sitemap

https://你的網站.com/sitemap.xml

3. Google Analytics 設置

Google Analytics 是免費的網站流量分析工具，讓你了解訪客從哪裡來、看了什麼頁面、停留多久。

什麼是 Web Stream？

Web Stream（網路資料串流）是 Google Analytics 4 (GA4) 中收集網站數據的管道。

簡單理解

GA4 帳戶 = 你的分析總部
資源 (Property) = 一個專案/品牌
Web Stream = 一個網站的數據來源
Measurement ID (G-XXXXXX) = Web Stream 的識別碼

設置步驟

前往 analytics.google.com
點擊「開始測量」或「建立帳戶」
填寫帳戶名稱（例如：MyImageTools）
建立資源（Property），選擇時區和幣別
選擇「網路」建立 Web Stream
輸入你的網站網址
複製 Measurement ID（格式：G-XXXXXXX）

安裝追蹤代碼

將以下代碼加到每個頁面的 <head> 區塊（緊接在 <meta charset> 之後）：

<!-- Google tag (gtag.js) -->
<script async src="https://www.googletagmanager.com/gtag/js?id=G-XXXXXX"></script>
<script>
  window.dataLayer = window.dataLayer || [];
  function gtag(){dataLayer.push(arguments);}
  gtag('js', new Date());
  gtag('config', 'G-XXXXXX');
</script>

⚠️ 請將 G-XXXXXX 替換成你自己的 Measurement ID

GA4 可以追蹤什麼？

報表	資訊
即時	現在有多少人在網站上
使用者	訪客來自哪個國家、用什麼裝置
流量開發	訪客從哪裡來（Google、社群媒體、直接）
參與	哪些頁面最受歡迎、平均停留時間
轉換	訪客有沒有完成你設定的目標

這個 ID 可以公開嗎？

✅ 可以公開。Measurement ID（G-XXXXXX）就是設計來放在前端的，它只是識別碼，不是密碼。別人拿到這個 ID 也無法存取你的數據。

測試是否安裝成功

回到 Google Analytics
點擊左側「報表」→「即時」
打開你的網站
如果看到「1 位使用者」，表示安裝成功！

4. 標題與描述優化

Title 標籤（標題）

標題是 SEO 最重要的元素之一，直接影響點擊率和排名。

最佳實踐：

長度：50-60 字符
主要關鍵字放前面
每個頁面標題都要獨特
包含品牌名稱

範例：

<!-- ✅ 好的標題 -->
<title>Free Image Compressor - Reduce Size Online | MyImageTools</title>

<!-- ❌ 不好的標題 -->
<title>MyImageTools</title>
<title>Home Page - Welcome to Our Website</title>

Meta Description（描述）

描述不直接影響排名，但會影響點擊率。

最佳實踐：

長度：150-160 字符
包含主要關鍵字
有行動呼籲（CTA）
準確描述頁面內容

範例：

<meta name="description" content="Compress images up to 90% smaller
without losing quality. Free online tool, no upload required -
100% private. Works on any device. Try it now!">

5. 內容優化策略

E-E-A-T 原則

Google 評估內容品質的標準：

Experience（經驗）- 作者有實際經驗嗎？
Expertise（專業）- 作者是該領域專家嗎？
Authoritativeness（權威）- 網站有權威性嗎？
Trustworthiness（可信）- 內容可信嗎？

內容結構建議

工具類網站每個頁面應包含：

工具本身 - 放在頁面上方
如何使用 - 3-5 個步驟說明
功能特色 - 為什麼用你的工具
常見問題 FAQ - 5-10 個問答
相關工具 - 內部連結

標題層級結構

<h1>Image Compressor</h1>           <!-- 每頁只有一個 -->
  <h2>How to Compress Images</h2>   <!-- 主要章節 -->
    <h3>Step 1: Upload</h3>         <!-- 子章節 -->
    <h3>Step 2: Adjust</h3>
  <h2>Features</h2>
  <h2>FAQ</h2>

6. URL 結構優化

好的 URL 特徵

簡短、描述性
使用連字號 (-) 分隔單詞
全部小寫
包含關鍵字
避免參數和數字 ID

範例對比：

✅ 好的 URL：
https://myimagetools.site/compress/
https://myimagetools.site/heic-to-jpg/
https://myimagetools.site/png-to-ico/

❌ 不好的 URL：
https://myimagetools.site/tool?id=123
https://myimagetools.site/p/456/convert
https://myimagetools.site/Tool_Page_1

7. 圖片優化

圖片 SEO 要點

Alt 文字 - 描述圖片內容，幫助視障用戶和搜尋引擎理解
檔案名 - 使用描述性名稱，如 image-compressor-tool.png
檔案大小 - 壓縮圖片，加快載入速度
格式選擇 - WebP 格式最佳
尺寸屬性 - 指定 width 和 height 防止版面跳動

範例：

<img
  src="/images/compress-tool-screenshot.webp"
  alt="Image compression tool showing 80% file size reduction"
  width="800"
  height="600"
  loading="lazy"
>

8. 結構化數據（Schema.org）

結構化數據幫助 Google 更好地理解你的網站內容，並可能在搜尋結果中顯示豐富摘要。

網站應用程式 Schema

適合工具類網站：

<script type="application/ld+json">
{
  "@context": "https://schema.org",
  "@type": "WebApplication",
  "name": "Image Compressor",
  "url": "https://myimagetools.site/compress/",
  "description": "Free online image compression tool",
  "applicationCategory": "MultimediaApplication",
  "operatingSystem": "Any",
  "browserRequirements": "Requires JavaScript",
  "offers": {
    "@type": "Offer",
    "price": "0",
    "priceCurrency": "USD"
  }
}
</script>

FAQ Schema

可在搜尋結果中顯示 FAQ：

<script type="application/ld+json">
{
  "@context": "https://schema.org",
  "@type": "FAQPage",
  "mainEntity": [{
    "@type": "Question",
    "name": "Is this tool free?",
    "acceptedAnswer": {
      "@type": "Answer",
      "text": "Yes, completely free with no hidden costs."
    }
  }, {
    "@type": "Question",
    "name": "Are my images safe?",
    "acceptedAnswer": {
      "@type": "Answer",
      "text": "Yes, all processing happens in your browser."
    }
  }]
}
</script>

測試工具

Google Rich Results Test - 測試你的結構化數據是否正確

9. 內部連結策略

為什麼重要？

幫助 Google 發現和索引頁面
分配頁面權重
改善用戶體驗
降低跳出率

最佳實踐

使用描述性錨文字（不要用「點這裡」）
連結到相關內容
重要頁面獲得更多內部連結
確保沒有死連結

範例：

<!-- ✅ 好的錨文字 -->
壓縮圖片後，你可能還需要 <a href="/resize/">調整圖片大小</a>。

<!-- ❌ 不好的錨文字 -->
調整圖片大小請 <a href="/resize/">點這裡</a>。

10. 行動裝置優化

Google 使用「行動優先索引」，意味著 Google 主要使用網站的行動版本來排名。

必做事項

響應式設計 - 自動適應各種螢幕尺寸
Viewport Meta - 必須設置
字體大小 - 至少 16px
按鈕大小 - 至少 48x48 像素
避免橫向捲動

Viewport 設置：

<meta name="viewport" content="width=device-width, initial-scale=1.0">

測試工具

Google Mobile-Friendly Test

11. 網站速度優化

網站速度是 Google 排名因素之一，也直接影響用戶體驗。

Core Web Vitals

LCP（最大內容繪製）- 應 < 2.5 秒
FID（首次輸入延遲）- 應 < 100 毫秒
CLS（累積版面位移）- 應 < 0.1

優化方法

壓縮圖片
使用 CDN
啟用 Gzip/Brotli 壓縮
減少 JavaScript 和 CSS
使用瀏覽器快取
延遲載入圖片（lazy loading）

測試工具

PageSpeed Insights - Google 官方速度測試工具

12. 網站推廣

免費推廣管道

平台	做法
Reddit	在 r/webdev、r/design 等分享
Product Hunt	發布你的工具產品
Hacker News	Show HN 貼文
Twitter/X	分享工具和更新
技術部落格	寫教學文章

注意事項

❌ 不要垃圾式發連結
❌ 不要購買連結
✅ 提供真正的價值
✅ 參與社群討論

13. 常見 SEO 錯誤

不需要做的事

Meta Keywords - Google 不使用這個標籤
關鍵字堆砌 - 重複相同關鍵字會被懲罰
隱藏文字 - 白底白字等技巧會被懲罰
買連結 - 違反 Google 政策
複製內容 - 每個頁面內容應該獨特

常見技術錯誤

沒有 SSL 憑證（非 HTTPS）
robots.txt 阻擋 Google
沒有提交 Sitemap
死連結（404 錯誤）
重複的標題和描述
缺少 Canonical 標籤

📋 SEO 檢查清單

基礎設置

□ Google Search Console
□ 提交 Sitemap
□ SSL 憑證（HTTPS）

頁面優化

□ 獨特的 Title
□ Meta Description
□ H1 標題
□ 結構化數據

技術優化

□ 行動裝置友善
□ 網站速度 > 90分
□ 圖片優化
□ 無死連結

📑 目錄

1. 什麼是 SEO？

為什麼 SEO 重要？

SEO 的三大支柱

🔧 技術 SEO

📝 內容 SEO

🔗 站外 SEO

2. Google Search Console 設置

設置步驟

驗證碼範例

提交 Sitemap

3. Google Analytics 設置

什麼是 Web Stream？

簡單理解

設置步驟

安裝追蹤代碼

GA4 可以追蹤什麼？

這個 ID 可以公開嗎？

測試是否安裝成功

4. 標題與描述優化

Title 標籤（標題）

最佳實踐：

範例：

Meta Description（描述）

最佳實踐：

範例：

5. 內容優化策略

E-E-A-T 原則

內容結構建議

標題層級結構

6. URL 結構優化

好的 URL 特徵

範例對比：

7. 圖片優化

圖片 SEO 要點

範例：

8. 結構化數據（Schema.org）

網站應用程式 Schema

FAQ Schema

測試工具

9. 內部連結策略

為什麼重要？

最佳實踐

範例：

10. 行動裝置優化

必做事項

Viewport 設置：

測試工具

11. 網站速度優化

Core Web Vitals

優化方法

測試工具

12. 網站推廣

免費推廣管道

注意事項

13. 常見 SEO 錯誤

不需要做的事

常見技術錯誤

📋 SEO 檢查清單

基礎設置

頁面優化

技術優化

相關資源