張阿道

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

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

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

目錄

如何讓Google搜尋到自己的網站

1. 產生 Sitemap /網站地圖

Sitemap是一個提供站內頁面、圖片、影片、上次修改時間… 等資訊的文件檔案，以 XML 格式最常見。Sitemap 有助加速搜尋引擎抓取＆索引一個網站。

XML Sitemap 範例
  • CMS (Content Management System 內容管理系統) 通常能自動生成 XML Sitemap 。常見CMS包括 WordPress、Shopify、Wix、Google協作平台和 Squarespace 。
  • Sitemap通常位在網域的根目錄，例如 https://www.example.com/sitemap.xml（檔名應該視你的CMS和其外掛而定）
2. 創建 Google Search Console 帳戶＋驗證自己的網站所有權
3. 提交Sitemap

以 daotw.com 為例：

路徑：Google Search Console > Sitemap

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

site:[自己的網域] 語法（以 costco.com.tw 為例）

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

SEO公司服務價格

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

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

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

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

SEO服務報價

服務項目價格（一次性費用）
robots.txt 設定NT$1,000 ~ NT$8,000
關鍵字分析NT$10,000 ~ NT$20,000 (每 5 組核心+長尾關鍵字)
網站架構、內容規劃與 HTML title 設計NT$8,000 ~ NT$16,000 (每 5 組核心+長尾關鍵字)
SEO文章撰寫（文案、外部連結、結構化資料、Img alt、內部連結、meta description）NT$4,000 ~ NT$15,000 (每 1 組核心+長尾關鍵字)
301, 302轉址設定（網站架構重新設計、網域轉址、HTTP轉HTTPS、404 not found 修復）NT$1,000 ~ NT$12,000
網站/網頁速度優化NT$3,000 ~ NT$70,000
SEO諮詢NT$1,000 ~ NT$8,000 (每小時)
關鍵字排名 KPI 目標達成議定

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

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

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

SEO多久見效

粗估的預期效益僅供參考：

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

關鍵字愈短 = 搜尋量和競爭度愈高 = 排名所需時間愈長。

Google官方的「如何聘請SEO優化師」教學影片：

雖然已推出N年，但內容沒過時，重點時刻：

  • SEO的潛力取決於你的業務或網站品質 [0:45]
  • 在大多數情況下，SEO需要 4 個月到一年的時間 [1:38]
  • 一位好的SEO優化師應該感覺像可以合作、學習… 且關心你業務的人，而不僅是讓你的網站排名最高，因為這些技巧即使有效也很少能持續 [5:30]

如何選擇SEO公司

SEO優化教學

關鍵字分析工具

關鍵字分析 (Keyword analysis) 是研究使用者輸入搜尋引擎的字、詞和句子，有助 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): 關鍵字難度
  4. GPT-4
    5. 這應該是主題清單吧？
    比較像關鍵字清單了！
    哇，愈來愈像關鍵字研究工具！

    用 Ahrefs 查詢 GPT-4 產生的關鍵字，結果…

    根據Ahrefs，多數GPT-4產生的關鍵字沒有搜尋量，少數有低搜尋量。

    你相信專門的關鍵字研究工具，還是相信 ChatGPT ？

五種關鍵字類型
  1. 長尾關鍵字 (Long-tail keywords) 是 5 ~ 8 個字、精準、搜尋量低、競爭度低和可能轉換率高的關鍵詞或句子。

    2. 長尾關鍵字例子：

    3C產品旅遊服飾
    筆電推薦品牌東京附近景點網購衣服排名
    筆電推薦學生東京自由行攻略日系衣服網購
    筆電價格比較東京自由行7天便宜衣服男
    電競筆電推薦平價東京購物行程平價男裝品牌
    電競筆電品牌排名東京夜晚購物精品男裝品牌
  2. 核心關鍵字 (Core keywords) 是 2 ~ 5 個字、廣泛、搜尋量高、競爭度高和可能轉換率低的關鍵字或詞。

    3. 核心關鍵字例子：

    3C產品旅遊服飾
    筆電東京景點衣服網購
    筆電推薦東京自由行衣服男
    筆電價格東京購物衣服品牌
    電競筆電東京旅遊平價衣服
    二手筆電東京近郊韓國衣服
  3. 品牌關鍵字 (Branded keywords) 是包含品牌名稱、競爭度低和轉換率高的關鍵字詞。品牌關鍵字搜尋量是品牌知名度＆忠誠度指標之一。監控品牌關鍵字很重要，因為它可能包括負面評價/評論。

    4. 設定 Google 快訊有助監控：

    「特定事項」可以是自己、競爭者和合作夥伴的品牌名稱。
  4. 產業關鍵字 (Industry keywords) 是描述行業類別、或產品/服務類別的關鍵字詞。SEO是以產業關鍵字排名優化為主。

    5. 品牌 vs 產業關鍵字，以 starbucks.com.tw 為例：

    品牌關鍵字產業關鍵字
    星巴克手沖咖啡
    starbucks冷萃咖啡
    星冰樂堅果塔
    星禮程循環杯
    星沁爽黑森林蛋糕

    一些狡猾的SEO公司會把品牌關鍵字排名當作成效唬爛，就像優化自己的名字到Google第一頁或前三名，應該很容易，甚至不需任何SEO操作！

  5. 購物關鍵字 (Shopping keywords) 是表明購買意圖、搜尋量超低但轉換率超高的關鍵詞。

    6. 購物關鍵字例子：

    3C產品旅遊服飾
    筆電哪裡買訂機票網站買衣服網站
    電競筆電購買國際機票訂購買衣服男
