張阿道

SEO (搜尋引擎優化) 是什麼、怎麼做

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

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

目錄

SEO公司服務價格

SEO公司根據客戶要求的SEO效果或 KPI 收費。 SEO KPI 可以是

  • 無痕模式搜尋特定關鍵字時，客戶網頁排Google前＿＿名。
  • 客戶的 Google Search Console > 成效 > 查詢 ，特定「熱門查詢項目」的「排名」值。

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

  • 點擊
  • 曝光
  • 點閱率
  • “流量”相關指標

SEO公司服務報價

服務項目價格（一次性費用）
網頁優化/On-page SEO（圖片、結構化資料、meta description、內部和外部連結、img 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 組關鍵字）
SEO KPI 目標達成議定

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

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

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

SEO多久見效

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

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

SEO預算

計算 CLV CAC 比率有助編列SEO預算。 CLV:CAC 合理比例是 3:1

CLVCAC
意思CLV (Customer Lifetime Value 顧客終身價值) 是特定客戶在整個關係期間為企業帶來的總毛利 (Gross profit) 或總邊際貢獻 (Contribution margin) 。 CLV 單位是現金 – 如新台幣、美元、歐元… 等。CAC (Customer Acquisition Cost 獲客成本) 是企業獲取每一位新客戶所花費的金額。
計算公式(平均消費金額 – 平均變動成本) × 每年購買次數 × 留存年數(行銷推廣總費用 + 推銷/銷售總費用) ÷ 獲取客戶數

如何讓Google搜尋到我的網頁

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

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

網域名稱是什麼？

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

SEO網站優化教學

響應式網頁設計

  • RWD (Responsive Web Design 響應式網頁設計) 是對不同裝置（智慧型手機、筆電、桌機、平板）使用相同程式碼的網頁設計。Google推薦使用RWD，因為只有一個版本的程式碼要維護。
  • AWD (Adaptive Web Design) 和「手機版 + 電腦版」網頁設計有多個版本的程式碼要維護。
RWD是用一組程式碼、根據螢幕尺寸調整呈現方式的網頁設計

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

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

圖片壓縮

照片/圖片檔案愈小，網頁加載速度愈快（有助SEO），所以要

  1. 縮小圖片尺寸
  2. 以不失真為前提，盡量壓縮圖檔大小至 200KB 以下
張阿道

上傳圖片寬度應該是「內容最大寬度 × 2 」 – 例如本頁的內容最大寬度 666px ，上傳圖片寬度就是 666px × 2 = 1332px

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

圖片壓縮軟體：

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

網站架構圖範例

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

星巴克的網站架構圖範例

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

Apple的網站架構圖範例
不同分支的網頁之間可透過內部連結 (Internal links) 互聯

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

  • Miro – Mind Mapping
  • MindMeister
  • GitMind
  • XMind
  • Diagrams.net
張阿道

從UI、UX設計的角度看，網站/App架構 = IA (Information Architecture 資訊架構)

網站地圖範例、Sitemap製作與提交

關鍵字分析工具

關鍵字分析工具 (Keyword analysis tool) 是研究搜尋趨勢、產生關鍵字清單的免費或付費軟體，有助優化網站SEO、分析市場和內容行銷。

ahrefs Keywords Explorer

以查詢「電動車」為例，你可以在關鍵字報告看到通路商、競爭者、產業類別和替代品。 Volume (每月搜尋量) 暗示市場規模：

ahrefs > Keywords Explorer
  • KD (Keyword Difficulty): 關鍵字難度
  • Volume: 每月搜尋量（基於所選國家）
  • GV (Global Volume): 每月搜尋量（全球）
  • TP (Traffic Potential): 流量潛力
  • CPC (Cost Per Click): 每次點擊費用/成本
  • CPS (Clicks Per Search): 每次搜尋點擊次數
  • SF (SERP Features): 搜尋結果頁特色（複合式搜尋結果）數

Ubersuggest

CPC (Cost Per Click 每次點擊成本) 暗示關鍵字的轉換率：

Ubersuggest的「電動車」關鍵字清單
  • VOLUME: 每月搜尋量（基於所選國家）
  • CPC (Cost Per Click): 每次點擊費用/成本
  • PAID DIFFICULTY: 付費廣告難度
  • SEO DIFFICULTY: 搜尋引擎最佳化/自然排序難度

