張阿道

SEO是什麼（網站行銷、關鍵字排名優化）

SEO (Search Engine Optimization 搜尋引擎優化) 是一種提升網站在搜尋引擎「自然排序」的網路行銷策略和技巧。透過提升特定網頁在特定關鍵字的 SERP (Search Engine Results Pages 搜尋結果頁面) 上的排名，SEO有助增加網站流量。

SEO是免費的自然排序，不是買關鍵字廣告——後者稱 SEM (Search Engine Marketing 搜尋引擎行銷) 。

目錄

SEO公司服務價格

負責任的SEO公司根據客戶想達到的SEO效果或 KPI 收費。 SEO KPI 可以是

  • 無痕模式搜尋特定關鍵字時，客戶網頁排Google前＿＿名。
    • 以本站為例：搜尋「第三方支付平台」時，張阿道排Google前 3 名
  • 客戶的 Google Search Console > 成效 > 查詢 ，特定「熱門查詢項目」的「排名」值。
    • 以本站的熱門查詢項目為例

    熱門查詢項目 = 已開始排名的關鍵字。

不推薦的 SEO KPI （容易造假/黑帽）：

SEO服務報價

服務項目價格（一次性費用）
網頁優化/On-page SEO（圖片、結構化資料、meta description、HTML alt、內部和外部連結）議定
Sitemap製作與提交NT$2,000 ~ NT$5,000
robots.txt 測試與更新NT$500 ~ NT$2,000
關鍵字分析與規劃NT$5,000 ~ NT$10,000（每 5 組關鍵字）
網站架構圖 + 網頁標題設計NT$8,000 ~ NT$20,000（每 5 組關鍵字）
301轉址設定議定
網站速度優化NT$3,000 ~ NT$8,000
SEO文章/文案撰寫NT$10,000 ~ NT$30,000（每 5 組關鍵字）
關鍵字排名 KPI 目標達成議定

關鍵字的自然排序難度/競爭度決定價格。

關鍵字組數愈多，綜效愈好。

「關鍵字排名 KPI 目標達成」是真正讓客戶和SEO公司獲利、雙贏的服務項目！首次達成目標最難（較高的一次性費用），後續維護相對容易（可選、較低的月費）。

SEO多久見效

粗估的預期效益僅供參考（沒有Google或Bing的官方標準答案）：

新網頁上線時間SEO可見效果例子
3 個月30%核心關鍵字排Google前四頁
6 個月60%核心關鍵字排Google前兩頁
一年85%核心關鍵字排Google第一頁、前 5 或前 3 名
二年100%排名變動很小——除非大幅修改網頁內容

SEO優化教學

RWD響應式網頁設計

  • RWD (Responsive Web Design 響應式網頁設計) 是對不同裝置（如手機、筆電、平板）使用相同程式碼的網頁設計。Google建議使用RWD[1]，因為只有一個版本的程式碼要維護。
  • AWD (Adaptive Web Design) 和「手機版 + 電腦版」網頁設計有多個版本的程式碼要維護。
RWD用一組程式碼、根據螢幕寬度調整顯示方式

用行動裝置相容性測試檢查網頁適不適合透過行動裝置瀏覽：

輸入要測試的網址、或貼上代碼

網頁設計公司報價 vs 網站架設費用

如何讓Google搜尋到我的網頁

輸入 site:[我的網域名稱] 能查看已經被Google索引/收錄的網頁 – 例如搜尋 site:costco.com.tw 能查到好市多已被Google索引的網頁：

site:[我的網域名稱] 語法（以 costco.com.tw 為例）

網域名稱是什麼？

在 Google Search Console 提交 Sitemap 有助加速Google索引你的網頁，以本站為例：

路徑：Google Search Console > Sitemap

為什麼 Google 搜尋找不到我的網頁？

圖片壓縮

搜尋引擎（及使用者）希望網頁載入速度愈快愈好。圖片檔案愈小，網頁載入速度愈快，所以要

  1. 縮小圖片尺寸
  2. 在不失真的前提下，盡量壓縮每個圖檔至 200KB 以下

網頁圖片的實際寬度建議是「文案最大寬度 × 2 」 – 例如本頁文案最大寬度是 666px ，使用的圖片寬度就是 666px × 2 = 1332px

圖片壓縮軟體：

  • Squoosh
  • Photoshop
  • Photoshop Express
  • TinyJPG 、 TinyPNG
  • Image Compressor (Optimizilla)
  • iLoveIMG

大部分瀏覽器支援 JPG 、 GIF 、 PNG 和 WebP 圖檔格式。

關鍵字分析工具

關鍵字分析 (Keyword analysis) 有助 SEO 的網站架構規劃、網頁標題設計和SEO文章撰寫，亦有助於市場分析、數位廣告投放、社群行銷、內容行銷和市場區隔（針對行為＆心理變數）。