關鍵字挑選策略
  1. 搜尋量不能太低
  2. 下單轉換率不能太低（關鍵字要與你的產品/服務至少有點相關）
  3. 有成長潛力
  4. 競爭度/困難度不要太高。一般來說，核心關鍵字的競爭度較高，長尾關鍵字的競爭度較低。

品牌關鍵字搜尋量

以「momo」、「蝦皮」和「PChome」為例：

用 Google Trends 比較品牌關鍵字的搜尋趨勢（能設定國家＆日期範圍）
用 Ahrefs Keywords Explorer 查詢品牌關鍵字的每月搜尋量

網站流量分析工具

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

  • Google Analytics 4, GA4
    • 路徑：GA4 > 首頁
    路徑：GA4 > 報表 > 參與 > 網頁和畫面
    路徑：GA4 > 報表 > 獲客 > 獲取新客

    網站流量 (Website traffic) 是過去 28 天或過去 30 天的使用者人數。

    平均參與時間 (Average engagement time) 是網站成為使用者瀏覽器焦點的平均時間、或 App 位於使用者裝置前景的平均時間。

    • 平均參與時間 = 使用者參與時間總長度 ÷ 活躍使用者人數

    跳出率 (Bounce rate) 在 GA4 定義是未互動工作階段的百分比，是參與度 (Engagement rate) 的相反詞。

    • 互動工作階段 = 持續超過 10 秒、曾發生至少 1 次轉換事件或至少 2 次網頁或畫面瀏覽的工作階段數
    • 參與度 = 互動工作階段數 ÷ 工作階段數
    • 跳出率 = 未互動工作階段數 ÷ 工作階段數
  • Google Search Console
    • 路徑：Google Search Console > 成效 > 網頁

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

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

  • 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帳號）

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

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

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

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

網站架構設計

購物/電商 (E-commerce) 網站架構範例

購物/電商網站架構範例

商品頁設計：

  1. 麵包屑路徑
  2. 標題
  3. 商品介紹影片與照片（高解析度、打光、不同角度）
  4. 商品說明/描述（價值、特色、規格）
  5. 商品評價
  6. 規格與數量設定
  7. 價格
  8. 「加入購物車」和「直接購買」按鈕
  9. 「別人也逛過」、「您可能也需要」、「猜你喜歡」、「本分類熱銷排行」… 等商品推薦系統

公司/企業網站架構範例

公司/企業網站架構範例

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

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

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

「重點SEO網頁」與首頁的距離，建議不要超過 2 個點擊。

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

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

外部連結 (External link) 是自己網站指向另一個網站的超連結，反之亦然。後者又稱「反向連結」。正向與反向連結有助提高網頁可信度——在另一個網頁是相關、有權威性的前提下。

反向連結 (Backlink) 是另一個網站指向自己網站的超連結，算是一種推薦、背書和投票。反向連結數量愈多、品質愈好，就愈有助SEO排名。高品質的反向連結來自相關＆有權威性的網頁（最好 Anchor text 本身或周邊含關鍵字）。

內部連結 (Internal link) 是同一個網站上兩個網頁之間的超連結。優化內部連結有助搜尋引擎檢索/抓取網站內容、分析網頁之間的關聯性、提升易用性 (Usability) 和使用者參與度 (Engagement rate) 。

反向連結查詢

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

路徑：Google Search Console > 連結

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

路徑：Ahrefs > Site Explorer > Backlinks

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

張阿道

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

優化連結時，建議在 Anchor text 本身或周邊合理使用關鍵字，以提升使用者體驗為目標。