Mangools KWFinder

KWFinder的「電動車」關鍵字清單
  • Search: 每月搜尋量（基於所選國家、語言）
  • CPC (Cost Per Click): 每次點擊費用/成本
  • PPC (Pay Per Click): 每次點擊付費
  • KD (Keyword Difficulty): 關鍵字難度

是Google為廣告主所設計的 SEM (Search Engine Marketing 搜尋引擎行銷) 工具。

Google關鍵字規劃工具的「電動車」報告
  • 平均每月搜尋量只有範圍，沒有明確數字。
  • 競爭程度是指在廣告刊登位置的競爭，不是自然排序的競爭。
  • 首頁頂端出價 (低價範圍) 和首頁頂端出價 (高價範圍) 暗示關鍵字的轉換率/購買意願。
  • 註冊Google帳戶就能免費使用。

Google搜尋自動填入

以「電動車」為例：

Google搜尋的關鍵字建議
用空格鍵產生更多關鍵字

Google搜尋自動填入

  • 免費
  • 有時會出現長尾關鍵字
  • 有時會出現同義詞、相關詞
  • 沒有每月搜尋量、競爭/難度、CPC… 等數據
張阿道

「無痕模式」有助搜尋到更客觀的結果。

Google相關搜尋

搜尋「電動車」後，滑至 SERP 底部：

Google相關搜尋

  • 免費
  • 可能有長尾關鍵字
  • 可能有同義詞、相關詞
  • 沒有每月搜尋量、競爭/難度、CPC… 等數據

YouTube搜尋自動填入

以「電動車」為例：

YouTube搜尋的關鍵字建議
空格鍵能產生更多關鍵字

YouTube搜尋自動填入

  • 免費
  • 可能有長尾關鍵字
  • 可能有熱門關鍵字（有時效，較適合社群媒體行銷）
  • 沒有同義詞
  • 沒有每月搜尋量、競爭/難度、CPC… 等數據
張阿道

「無痕模式」有助搜尋到更客觀的結果。

Google搜尋趨勢 (GoogleTrends)

GoogleTrends 能比較多組關鍵字的搜尋趨勢。例如比較「電動汽車」、「電動機車」、「電動自行車」、「電動滑板車」的搜尋趨勢：

GoogleTrends 有助分析產業類別的成長或衰退趨勢（以比較搜尋字詞為例）

比較電動機車的競爭品牌：

分析競爭品牌的成長或衰退趨勢（以比較主題為例）

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

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

結構化資料之 FAQ (常見問題) 範例：

1. 編寫JSON-LD程式碼， 2. 貼入網頁的HTML標頭

結構化資料之 FAQ 在Google SERP呈現的複合式搜尋結果：

探索 Search Gallery 介紹超過 30 種Google支援的結構化資料（含JSON-LD程式碼範例）。

複合式搜尋結果測試有助了解 Google 能為你的網頁產生哪些複合式搜尋結果：

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

在Google Search Console監控結構化資料 – 以「常見問題」為例：

Search Console的「強化項目」顯示網站上有哪些結構化資料已經被Google索引

網站流量分析工具

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

  • Google Analytics
  • Google Analytics 4 (GA4/新版GA)
  • Google Search Console

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

GA4 報表 > 參與 > 網頁和畫面
GA4 範本庫
Google Search Console > 成效 > 網頁
Ubersuggest > Traffic > Top Pages by Traffic
ahrefs > Site Explorer > Top pages

meta description 是什麼

HTML的 meta description (元描述) 又稱「中繼說明」，是網頁內容摘要：

描述網頁內容的一段文字

上例 meta description 在Google SERP的呈現：

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

WordPress網站可以透過 Yoast SEO 外掛更新 meta description ：

WordPress安裝Yoast SEO外掛後，就能在頁面編輯器下方的「Meta描述」欄位更改 meta description
張阿道

Google經常根據使用者查詢的關鍵字「動態呈現」網頁摘要（不一定呈現特別填寫的meta描述）。

301轉址設定