六個免費關鍵字分析工具：

  1. Google搜尋自動填入 + SERP相關搜尋
    2. Google搜尋自動填入的關鍵字——以「電動車」為例。
    空格鍵可以讓Google產生更多關鍵字
    Google SERP相關搜尋（位於搜尋結果頁面底部）建議的關鍵字
    • 免費
    • 有時會產生”長尾關鍵字”
    • 有時會產生同義詞＆相關詞
    • 沒有搜尋量、競爭難度、CPC… 等數據（被重複建議的關鍵字有一定程度的搜尋量）

    無痕模式有助搜尋到更客觀的關鍵字建議。

  2. Google Trends 搜尋趨勢

    3. Google Trends 有助分析產業類別、市場競爭品牌的成長或衰退趨勢。

    以分析電動車產業類別（比較搜尋字詞）為例
    以分析電動機車的市場競爭品牌（比較主題）為例
    • 免費
    • 能比較最多 5 組關鍵字的搜尋趨勢
    • 能設定國家＆日期範圍
    • 沒有搜尋量(絕對值)、競爭難度、CPC… 等數據
    • 沒有同義詞＆相關詞
  3. ChatGPT

    4. 生成式 AI ChatGPT 支持中文：

    以「電動機車」為例
    複製貼上ChatGPT產生的關鍵字——以「電動機車價格」為例。

    重複以上操作能大量產生文章。

    • 免費
    • 能產生”長尾關鍵字”、寫作靈感和文章
    • 運行較慢，因為需較多運算資源
    • 有時會提供錯誤、過時資訊，甚至出現幻覺/捏造事實！
  4. Google Ads 關鍵字規劃工具

    5. 以「電動車」的關鍵字清單為例：

    路徑：Google Ads > 工具與設定 > 規劃 > 關鍵字規劃工具
    • 有Google帳戶就能免費使用，不須買廣告
    • “首頁頂端出價 (低價範圍)” 和 “首頁頂端出價 (高價範圍)” 暗示關鍵字的轉換率
    • “平均每月搜尋量” 只有範圍
    • “競爭程度” 是指在廣告刊登（非自然排序）位置的競爭
  5. YouTube搜尋自動填入
    6. YouTube搜尋自動填入的關鍵字——以「電動車」為例。
    空格鍵可以讓YouTube產生更多關鍵字
    • 免費
    • 有時會產生熱門關鍵字（有時效，較適合社群媒體行銷）
    • 幾乎沒有同義詞＆相關詞
    • 沒有搜尋量、競爭難度、CPC… 等數據（被重複建議的關鍵字有一定程度的搜尋量）

    無痕模式有助搜尋到更客觀的關鍵字建議。

  6. Google Search Console

    7. 以本站為例：

    路徑：Google Search Console > 成效 > 查詢
    • 免費
    • 能看到針對自己網站的關鍵字點擊(自然流量)、曝光(搜尋量)、點閱率和排名
    • 須架設、經營網站並連結 Google Search Console
    • 沒有關鍵字建議
    • 沒有競爭難度 & CPC 數據
  1. Ahrefs

    2. 以查詢「電動車」為例，關鍵字報告有通路商、產業類別、競爭品牌和替代品：

    路徑：Ahrefs > Keywords Explorer > Related terms > All
    • KD (Keyword Difficulty): 關鍵字難度
    • Volume: 每月搜尋量（所選國家）——暗示市場規模
    • GV (Global Volume): 每月搜尋量（全球）
    • TP (Traffic Potential): 流量潛力
    • CPC (Cost Per Click): 每次點擊費用/成本
    • CPS (Clicks Per Search): 每次搜尋點擊次數
    • SF (SERP Features): 搜尋結果頁面的特色（複合式搜尋結果）數
  2. Ubersuggest

    3. 以查詢「電動車」為例：

    路徑：Ubersuggest > Keyword Research > Keyword Ideas
    • VOLUME: 每月搜尋量（基於所選國家）
    • CPC (Cost Per Click): 每次點擊費用/成本——暗示關鍵字的轉換率
    • PAID DIFFICULTY: 付費廣告競爭難度
    • SEO DIFFICULTY: 自然排序難度
  3. Mangools

    4. 以查詢「電動車」為例：

    路徑：Mangools > KWFinder
    • Trend: 過去 12 個月搜尋量趨勢
    • Search: 每月搜尋量（基於所選國家、語言）
    • CPC (Cost Per Click): 每次點擊費用/成本
    • PPC (Pay Per Click): 每次點擊付費競爭度
    • KD (Keyword Difficulty): 關鍵字難度

網站流量分析工具