超連結加入 rel=”nofollow” 屬性是告訴搜尋引擎「我不幫這個網頁背書、不給予權重」，通常用於聯盟行銷贊助連結和防止垃圾連結。反向、外部和內部連結應該都用預設的 follow 連結（不加入 nofollow ）。

rel=”nofollow” HTML範例

如何增加反向連結

HTML title 網頁標題設計

HTML title tag (標題標籤) 是很重要的 SEO 排名因素，因為它被搜尋引擎凸顯、並顯示於瀏覽器的分頁。

HTML title tag 例子：

<title> 元素位於 HTML 文檔的頭部，在 <head> 和 </head> 標籤之間。

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

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

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

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

如何設計SEO網頁標題

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

SEO文章/文案範例架構

SEO文章 (SEO article) 是一種為提升搜尋引擎排名而撰寫的文案。寫手通常會透過關鍵字分析決定文章字數（關鍵字組數愈多，文案愈長）和網頁內容設計。

SEO文章架構：

  • 標題（title & h1 標籤）愈吸睛，點閱率愈高。
  • 網址要”SEO友善”
  • 副標題（h2、h3、h4… 標籤）能幫略讀者抓重點。文章愈長，副標題應該用愈多。
  • 圖片和影片可以吸睛——在滿足使用者期望、與上下文相關、不使用圖庫＆影片素材庫的前提下。
  • 外部連結有助提高可信度。
  • 內部連結有助搜尋引擎檢索/抓取網站內容、分析網頁之間的關聯性、提升易用性 (Usability) 和使用者參與度。
  • 目錄連結提供文章預覽，讓讀者能跳到指定章節。
  • 表格適合比較或分類東西。
  • 清單讓你可以列出多個重點 – 例如本清單！
  • 句子和段落愈短愈好——在不減少訊息量的前提下。
  • 更新日期（可選）
  • 作者（可選）

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

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

生成式 AI

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

個人覺得 AI 合成的文案較重複、老生常談、樣板、可預測…

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

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

例子：

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

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

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

標記步驟：

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

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

SERP & Google精選摘要 2023

SERP (Search Engine Results Page 搜尋引擎結果頁面) 是搜尋引擎顯示使用者查詢結果的頁面，有助SEO關鍵字分析。 SERP 包括自然排名、SEM (Search Engine Marketing 搜尋引擎行銷) 廣告、精選摘要、圖片、影片、地圖＆商家檔案、新聞… 等。

精選摘要 (Featured snippets) 是顯示在 SERP 頂部、針對使用者查詢/提問的簡短回答（一種以文字為主、多媒體為輔的複合式搜尋結果）。被精選摘要的網頁點閱率相對較高。Google在 2023 I/O 大會推出 Magi 計畫——精選摘要用 AI 生成取代網頁內容擷取。

2023 前的Google SERP & 精選摘要例子：

Google SERP 分析（查詢關鍵字是”最像地球的行星”）

2023 後的Google SERP & 精選摘要例子：

Google 生成式 AI SERP 分析（查詢關鍵字是”what planet is most similar to earth”）
  • AI 生成的精選摘要稱為 Snapshot (快照)
  • 能進入 Snapshot 的自然排名網頁至少有 3 個
  • 可以追問（Google AI 記得你之前的問題）
  • YMYL 的查詢很可能不會有Sanpshot

    • YMYL (Your Money or Your Life) 是指金融、健康和醫療領域；未來可能包括政治領域。

精選摘要/Snapshot類型包括段落、清單、表格和多媒體。

張阿道

個人認為 AI Snapshot 可能會減少網站源自低轉換率關鍵字的自然流量，所以營收不會受太大影響（靠網頁嵌入廣告賺錢的網站除外）。

想買東西的使用者會去「來源」消費，不會停留在 Snapshot 。

搜尋引擎與網站是互利共生關係。若網站、甚至線下出版社倒光，搜尋引擎將失去存在價值（AI 模型也失去訓練資料）。

如何被 AI 精選摘要

  1. 分析長尾關鍵字以精準了解使用者的查詢/提問。
  2. 分析 SERP 以確認使用者想搜尋文字、圖片還是影片。文字方面有段落、表格和清單。
  3. 使用含「意思」、「定義」、「是什麼」的標題或副標題。
  4. 在網頁頂部位置，用 2 ~ 3 句話回答該主題或查詢的意思/定義/是什麼。
  5. 網頁內，針對精選摘要的文案要客觀 – 例如不要寫「我」、不用第一人稱視角、盡量不提自己的品牌名稱… 等。
  6. 若要說很多重點，使用清單。
  7. 若要比較或分類東西，使用表格。
  8. 若有引用資料，外部連結至來源。
  9. 標記結構化資料 (Structured data markup) 。

