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

張阿道

  • SEO課程
  • SEO公司
  • 數位行銷公司
  • 合作
  • 工作職缺

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

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

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

目錄

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

如何讓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 (容易造假/黑帽):

  • 點擊或流量
  • 曝光
  • 點閱率/CTR
  • 和營收、銷量無關的轉換(率)
  • 反向連結數

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

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

  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): 關鍵字難度
  7. GPT-4
  8. 這應該是主題清單吧?
    比較像關鍵字清單了!
    哇,愈來愈像關鍵字研究工具!

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

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

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

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

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

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

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

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

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

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

    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 個加快網頁速度的方法
  • 如何設計高點閱率的網頁標題

Check your inbox or spam folder to confirm your subscription.

SEO課程

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

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

Check your inbox or spam folder to confirm your subscription.

  

主要資訊欄

商業模式

商業模式九宮格(經營/獲利分析範例、設計類型)

網頁設計

網頁設計公司 vs 網站架設費用(推薦報價)

數位行銷

數位/網路行銷課程(電商SEO平台, 策略工具)

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

Footer

  • SEO課程
  • SEO公司
  • 數位行銷公司
  • 合作
  • 工作職缺
  • 聯絡

張阿道最新教材

Check your inbox or spam folder to confirm your subscription.

Logo

隱私權政策 | 使用條款

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

↑