301轉址 (301 redirect) 又稱「301重新導向」，是更改網址後的一種SEO設定，以將舊網頁的流量、權重永久遷移/跳轉至新網頁。

301轉址設定方法有五種：

  • 虛擬主機提供的轉址工具（推薦）
  • 伺服器端（編輯Apache的 .htaccess 檔案或編寫NGINX的 rewrite 指令碼）
  • 編輯WordPress的 functions.php 檔案、或使用轉址外掛
  • 編寫網頁HTML標頭的 meta refresh
  • 編寫網頁HTML標頭的 JavaScript location （不推薦）
虛擬主機提供的轉址工具

反向連結、外部連結、內部連結

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

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

反向連結查詢

在Google Search Console查詢自己網站的反向連結來源、錨點文字：

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

如何增加反向連結

  1. 撰寫值得推薦、有「SEO文章架構」的好文案。
  2. 連結至其他網站上的好文案、並email通知其作者/部落客/站長（表達讚賞與告知連結）
  3. 持續創造有價值的內容、合理使用外部連結，並與其他站長/寫手們建立良好關係。
  4. 以順其自然的心態看待反向連結這回事。

告知連結的email模板：

Hi [對方稱呼] ，

你的「 [網頁標題] 」這篇很實用！我覺得值得推薦，所以在這個網頁連結給你了：
[網址]
連結文字是「 [錨點文字] 」

就讓你知道一下。🙂

[自己稱呼]

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

張阿道

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

張阿道

超越SEO文章：成功的開發、上市新產品也能增加反向連結。

img alt 屬性

HTML的 img alt (Image alternative text 圖片替代文字) 屬性作用：一旦瀏覽器無法顯示圖片，就取而代之顯示「替代文字」。

無論圖片能不能正常顯示， img alt 有助搜尋引擎和使用螢幕閱讀器的訪客了解圖片內容。

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

WordPress區塊編輯器的 圖片設定 > 替代文字
張阿道

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

網站/網頁速度測試

Pingdom Website Speed Test 能選擇測試伺服器的位置。若虛擬主機在東亞，Test from選擇「Asia – Japan – Tokyo」
GTmetrix位於東亞的測試伺服器有香港、韓國、日本和新加坡（登入後才能變更測試伺服器）
測試我的網站是Google為行動版網站開發的免費測速工具
張阿道

SEO評分工具 Lighthouse 也能測速。

SEO文章架構

SEO文章又稱「SEO文案」，是以文字為主、多媒體為輔的網頁內容。SEO文章架構包括

  • 標題（h1標記）
  • 副標題（h2、h3、h4… 標記）
  • 內部連結
  • 外部連結
  • 有序列表/清單
  • 無序列表/清單
  • 表格
  • 圖片
  • 影片
  • 目錄 (Table of content)
  • 作者
  • 發佈或更新日期

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

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

網頁標題 (title tag) 設計

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

上例 title tag 在Google SERP的呈現：

title tag 在Google搜尋結果頁面是「標題連結」

WordPress網站可以透過 Yoast SEO 外掛更改 title tag ：

WordPress安裝Yoast SEO外掛後，就能在頁面編輯器下方的「SEO標題」欄位修改 title tag

SEO文章的標題設計

建議不建議
  • SEO關鍵字靠前、品牌名稱靠後
  • 準確描述網頁內容
  • 使用分隔符號（標點符號、括號…）
  • 長度適中
  • 不合理的堆砌關鍵字
  • 使用與網頁內容無關的文字
  • 連續一長串文字（沒使用分隔符號）
  • 太長或太短
  • 誘餌式標題 (Clickbait)

網站檢測與SEO分數

安全瀏覽網站狀態

安全瀏覽網站狀態是Google的網址檢查/網站安全檢測工具

Lighthouse（內建於Chrome瀏覽器）

Chrome > 檢視 > 開發人員選項 > 開發人員工具 > Lighthouse

在要評分的網頁上打開Lighthouse、選擇「行動裝置」或「電腦」、點擊「產生報表」後能看到各種SEO分數和優化建議。

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/電商平台比較/
張阿道

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

不SEO友善、複雜難懂的 URL 案例：

  • 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

URL意思（怎麼看、網址格式/結構/組成）

close

張阿道最新教材