一般來說，自然排名前五的網頁有機會被精選摘要，所以其他SEO操作要一併執行。

301、302轉址設定

301轉址 (301 redirect) 是將一個 URL 永久重新導向/跳轉到另一個URL，包括排名、流量與權重。301重定向適用於 SEO（網站架構重新設計、網域轉址、HTTP轉HTTPS、404 not found 修復… 等）。

302轉址 (302 redirect) 是將一個 URL 臨時重新導向到另一個URL，不包括排名與權重。302重定向適用於 A/B 測試和限時促銷活動。

轉址方法有四（以301重定向為例、推薦第一個）：

1. 虛擬主機或架站平台提供的轉址工具

虛擬主機 Kinsta 提供的轉址工具可以批量導入 (Bulk import) 和導出到CSV檔 (Export to CSV) 。
已導出的CSV檔（用Google試算表開啟）

^?$符號看不懂？學習 RegEx 有助轉址設定。

2. 伺服器端 Nginx location rewrite 跳轉

給生成式 AI ChatGPT 4 的指令/提示：

在 nginx.conf 文件添加 301 重定向指令，
從
https://example.com/舊網址壹
到
https://example.com/新網址壹

從
https://example.com/舊網址貳
到
https://example.com/新網址貳

從
https://example.com/舊網址參
到
https://example.com/新網址參

若網址有尾部斜槓 (Trailing slash) ，可以這樣寫：

rewrite ^/舊網址壹/?$ /新網址壹/ permanent;
rewrite ^/舊網址貳/?$ /新網址貳/ permanent;
rewrite ^/舊網址參/?$ /新網址參/ permanent;

修改 nginx.conf 後，須重啟伺服器才能生效。

3. 伺服器端 .htaccess (Apache) RewriteRule 轉址

給 GPT-4 的指令：

這是在我的網站根目錄的 .htaccess 文件：
"""""""""
<IfModule mod_rewrite.c>
RewriteEngine On
RewriteRule .* - [E=HTTP_AUTHORIZATION:%{HTTP:Authorization}]
RewriteBase /
RewriteRule ^index\.php$ - [L]
RewriteCond %{REQUEST_FILENAME} !-f
RewriteCond %{REQUEST_FILENAME} !-d
RewriteRule . /index.php [L]
</IfModule>
"""""""""

添加 301 重定向規則，
從
https://example.com/舊網址壹
到
https://example.com/新網址壹

從
https://example.com/舊網址貳
到
https://example.com/新網址貳

從
https://example.com/舊網址參
到
https://example.com/新網址參

直接給我完整 .htaccess 文件。

每個網站根目錄的 .htaccess 內容不盡相同，記得換成你的。

若 URL 有尾部斜槓，可以這樣寫：

# 301 Redirects
RewriteRule ^舊網址壹/?$ /新網址壹/ [R=301,L]
RewriteRule ^舊網址貳/?$ /新網址貳/ [R=301,L]
RewriteRule ^舊網址參/?$ /新網址參/ [R=301,L]

4. WordPress網站：使用有轉址功能的外掛、或編輯 functions.php

SEO友善網址

SEO-friendly 網址怎麼設定：

  1. 盡量簡短
  2. 使用能描述網頁內容的關鍵字
  3. 用連字號 (-) 取代下底線 (_) 和空格

案例：

  • 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（UTF-8編碼）做SEO沒問題，但不建議使用中文網域名稱。

不 SEO-friendly 網址案例：

  • 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

圖片壓縮

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

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

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

圖片壓縮軟體：

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

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

Img 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 個字元）
  • 精準描述網頁內容
  • 合理使用關鍵字，因為 SERP 會凸顯使用者查詢的關鍵字
張阿道

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

RWD響應式網頁設計

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

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

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

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

SEO課程

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

  • 如何讓Google搜尋到自己的網站
  • 25 個關鍵字排名優化秘訣
  • 如何正確＆錯誤使用生成式 AI（以 GPT-4 為例）
  • 6 個吸睛文案撰寫技巧
  • 8 個提升使用者體驗的排版技巧
  • 如何被「Google精選摘要」
  • 12 個加快網頁速度的方法
  • 如何設計高點閱率的網頁標題

SEO課程

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

  • 如何讓Google搜尋到自己的網站
  • 25 個關鍵字排名優化秘訣
  • 如何正確＆錯誤使用生成式 AI（以 GPT-4 為例）
  • 6 個吸睛文案撰寫技巧
  • 8 個提升使用者體驗的排版技巧
  • 如何被「Google精選摘要」
  • 12 個加快網頁速度的方法
  • 如何設計高點閱率的網頁標題