• 跳至主要導覽
  • 跳至主要內容
  • 跳至主要資訊欄
  • 跳至頁尾
Logo

張阿道

  • 行銷課程
  • 工作職缺
  • 聯絡

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

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

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

目錄

  • SEO公司服務價格
  • 如何讓Google搜尋到我的網頁
  • 響應式網頁設計
  • 圖片壓縮
  • 網站架構圖範例
  • 關鍵字分析工具
  • 結構化資料 & 複合式搜尋結果測試
  • 網站流量分析工具
  • meta description 是什麼
  • 301轉址設定
  • 反向連結、外部連結、內部連結
  • img alt 屬性
  • 網站/網頁速度測試
  • SEO文章架構
  • 網頁標題 (title tag) 設計
  • 網站檢測與SEO分數
  • SEO友善網址

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 Ads 關鍵字規劃工具

是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

分析別人(含競爭者)網站流量的工具:

  • Ubersuggest Traffic Analyzer
  • ahrefs Site Explorer
  • SimilarWeb
  • Social Blade (適用於YouTube頻道、IG帳號)
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) (可選)
  • 圖片和影片(可選)
  • 作者(可選)
  • 發佈或更新日期(可選)

以「廣告文案參考:意思、範例與撰寫」為例:

張阿道的SEO文章範例

網頁標題 (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

張阿道最新教材

Check your inbox or spam folder to confirm your subscription.

  

主要資訊欄

數位行銷

數位行銷公司:案例、工具與策略(工作內容)

電商平台

電商意思、平台比較與課程(網路開店)

網站架設

網站架設費用與流程(個人, 企業形象官網)

網頁設計

網頁設計教學:軟體、範例與自學課程

品牌設計

品牌設計公司推薦流程、例子與費用

  • SEO公司服務價格
  • 如何讓Google搜尋到我的網頁
  • 響應式網頁設計
  • 圖片壓縮
  • 網站架構圖範例
  • 關鍵字分析工具
  • 結構化資料 & 複合式搜尋結果測試
  • 網站流量分析工具
  • meta description 是什麼
  • 301轉址設定
  • 反向連結、外部連結、內部連結
  • img alt 屬性
  • 網站/網頁速度測試
  • SEO文章架構
  • 網頁標題 (title tag) 設計
  • 網站檢測與SEO分數
  • SEO友善網址

Footer

  • 行銷課程
  • 工作職缺
  • 聯絡

張阿道最新教材

Check your inbox or spam folder to confirm your subscription.

Logo

隱私權政策 | 使用條款

© 2022 張阿道 保留一切權利。

↑