# SEO 與 AI 搜尋時代 - Intro & Tech Factor(2025 Edit)(private) ## 什麼是 SEO? SEO(Search Engine Optimization)是「搜尋引擎最佳化」,指的是提升網站在搜尋引擎(如 Google、Bing)自然搜尋結果中排名的技術與策略。主要目標是提高網站曝光度、吸引目標流量並促進轉換。 ### 為何 SEO 對企業重要? * **提高自然流量**:透過優化,網站在搜尋結果中排名提升,吸引更多未付費的自然流量。 * **建立品牌信任**:出現在搜尋結果的前幾名能增加使用者對品牌的信任感。 * **長期效益**:與付費廣告相比,SEO 的效果較為持久,能為網站帶來穩定的流量。 * **成本效益高**:雖然需要時間與資源投入,但相較於持續投放廣告,SEO 的長期成本較低。 ## 2025 Google SEO 主要排名因素與權重 | 排名因素  | 估計權重 (%) |     說明 | | ------------------ | -------- | -------------------------------------------------------------------------------------------------------------- | | **高質量內容(E-E-A-T)** | 約20–30% | 含經驗、專業性、權威度、可信度的原創內容。Google 指出應提供對用戶有幫助、由具備資質的人撰寫的深入內容;**E-E-A-T**原則雖非直接算法,但對內容品質至關重要。高質量內容能最大化滿足用戶需求,是 SEO 中最關鍵的因素。 | | **關鍵詞優化** | 約10–15% | 在網頁標題(Title)、標頭(H1/H2)和正文中自然嵌入目標關鍵詞可增強相關性。例如在元標題加上關鍵詞(如商品名、服務名)仍被認為有助於排名。這一步驟與內容品質結合時效果最佳。 | | **外部連結(反向鏈接)** | 約10–20% | 高品質的反向鏈接(來自權威、相關性高的網站)被視作信任投票,能顯著提升頁面排名。Google 調整算法後更看重連結質量而非數量,故應避免垃圾郵件類外鏈,重點建立行業相關的優質連結。 | | **用戶體驗/參與度** | 約10–15% | 用戶在搜索結果中的互動(點擊率)、在頁面停留時間、跳出率、頁面深度瀏覽等,都是用於衡量內容是否滿足用戶的重要信號。例如頁面具有吸引人的多媒體或結構(列表、圖表)可增加停留時間,間接提升排名。Google 新算法更重視這些用戶行為指標作為內容質量的判斷標準。 | | **頁面體驗** | 約10–15% | 包括行動裝置適配、加載速度和整體可用性。Google 公佈的「頁面體驗」信號指標(如核心網頁生命力)顯示,快速且對手機友好的網站能獲得更好排名。優化圖片、使用快取與CDN等技術能改善速度;簡潔響應式設計可提升行動端體驗。 | | **內容新鮮度** | 約5–10% | 內容定期更新可傳達網站活躍度。Google 會對某些查詢(尤其是新聞、產品)給予新鮮內容加分,定期更新頁面有助於獲得短期流量提振。但只改日期而不實質增添價值則無效。 | | **結構化數據標記** | <5% | 結構化標記(如 schema.org JSON-LD)不是直接排名因素,但可幫助 Google 理解頁面內容。對電商網站而言,產品、評價、組織等 Schema 能提升展示效果(豐富摘要),增加被點擊機會。按照 Google 建議使用正確標記,可改善搜索結果的點擊率。 | | **網站安全 (HTTPS)** | <5% | HTTPS 加密是 Google 的基本信任信號。沒有 SSL 證書的站點在排名上可能受到輕微不利影響;啟用 HTTPS 並保持網站安全有助於建立用戶信任。 | ### E-E-A-T E-E-A-T 是 Google 用來評估網頁內容品質的重要原則,代表「Experience(經驗)」、「Expertise(專業性)」、「Authoritativeness(權威性)」和「Trustworthiness(可信度)」。這四個要素幫助 Google 判斷內容是否值得信賴,特別是在涉及生命、財產等敏感領域(如醫療、金融、法律等)時更為重要。 | 項目 | 判斷方式 | 實踐建議 | | -------------------------- | ------------------------------ | ---------------------------- | | **經驗(Experience)** | 是否來自作者的親身經歷或實際操作(如產品心得、旅遊體驗等) | 加入第一手的經驗分享、照片或影片,增加內容的真實性 | | **專業性(Expertise)** | 作者是否具備相關領域專業知識,內容是否深入且準確 | 由具備專業背景者撰寫,並在網站展示其資格或經歷 | | **權威性(Authoritativeness)** | 網站或作者在特定領域的知名度與影響力(如被其他權威網站引用) | 建立品牌聲譽,獲得其他高品質網站反向連結 | | **可信度(Trustworthiness)** | 網站是否提供透明聯絡資訊、隱私政策,內容是否準確無誤 | 使用 HTTPS,提供聯絡方式,定期更新內容以保持準確性 | ### 外部連結(反向鏈接 Backlinks) 反向連結(Backlinks)是指其他網站的網頁中,包含指向你網站的超連結。這些連結不僅能為你帶來直接的訪客流量,還能提升你網站在搜尋引擎中的可信度和權威性。 反向連結的例子 * **部落格引用**:一位部落客在撰寫有關某主題的文章時,引用了你網站的相關內容,並附上連結。 * **新聞報導**:媒體在報導某事件時,提及你的公司或產品,並在文章中加入指向你網站的連結。 * **合作夥伴連結**:與你合作的企業在其網站上列出合作夥伴,並包含指向你網站的連結。 ![image](https://hackmd.io/_uploads/rJcE5DyGxg.png) ![image](https://hackmd.io/_uploads/rk06cwyzlg.png) ## 技術性 SEO 重點說明 ### 1. 網站速度與效能 * **影響**:網站載入速度直接影響使用者體驗與搜尋排名。根據研究,網站載入時間每增加 1 秒,轉換率可能下降 7%。 * **改善建議**: * 壓縮圖片與使用現代圖片格式(如 WebP)。 * 啟用瀏覽器快取與伺服器端壓縮(如 Gzip)。 * 使用內容傳遞網路(CDN)以加速全球訪問速度。 * 最小化 CSS、JavaScript 和 HTML 檔案。 ### 2. 行動裝置相容性 * **影響**:隨著行動裝置使用者的增加,Google 採用「行動優先索引」,即以行動版網站內容為主要索引依據。 * **改善建議**: * 採用響應式設計,確保網站在各種裝置上均能良好顯示。 * 避免使用行動裝置不支援的技術(如 Flash)。 * 確保按鈕與連結大小適中,便於觸控操作。 ### 3. 網站結構與導覽 * **影響**:清晰的網站結構有助於搜尋引擎理解網站內容,提升索引效率。 * **改善建議**: * 建立清晰的網站階層結構,使用內部連結串聯相關頁面。 * 為每個頁面設置唯一且描述性的 URL。 * 使用麵包屑導航(Breadcrumbs)提升使用者體驗與搜尋引擎理解。 ### 4. XML 網站地圖與 robots.txt * **影響**:XML 網站地圖有助於搜尋引擎發現網站上的所有頁面,而 robots.txt 則指示搜尋引擎哪些頁面不應被抓取。 * XML 網站地圖範例 ```txt <?xml version="1.0" encoding="UTF-8"?> <urlset xmlns="http://www.sitemaps.org/schemas/sitemap/0.9"> <url> <loc>https://example.com/service/123</loc> <lastmod>2025-05-24</lastmod> <changefreq>daily</changefreq> <priority>0.8</priority> </url> </urlset> ``` * robots.txt 範例 ``` User-agent: * Allow: / Disallow: /auth/ Disallow: /member/ Disallow: /admin/ # 指定 sitemap 位置 Sitemap: https://example.com/sitemap.xml ``` * **改善建議**: * 定期更新並提交 XML 網站地圖至 Google Search Console。 * 正確配置 robots.txt,避免阻止重要頁面的抓取。 * 確保網站地圖中不包含重複或無效的 URL。 ### 5. 結構化資料(Schema Markup) * **定義**:透過 JSON-LD 方式標記頁面類型與內容,提升搜尋引擎理解。 * **影響**:結構化資料有助於搜尋引擎更好地理解頁面內容,並可能在搜尋結果中顯示豐富摘要(Rich Snippets)。 * **常見類型**:Product、Article、Organization、FAQ、LocalBusiness。 * **實作方式**:可透過 [Google Markup Helper](https://www.google.com/webmasters/markup-helper/) 或 [Schema.org](https://schema.org) 撰寫與測試。 * **改善建議**: * 使用適當的 Schema.org 標記語言為內容添加結構化資料。 * 透過 Google 的結構化資料測試工具驗證標記的正確性。 * 定期檢查並更新結構化資料,確保其與頁面內容一致。 * 範例(Product Schema): ```javascript { "@context": "https://schema.org/", "@type": "Product", "name": "有機蜂蜜", "image": ["https://example.com/honey.jpg"], "description": "天然有機蜂蜜 500ml", "sku": "OH500", "offers": { "@type": "Offer", "priceCurrency": "TWD", "price": "350", "availability": "https://schema.org/InStock" } } ``` **Product** ![image](https://hackmd.io/_uploads/BJE6NgJGxx.png) ![image](https://hackmd.io/_uploads/H1lYtsyzll.png) ![image](https://hackmd.io/_uploads/B1lLYo1zex.png) **FAQ** ![image](https://hackmd.io/_uploads/SJWbBxJMle.png) ( Google 於 2023 年 8 月更新說明,為了讓 SERP 更加簡潔,未來僅有「權威性的政府網站」及「健康網站」會顯示 FAQ 結構化資料,一般網站則不再定期顯示。) ### 6. HTTPS 安全協定 * **影響**:Google 將 HTTPS 視為排名因素之一,安全的網站能提升使用者信任度。 * **改善建議**: * 為網站安裝有效的 SSL 憑證,實現 HTTPS 加密連線。 * 確保所有資源(如圖片、腳本)均透過 HTTPS 載入,避免混合內容警告。 * 設定 301 重定向,將 HTTP 流量導向 HTTPS。 ### 7. 重複內容與 Canonical 標籤 **Canonical** 是 HTML 的 `<link rel="canonical">` 標籤,用來告訴搜尋引擎哪一個是頁面的「標準版本」或「首選版本」。 #### Canonical 的作用 1. **避免重複內容問題**:當同一內容可透過多個 URL 存取時,指定標準版本 2. **集中頁面權重**:將所有版本的 SEO 權重集中到標準版本 3. **改善索引效率**:幫助搜尋引擎正確索引內容 4. **統一分享連結**:確保社群媒體分享時使用標準 URL #### Canonical 使用方式 在 HTML `<head>` 區塊加入: ``` <link rel="canonical" href="https://example.com/main-page" /> ``` * **常見情境**:分類篩選或動態參數頁與主頁內容重複時使用。 * **改善建議**: * 使用 Canonical 標籤指示原始內容的首選版本。 * 避免在多個 URL 上發布相同或相似的內容。 * 定期檢查網站,找出並解決重複內容問題。 #### Canonical vs noindex/nofollow 的差異 | 標籤 | 作用 | 用途 | 對頁面的影響 | |------|------|------|-------------| | **canonical** | 指定標準版本 | 避免重複內容 | 頁面仍會被索引,但權重轉移到標準版本 | | **noindex** | 禁止索引 | 完全排除頁面 | 頁面不會出現在搜尋結果中 | | **nofollow** | 禁止跟隨連結 | 阻止爬蟲跟隨頁面連結 | 頁面可被索引,但連結不被跟隨 | 使用時機比較 ```html <!-- 情境 1:重複內容問題 - 使用 canonical --> <link rel="canonical" href="https://example.com/product/123"> <!-- 情境 2:不想被搜尋到 - 使用 noindex --> <meta name="robots" content="noindex"> <!-- 情境 3:頁面可索引但不跟隨連結 - 使用 nofollow --> <meta name="robots" content="nofollow"> <!-- 情境 4:完全排除 - 使用 none --> <meta name="robots" content="none"> <!-- 等同於 noindex, nofollow --> ``` ### 8. 404 錯誤與重新導向 * **影響**:大量的 404 錯誤頁面會影響使用者體驗,並可能降低網站的整體權威性。 * **改善建議**: * 定期使用工具(如 Google Search Console)檢查網站的錯誤頁面。 * 對於已刪除或移動的頁面,設定 301 重定向至相關內容。 * 設計友好的 404 錯誤頁面,提供返回首頁或其他建議連結。 ## 常用的 SEO 工具 ### [Google Search Console](https://search.google.com/search-console/about)(GSC) **特點:** Google 官方免費工具,提供網站在搜尋引擎中的表現數據。 ### [Semrush](https://www.semrush.com/) **特點:** 全面的 SEO 工具套件,涵蓋關鍵字研究、競爭對手分析、網站審核等功能。 ## Nuxt2 SEO 優化設置 ### 1. 基本 Meta 標籤配置 在 `nuxt.config.js` 中設定了全域的 meta 標籤: ```javascript head: { title: '智樂家 - 首選居家生活服務平台', meta: [ { name: 'viewport', content: 'width=device-width, initial-scale=1, viewport-fit=cover' }, { name: 'format-detection', content: 'telephone=no' }, { hid: 'description', name: 'description', content: process.env.META_DESCRIPTION }, { hid: 'keywords', name: 'keywords', content: '智樂家,居家生活平台,生活服務,家電清洗,冷氣清洗' }, { hid: 'robots', name: 'robots', content: process.env.NODE_ENV_NAME === 'ec' ? 'all' : 'noindex' }, { hid: 'googlebot', name: 'googlebot', content: process.env.NODE_ENV_NAME === 'ec' ? 'all' : 'noindex' }, { hid: 'og:type', property: 'og:type', content: 'website' }, { hid: 'og:url', property: 'og:url', content: process.env.BASE_WEB_URL } ] } ``` ### 2. 頁面級別的 SEO 設定 各個頁面都有設定客製化的 `head()` 函數: ```javascript head () { return { title: '智樂家 - 首選居家生活服務平台', meta: [ { hid: 'title', name: 'title', content: this.title + this.$store.state.meta.titleTemple }, { hid: 'description', name: 'description', content: this.description }, { hid: 'og:title', property: 'og:title', content: this.title + this.$store.state.meta.titleTemple }, { hid: 'og:description', property: 'og:description', content: this.description }, { hid: 'og:image', property: 'og:image', content: this.image } ] } } ``` ### 3. 結構化資料 (JSON-LD) #### 程式碼實作 ```javascript /** * 生成頁面的 JSON-LD 結構化資料 * @returns {Object|null} 結構化資料物件或 null(導購制服務) */ jsonld () { // 程式碼實作 // 返回完整的 JSON-LD 結構化資料 return { '@context': 'http://schema.org', // Schema.org 語義詞彙表 '@graph': [ // 包含多個結構化資料物件的陣列 { '@type': 'BreadcrumbList', // 麵包屑導航 itemListElement: getBreadcrumbList() // 生成麵包屑導航結構化資料 }, { '@type': 'Product', // 商品/服務 name: this.metaTitle, // 商品名稱 category: this.categoryName, // 商品分類 image: this.$store.getters['service/getBannerList'](this.serviceId), // 商品圖片 description: this.description, // 商品描述 sku: '', // 商品編號(空值) brand: { '@type': 'Brand', name: '智樂家' // 品牌名稱 }, ...getPriceOptionGroup(), // 展開價格選項 ...getRating() // 展開評分資料 } ] } } ``` 結構化資料內容: * 麵包屑導航 * 商品資訊(價格、評分、圖片等) * 品牌識別 * 評價顯示 ### 4. Robots 設定管理 #### robots - **定義**:`robots` 是一個 HTML meta 標籤,用來指示搜尋引擎爬蟲如何處理網頁 - **作用**:控制搜尋引擎是否可以索引頁面內容、是否可以跟隨頁面上的連結等 - **適用範圍**:對所有搜尋引擎爬蟲生效 #### googlebot - **定義**:`googlebot` 是專門針對 Google 搜尋引擎爬蟲的 meta 標籤 - **作用**:專門控制 Google 的爬蟲行為,會覆蓋通用的 robots 設定 - **優先級**:比 robots 標籤具有更高的優先級(針對 Google) #### 常見的 content 值 - `all`:允許索引頁面並跟隨連結(等同於 `index, follow`) - `noindex`:禁止索引此頁面 - `nofollow`:禁止跟隨頁面上的連結 - `none`:等同於 `noindex, nofollow` #### 程式碼實作 ```javascript { hid: 'robots', name: 'robots', content: process.env.NODE_ENV_NAME === 'ec' ? 'all' : 'noindex' }, { hid: 'googlebot', name: 'googlebot', content: process.env.NODE_ENV_NAME === 'ec' ? 'all' : 'noindex' } ``` 正式環境允許搜尋引擎索,其他環境如開發環境、測試環境,不被搜尋引擎收錄 ### 5. Canonical 標籤 #### 程式碼實作 ```javascript head () { return { title: this.serviceName, meta: [ // ... 其他 meta 標籤 ], link: [ // 設定 canonical URL,指向服務的主要頁面 { hid: 'canonical', rel: 'canonical', href: this.serviceMainUrl } ] } } ``` 程式碼說明: 1. **`hid: 'canonical'`**:Nuxt 2 的唯一識別符,避免重複標籤 2. **`rel: 'canonical'`**:指定這是 canonical 標籤 3. **`href: this.serviceMainUrl`**:指向標準的服務頁面 URL 實際生成的 HTML ```html <link rel="canonical" href="https://example.com/service/123"> ``` #### 注意事項 1. **絕對 URL**:canonical 必須使用完整的絕對 URL 2. **自我指向**:頁面可以指向自己作為 canonical 3. **一致性**:確保 canonical URL 本身是可存取的 4. **避免鏈結**:不要讓 canonical URL 再指向其他 canonical URL ### 6. 動態 Sitemap **動態 Sitemap** 是指根據網站實際內容自動生成的網站地圖,與靜態手動編寫的 sitemap 不同,它會即時從資料庫或 API 獲取最新的頁面資訊。 #### 程式碼實作 ```javascript sitemap: () => { // 開發環境不產生 sitemap if (dev) { return false } else { /** * 產生 sitemap 設定的函數 * @param {Object} options - 包含 hostname 和 path 的設定物件 * @returns {Object} sitemap 設定物件 */ const generateSitemap = ({ hostname, path }) => { return { path, // sitemap 檔案名稱 hostname, // 網站主機名稱 cacheTime: 1000 * 60 * 60 * 24, // 快取 24 小時 gzip: true, // 產生壓縮檔 generate: false, // 不使用靜態生成 exclude: [ '/auth', // 排除登入相關頁面 '/privacy', // 排除隱私權頁面 '/member/**' // 排除會員相關頁面 ], defaults: { changefreq: 'daily' // 預設更新頻率為每日 }, // 動態路由生成邏輯 routes (callback) { // 程式碼實作 } } } return { sitemaps: [ generateSitemap({ hostname: process.env.BASE_WEB_URL, path: 'sitemap.xml' }) ] } } } ``` ### 7. SSR/SPA 混合模式 使用 Nuxt 2 的 `mode: 'universal'`,實現: * 初次進入使用 SSR,確保爬蟲能抓取到完整內容 * 後續頁面切換使用 SPA,提升使用者體驗 ### 8. 社群媒體優化 設定了完整的 Open Graph 和 Twitter Card 標籤: #### Open Graph 標籤的定義與作用 **og** 是 **Open Graph** 的縮寫,這是 Facebook 在 2010 年推出的一個開放協議標準。 1. **標準化社群分享**:讓網頁在社群媒體平台(Facebook、Twitter、LinkedIn 等)分享時能顯示豐富的預覽資訊 2. **統一的 meta 標籤格式**:提供標準化的方式來描述網頁內容 3. **提升社群媒體表現**:讓分享的內容更吸引人,提高點擊率和互動率 #### 程式碼實作 ```javascript head () { return { title: this.metaTitle, // 頁面標題 meta: [ // 基本 SEO meta 標籤... // Open Graph 標籤 - 用於社群媒體分享 { hid: 'og:url', property: 'og:url', content: this.webBaseUrl + this.routeFullPath }, { hid: 'og:title', property: 'og:title', content: this.metaTitle + this.$store.state.meta.titleTemple }, { hid: 'og:description', property: 'og:description', content: this.description }, this.image ? { hid: 'og:image', property: 'og:image', content: this.image } : {}, // Twitter Card 標籤 - 專門用於 Twitter 分享 { hid: 'twitter:card', property: 'twitter:card', content: 'summary_large_image' }, { hid: 'twitter:url', property: 'twitter:url', content: this.webBaseUrl + this.routeFullPath }, { hid: 'twitter:title', property: 'twitter:title', content: this.metaTitle + this.$store.state.meta.titleTemple }, { hid: 'twitter:description', property: 'twitter:description', content: this.description }, this.image ? { hid: 'twitter:image', property: 'twitter:image', content: this.image } : {} ] } } ``` #### 主要的 og 標籤 1. **og:url**:頁面的完整 URL ```html <meta property="og:url" content="https://example.com/service/123"> ``` 2. **og:title**:分享時顯示的標題 ```html <meta property="og:title" content="智樂家 - 冷氣清洗服務"> ``` 3. **og:description**:分享時顯示的描述文字 ```html <meta property="og:description" content="專業冷氣清洗服務,提升空氣品質"> ``` 4. **og:image**:分享時顯示的圖片 ```html <meta property="og:image" content="https://example.com/service-image.jpg"> ``` #### 實際效果 當用戶在社群媒體分享這個服務頁面時,會顯示: * **標題**:服務名稱 + 網站後綴 * **描述**:服務的詳細說明 * **圖片**:服務的代表圖片 * **URL**:完整的頁面連結 ### 9. webp 圖片優化 ![image](https://hackmd.io/_uploads/SJMM8ZGfel.png) ### 10. CDN 資源載入 ![image](https://hackmd.io/_uploads/S1ANDbMMlg.png) --- ## AI 搜尋對 SEO 的影響與因應策略 常見 AI 搜尋平台分析(形象官網與電商適用) | 平台 | 機制與重點 | 對 SEO 的影響 | | ----------------- | ----------------------------------------- | ------------------------------ | | **Google AI Overviews** | 根據搜尋結果自動整合 AI 回答,引用多個網站來源,重視內容品質與 E-E-A-T | 保持高品質內容、實作結構化資料,仍有機會在 AI 回答中曝光 | | **Microsoft Copilot(Bing AI)** | 整合搜尋引擎資訊,以問答方式顯示,偏好高信任來源與結構化資料 | 商品頁與 FAQ 頁加上 Schema,有利成為引用來源 | | **Perplexity AI** | 自建爬蟲,實時搜尋與引用網頁內容並標示來源 | 網站需允許爬蟲(robots.txt),內容需具權威與原創性 | ### Google AI Overview 當你在 Google 搜尋時,會由 AI 為你總結關鍵字的相關資訊並生成答案,且通常會出現在搜尋結果頁面的最頂端。 ![image](https://hackmd.io/_uploads/B1bsqWMGle.png) #### 數據顯示 Google AIO 正在更深入的引用網站 > 有深度、專業的內容更容易被 AI 引用 Google AIO 的 2 個核心設計是: * **Predictive Summaries**:根據用戶搜尋意圖,預測性的給出答案摘要 * **Grounding Links**:引用內容來源並附上連結 也就是說,能被 AIO 收錄的內容,不僅要寫得準、寫得深,還要切中「使用者當下的搜尋上下文」。 因此,AIO 的工作邏輯非常明確:因為要給出準確答案,所以它不太會引用首頁、品牌主頁這類比較空泛的頁面,而是會直接挑選有針對問題回答的頁面、專題文章或教學內容。 根據 BrightEdge 在 2025 年 3 月的研究,Google 在 3 月的前兩週內,將 AIO 的顯示範圍擴大了約 18.26%,不只是體積變大了,它「吃下去的資訊」也更精準、更多元。 不過並不是所有產業都有這個狀況,以下 4 個行業中,AIO 的引用規模有較大幅的成長: * 旅遊:+39.49% * B2B 技術:+37.13% * 教育:+35.49% * 金融:+32.89% 󠀠 也就是說,如果網站的內容有具體解決某個問題的能力(而不是單純賣產品或堆疊關鍵字),那就更有機會被 AIO 選中引用! #### AIO 讓 SEO 和 PPC(付費廣告)點擊率創下歷史新低 根據 ZipTie 的統計,他們分析了 1 萬多筆「資訊型查詢」關鍵字、追蹤 2024 年 1 月到 2025 年 1 月之間的點擊率變化,得到以下結論: **CTR 下降:自然與付費搜尋都受影響** 結果顯示,只要搜尋結果中有 AIO 出現,不論是自然還是付費,都會面臨 CTR(點擊率)下滑的情況: 出現 AIO 的搜尋結果,點擊率從 1.41% 掉到 0.64%。 使用者在搜尋結果頁面上看到 AIO 給的答案後,直接滿足、不點了,也就是所謂的「零點擊搜尋(Zero-click search)」 廣告點擊率普遍下滑,原因除了 AIO 的擠壓效應、用戶對廣告產生疲乏感,加上整體搜尋行為轉變,例如改用 TikTok、私人社群、或其他 AI 搜尋等方式獲取資訊 **沒出現 AIO 的搜尋,反而 CTR 有上升** 󠀠 值得注意的是,如果某個關鍵字沒有觸發 AIO,反而 CTR 是提升的:沒有 AIO 的搜尋結果中,自然點擊率從 2.68% 上升到 3.97%。少了 AI 的「搶答」,畫面乾淨、使用者更有機會點近自然搜尋的結果。 **品牌內容如果被 AIO 引用,反而效益更好** 然整體點擊率因 AIO 下滑,但若品牌有被收錄在 AIO 中,點擊率表現會明顯提升: * 自然 CTR 可從 0.74% 升到 1.02% * 付費 CTR 也從 7.89% 升到 11% 這現象說明了一個有趣的心理機制:使用者本來就認識的品牌,一旦被 Google AIO 引用,會因為「連 AI 都推薦」而增強信任,也更容易點擊。 ### 對 SEO 排名的影響 * AI Overview 推出後,網站自然流量平均下降 20–60%。 * 使用者更傾向閱讀 AI 回答,點擊原始網站比例減少(零點擊增加)。 * 若能被 AI 引用,仍具備曝光與流量導入潛力。 ### SEO 是否還重要? AI 搜尋不會取代 SEO,而是進一步強調其必要性。AI 搜尋仍需從已優化的網站中擷取資訊,且提供引用連結。因此「**內容品質 + 技術 SEO + 結構化資料**」變得更為重要。 ### 如何增加被 AI 搜尋引用的機會? #### 1. 先搞懂你的產業中,哪些查詢容易被 AIO 吃掉?哪些還有潛力? 因為不是所有搜尋都會觸發 AIO,因此你應該從自己的產業、網站內容出發,分析目前有哪些關鍵字已經開始出現 AIO,並看看這些關鍵字在過去是否曾帶來高流量或高轉換。 󠀠 如同上面文章中提到的:「沒出現 AIO 的搜尋,CTR 還在上升」,代表使用者還是願意自己找答案,也意味著這是 SEO 現階段值得經營的藍海市場! 󠀠 千萬不要放過還沒被 AIO 吃掉的關鍵字,因為它們的點擊率反而有機會提高。 #### 2. 撰寫 AIO 也會想引用的內容、重視 E-E-A-T BrightEdge 的分析指出,AIO 喜歡的是有明確上下文、具備專業背景與可信來源的內容。且高機會被 AIO 引用的字,通常是每月有 1 萬以上搜尋量、資訊型類型的詞! 這說明,需要寫出「深度而精準」的內容,就算只打中一個核心關鍵字,也可能獲得大量曝光!建議內容可以這樣做: 明確標題與段落架構、善用結構化資料,讓 AI 更容易理解內容結構,提供明確的數據與內容來源,強化作者欄位,提高更新頻率。如果是 YMYL 領域(健康、財經、法律等),更要展現專業背景與真實經驗,與已有信任基礎的品牌合作、跨站曝光。 #### 3. 把握「消費者旅程前期」的機會點 SEO 專家 Jono Alderson 提到:「應該瞄準使用者旅程的起點,而不是等他們已經準備好買東西了才出現。」 所以可以試著佈局更前期的關鍵字,像是「什麼是...」、「怎麼選擇…」、「新手指南」、「推薦」、「比較」這類 AIO 常引用的關鍵字。 | 策略項目 | 形象官網建議 | 電商網站建議 | | ----- | ------------------------ | ---------------------------------- | | 結構化資料 | 加入 FAQ、Article、Organization 等結構化標記 | 使用 Product、Offer、Review 等標記,明確庫存、價格、評價等欄位 | | 內容品質 | 原創、深入、專業(如案例研究、常見問題、產業觀點) | 商品描述詳實、完整商品資訊、使用建議、常見問題 | | 品牌權威 | 累積媒體報導、外部連結、獲獎紀錄,強化品牌可信度 | 鼓勵顧客留下評論,促進商品被第三方推薦或開箱評測 | | 技術優化 | 確保網站速度快、行動版友好、正確 Sitemap/robots 設定、不阻擋 AI 爬蟲 | 使用 IndexNow、Feed/API 同步更新庫存與價格,確保 AI 搜尋獲得最新資料 | | 內容更新 | 維持內容新鮮:發布新聞、見解、活動資訊 | 商品資訊、活動優惠需即時更新,強化 AI 與顧客的信任感 | ## SEO v.s AEO v.s GEO | 項目 | SEO | AEO | GEO | |--------------|----------------------------------------|----------------------------------------------------------------------|---------------------------------------------------------------------------------------| | 對象 | 傳統搜尋引擎 | Google 搜尋引擎上方區塊、語音助理 | 生成式 AI 搜尋引擎,如 ChatGPT、SGE | | 目標 | 提升自然搜尋排名與流量 | 成為 Google AIO 或語音答案 | 被 AI 搜尋引用並納入生成回應 | | 優化重點 | 關鍵字策略、技術 SEO、網站內容與外部連結 | 問題導向內容結構、FAQ、語意清晰、schema 結構化資料 | 原創觀點、知識性內容、可被 AI 理解與引用、高權威外部平台露出 | | 成效衡量 | 排名、點擊率、網站流量 | 精選摘要曝光、語音搜尋命中率 | AI 引用率、品牌在 AI 回答中的能見度與可信度 | | 與品牌關係 | 建立網站基礎曝光與可信度 | 強化品牌成為領域問題解答者 | 建立品牌專業權威,讓 AI 願意引用與推薦 | ### SEO(搜尋引擎優化) 定義: SEO旨在提升網站在傳統搜尋引擎(如Google、Bing)中的自然排名,增加網站的曝光率和流量。 主要特點: * 關鍵字研究與優化 * 高品質內容創建 * 網站結構與內部連結優化 * 頁面載入速度與行動裝置友好性 適用場景: 適用於希望在傳統搜尋引擎中提高可見度的企業和網站。 網站設計公司 ### AEO(答案引擎優化) 定義: AEO專注於優化內容,使其更容易被答案引擎(如Google的特色摘要、語音助手)識別並提供給用戶。 主要特點: * 針對用戶常見問題提供簡潔、準確的答案 * 使用結構化資料(如Schema.org標記) * 優化內容以適應語音搜尋和自然語言查詢 適用場景: 適用於希望在語音搜尋和特色摘要中提高曝光率的企業,特別是醫療、教育、金融等行業。 ### GEO(生成引擎優化) 定義: GEO旨在優化內容,使其更容易被生成式AI(如ChatGPT、Perplexity)引用和整合到其生成的回答中。 主要特點: * 創建高品質、上下文相關的內容 * 使用可靠的來源和數據支持 * 內容結構清晰,便於AI模型理解 * 考慮AI模型的語言處理特性 適用場景: 適用於希望在AI生成的內容中提高可見度的企業,特別是在AI驅動的搜尋平台日益普及的背景下。 ![image](https://hackmd.io/_uploads/SyNL7ifflg.png) ## 總結:AI 時代的 SEO 關鍵策略 1. **內容品質至上**:專業、深入、有使用者價值的內容更容易被 AI 選為引用來源。 2. **技術優化不能少**:網站速度、行動裝置支援、結構清晰都是基礎。 3. **結構化資料成標配**:Schema Markup 協助搜尋與 AI 理解你的內容。 **SEO 是 AI 搜尋的基礎,不是過去式**:AI 搜尋的內容來源仍是開放網路,做好 SEO 就有機會被 AI 引用、推薦、點擊。 > 持續追蹤 AI 搜尋演化,並精進 SEO 策略,才能在未來的搜尋生態中保有競爭力。 ## 參考資料 * [製作實用、可靠且以使用者為優先的內容 | Google 搜尋中心  |  Documentation  |  Google for Developers](https://developers.google.com/search/docs/fundamentals/creating-helpful-content?hl=zh-tw#:~:text=Focus%20on%20people) * [Mastering Google’s 2025 Algorithm for First-Page Rankings | by Akash u v | Medium](https://medium.com/@akashuv72/mastering-googles-2025-algorithm-for-first-page-rankings-7e266ab9b25d) * [Google’s 200 Ranking Factors: The Complete List (2025)](https://backlinko.com/google-ranking-factors) * [Data Shows Google AIO Is Citing Deeper Into Websites](https://www.searchenginejournal.com/data-shows-google-aio-is-citing-deeper-into-websites/543325/) * [2025 年 AI 搜尋爆發的行銷時代,一次了解5大 SEO 專家看法與10大 SEO 趨勢 - awoo](https://www.awoo.ai/zh-hant/blog/2025-seo-trend/) * [還在「SEO」?「AEO」才是廣告業的未來|天下雜誌](https://www.cw.com.tw/article/5135113)