分析別人（含競爭者）網站流量的工具：

  • SimilarWeb
    • 路徑：SimilarWeb > Competitive Research > Traffic > Traffic and Engagement
  • Ubersuggest
    • 路徑：Ubersuggest > Traffic Estimation > Top Pages by Traffic

    “個別網頁流量”暗示整個網站的品牌定位。

  • Ahrefs
    • 路徑：Ahrefs > Site Explorer > Organic search > Top pages

    Ubersuggest 和 Ahrefs 呈現的是源自搜尋引擎的自然流量 (Organic traffic) 。

  • Social Blade（適用於YouTube頻道、IG帳號）

分析自己網站流量的工具：

  • Google Analytics 4, GA4
    • 路徑：Google Analytics > 首頁
    路徑：GA4 > 報表 > 參與 > 網頁和畫面
    • 「瀏覽」量大於「使用者」人數，因為一位使用者可以瀏覽多個網頁。
    • 最熱門網頁有助品牌(重新)定位。
  • Google Search Console
    • 路徑：Google Search Console > 成效 > 網頁

    點擊 = 源自搜尋引擎的自然流量。

網站架構圖範例

從UI, UX設計的角度看，網站/軟體架構 = IA (Information Architecture 資訊架構) 或 Functional map 功能地圖，可透過樹狀圖軟體或表格如Excel、Google試算表… 製作。網站架構有助導覽列和 HTML title (網頁標題) 設計。

Apple的網站架構圖範例（部分）：

Apple的網站架構圖範例

星巴克的網站架構圖範例（部分）：

星巴克的網站架構圖範例

不同分支的網頁之間可透過內部連結 (Internal links) 互聯

心智圖/樹狀圖製作軟體：

  • Miro Mind Map
  • MindMeister
  • GitMind
  • XMind
  • Diagrams.net

Sitemap網站地圖產生器、XML製作＆提交範例

結構化資料 & 複合式搜尋結果測試

網頁標記結構化資料 (Structured data) 有助提高點閱率——透過在 SERP 呈現複合式搜尋結果 (Rich results) 。

例子：

結構化資料之 FAQ (常見問題) 在 SERP 呈現的複合式搜尋結果

該網頁的結構化資料（JSON-LD 代碼）：

Google搜尋支援的結構化資料標記超過 30 種（內含 JSON-LD 範例）。

標記步驟：

  1. 編寫 JSON-LD
  2. 用複合式搜尋結果測試已寫好的代碼
  3. 若測試沒問題，將代碼貼入網頁的 HTML head

持續透過 Google Search Console 監測網站上的結構化資料：

網頁速度測試 & SEO評分工具

網頁速度測試工具（含 SEO 評分/檢測）：

  • PageSpeed Insights
    • PageSpeed Insights 能檢測網站體驗核心指標、效能、無障礙功能、最佳做法和搜尋引擎最佳化 (SEO) ，並教你如何改善。
  • GTmetrix
    • GTmetrix 有位於東亞（香港、韓國、日本、新加坡）的測試伺服器——須登入 GTmetrix 才能變更。
  • Pingdom Website Speed Test
    • Pingdom Website Speed Test 有位於東亞（日本）的測試伺服器。
  • Google Lighthouse (Chrome瀏覽器內建工具)
    • 路徑：透過 Chrome 瀏覽器到達要測試的網頁 > 檢視 > 開發人員選項 > 開發人員工具 > Lighthouse

    Lighthouse的「測試伺服器」是你正在使用的電腦/行動裝置。

301轉址設定

301轉址 (301 redirect) 是透過「永久重定向 URL」將舊網頁的流量、權重遷移/跳轉至新網頁。

四種301轉址設定方法（最推薦第一種）：

  1. 虛擬主機或架站平台提供的轉址工具
    2. 虛擬主機提供的轉址工具例子
  2. 伺服器端（編寫Apache的 .htaccess 檔案或NGINX的 rewrite 指令）
  3. WordPress網站：編輯 functions.php 檔案、或使用有轉址功能的外掛
  4. 編輯 HTML head 或 HTTP 標頭的 meta refresh

HTML title 網頁標題設計

HTML title tag (標題標籤) 例子：

該 title tag 在 Google 搜尋結果呈現如下

title tag 在Google搜尋結果頁面是”藍色文字連結”

WordPress網站可以在 Yoast SEO 外掛的「SEO標題」欄位更改 title tag ：

安裝並啟用 Yoast SEO 後，WordPress頁面編輯器下方將有「SEO標題」欄位

如何設計SEO網頁標題

建議不建議
  • SEO關鍵字靠前
  • 品牌名稱放最後（首頁和已冠名產品/服務的網頁除外）
  • 使用分隔符號如頓號、逗號、括號、冒號、斜線、豎線、加號、減號、間隔號… 等
  • 字數約 15 ~ 20 個中文字
  • 精準描述網頁內容
  • 不合理的堆砌關鍵字
  • 一長串連續文字（沒使用分隔符號）
  • 太長（被搜尋引擎截斷或縮短）
  • 太短
  • 與網頁內容無關的文字
  • 誘餌式標題 (Clickbait)
  • 透過 AI 產生——除非它能遵循左邊 5 點建議！

