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

張阿道

  • SEO課程
  • 工作職缺
  • 聯絡

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

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

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

目錄

  • SEO公司服務價格
  • RWD響應式網頁設計
  • 如何讓Google搜尋到我的網頁
  • 圖片壓縮
  • 關鍵字分析工具
  • 網站流量分析工具
  • 網站架構圖範例
  • 結構化資料 & 複合式搜尋結果測試
  • 網頁速度測試 & SEO評分工具
  • 301轉址設定
  • HTML title 網頁標題設計
  • HTML alt 用法
  • Meta description 怎麼寫
  • SEO文章/文案範例架構
  • 反向/外部連結 vs 內部連結
  • SEO友善網址

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… 等數據(被重複建議的關鍵字有一定程度的搜尋量)

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

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

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

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

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

    • 免費
    • 能產生”長尾關鍵字”、寫作靈感和文章
    • 運行較慢,因為需較多運算資源
    • 有時會提供錯誤、過時資訊,甚至出現幻覺/捏造事實!
  7. Google Ads 關鍵字規劃工具
  8. 以「電動車」的關鍵字清單為例:

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

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

  11. Google Search Console
  12. 以本站為例:

    路徑: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): 搜尋結果頁面的特色(複合式搜尋結果)數
  3. Ubersuggest
  4. 以查詢「電動車」為例:

    路徑:Ubersuggest > Keyword Research > Keyword Ideas
    • VOLUME: 每月搜尋量(基於所選國家)
    • CPC (Cost Per Click): 每次點擊費用/成本——暗示關鍵字的轉換率
    • PAID DIFFICULTY: 付費廣告競爭難度
    • SEO DIFFICULTY: 自然排序難度
  5. Mangools
  6. 以查詢「電動車」為例:

    路徑: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. 虛擬主機提供的轉址工具例子
  3. 伺服器端(編寫Apache的 .htaccess 檔案或NGINX的 rewrite 指令)
  4. WordPress網站:編輯 functions.php 檔案、或使用有轉址功能的外掛
  5. 編輯 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文章架構包括

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

以「廣告文案範例(撰寫、行銷商品、創意企劃)」為例:

以「競爭者分析架構範例(表格模型、工具/報告)」為例:

生成式 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公司怎麼選

Check your inbox or spam folder to confirm your subscription.

SEO課程

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

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

Check your inbox or spam folder to confirm your subscription.

  

主要資訊欄

網站架設

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

品牌設計

品牌設計公司費用&推薦流程(形象案例)

數位行銷

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

電商平台

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

網頁設計

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

  • SEO公司服務價格
  • RWD響應式網頁設計
  • 如何讓Google搜尋到我的網頁
  • 圖片壓縮
  • 關鍵字分析工具
  • 網站流量分析工具
  • 網站架構圖範例
  • 結構化資料 & 複合式搜尋結果測試
  • 網頁速度測試 & SEO評分工具
  • 301轉址設定
  • HTML title 網頁標題設計
  • HTML alt 用法
  • Meta description 怎麼寫
  • SEO文章/文案範例架構
  • 反向/外部連結 vs 內部連結
  • SEO友善網址

Footer

  • SEO課程
  • 工作職缺
  • 聯絡

張阿道最新教材

Check your inbox or spam folder to confirm your subscription.

Logo

隱私權政策 | 使用條款

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

↑