HTML alt 用法

HTML img alt text (Image alternative text 圖片替代文字) 是當瀏覽器不能正常顯示網頁圖片時，取而代之顯示的文字。 img alt text 有助搜尋引擎和使用螢幕閱讀器的訪客了解圖片內容。

CMS (Content Management System 內容管理系統) 通常有輸入圖片替代文字的欄位，以WordPress為例：

張阿道

圖片替代文字可使用任何語言，但圖片檔名建議使用半形的英文＆數字，以降低BUG發生機率。

Meta description 怎麼寫

HTML meta description (元描述) 又稱「中繼說明」，是描述網頁內容的一段文字，有時候會顯示在 SERP 。

HTML meta description 例子：

它在 Google 搜尋結果呈現如下

meta description 在Google搜尋結果頁面是”摘要”

WordPress網站可以在 Yoast SEO 外掛的「Meta描述」欄位更新 meta description ：

安裝並啟用 Yoast SEO 後，WordPress頁面編輯器下方將有「Meta描述」欄位

如何寫 meta description

  • 字數約 80 個中文字（160 個字元）
  • 精準描述網頁內容
  • 合理使用關鍵字：根據使用者的查詢，關鍵字有時候會被搜尋引擎凸顯
張阿道

Google常根據使用者的查詢「動態顯示」實際網頁內容摘要（meta description 常不被顯示）。

SEO文章/文案範例架構

SEO文章又稱「SEO文案」，是以提升搜尋引擎排名為目標、由文字與多媒體所組成的內容網頁。一般來說，寫手會透過關鍵字分析決定文章字數（關鍵字組數和文案長度成正比）。

SEO文章架構包括

以「廣告文案範例（撰寫、行銷商品、創意企劃）」為例：

以「競爭者分析架構範例（表格模型、工具/報告）」為例：

生成式 AI

這是用 ChatGPT (GPT-4) 產生的一篇以 [競爭者分析架構] 為主題的文章，拿來跟張阿道的手工文章相比如何？

個人覺得 AI 合成的文案較老生常談、平庸、樣板、可預期…

反向/外部連結 vs 內部連結

反向連結外部連結內部連結
意思反向連結 (Backlink) 是另一個網站指向自己網站的超連結。外部連結 (External link) 是自己網站指向另一個網站的超連結，反之亦然。後者又稱反向連結 (Backlink) 。內部連結 (Internal link) 是同一個網站上兩個頁面之間的超連結。

反向、外部和內部連結優化有助網站SEO。

反向連結查詢

查詢自己網站的反向連結目標、來源與”錨點文字”：

路徑：Google Search Console > 連結

錨點文字 (Anchor text) 是超連結中可見、可點擊的文本 – 例如

張阿道

以上連結/錨點文字的HTML語法：

若想查詢其他網站（包括競爭者）的反向連結，可以使用付費工具如 Ahrefs Site Explorer 、 Ubersuggest Backlink Checker 、 Moz Link Explorer… 等。

如何增加反向連結

SEO友善網址

SEO友善網址 (SEO-friendly URL) 是結構分明、簡單易懂、可能含關鍵字＆可能較短的網址，例如

  • https://www.apple.com/tw/macbook-pro-16/
  • https://www.mcdonalds.com/tw/zh-tw/product/big-mac.html
  • https://www.toyota.com.tw/showroom/ALTIS/
  • https://daotw.com/電商平台比較/

中文 URL 做 SEO 沒問題，但不建議使用中文網域名稱。

不SEO友善網址案例：

  • https://today.line.me/tw/v2/article/ML0zrPj
  • https://store.sony.com.tw/product/show/ff8080815e5f72bf015e9406c20b63cb
  • https://www.cst.com.tw/products_detail.php?uID=1&cID=2&Key=153

SEO課程（數位/網路行銷線上教學）

SEO課程

想增加網站流量、營收和發揮影響力？ 張阿道SEO(搜尋引擎優化)課程教你

  • 如何讓Google搜尋到自己的網站
  • 網站架構規劃
  • SEO關鍵字設定
  • SEO文章架構
  • 網頁優化
  • 如何被「Google精選摘要」
  • SEO成效分析
  • SEO公司怎麼選

SEO課程

想增加網站流量、營收和發揮影響力？ 張阿道SEO(搜尋引擎優化)課程教你

  • 如何讓Google搜尋到自己的網站
  • 網站架構規劃
  • SEO關鍵字設定
  • SEO文章架構
  • 網頁優化
  • 如何被「Google精選摘要」
  • SEO成效分析
  • SEO公司怎麼選