跳至主要內容

    Internal Linking

    內部連結協助爬蟲發現頁面、理解主題關係並分配權威。主題群集(Topic Cluster)是最實用的做法。

    定義

    Internal linking 指網站內頁面彼此之間的連結。它同時影響『可發現性(discoverability)』與『語意理解』:好的內鏈能讓搜尋引擎更快找到新頁、理解哪些頁是核心(pillar),並把權威訊號沿著結構分配到重要頁。

    為什麼重要

    • 加速收錄 — 新頁面透過內鏈被爬蟲發現,無需等待 sitemap 更新
    • 傳遞 PageRank — 權威頁面的連結會把「權重」分享給被連結頁
    • 建立主題權威 — Topic Cluster 結構讓 Google 理解你是某領域的專家
    • 控制排名目標 — 用內鏈把訊號導向你真正想排名的頁面
    • 改善用戶體驗 — 相關內容互連,用戶更容易找到需要的資訊
    • 降低跳出率 — 內鏈引導用戶繼續瀏覽,增加頁面瀏覽量
    • 避免孤兒頁 — 沒有內鏈指向的頁面可能永遠不被收錄

    怎麼做(實作重點)

    • 建立 Topic Cluster:Pillar Page(核心教學)← → Cluster Content(子主題)相互連結
    • 使用描述性 anchor text — 「Meta Description 最佳實踐」比「點這裡」更有語意價值
    • 優先連結高價值頁面 — 把內鏈預算集中在想排名的頁面
    • 確保每頁都有入口 — 用麵包屑、相關文章、分類導覽建立連結網
    • 定期審查孤兒頁 — 用 Screaming Frog 或 GSC 找出沒有內鏈的頁面
    • 內容更新時補充內鏈 — 新文章發布後,回去舊文章加入連結
    • 避免過度連結 — 每頁 3-10 個相關內鏈即可,不要塞滿整頁

    範例

    markdown
    # 內部連結結構示例(SEO 主題群集)
    
    ## Pillar Page(核心頁)
    /learn/seo-basics
      ├── 連結到 → /glossary/meta-description
      ├── 連結到 → /glossary/canonical-url
      ├── 連結到 → /glossary/structured-data
      └── 連結到 → /tools/seo-analyzer
    
    ## Cluster Content(子頁)
    /glossary/meta-description
      ├── 連結回 → /learn/seo-basics(Pillar)
      ├── 連結到 → /tools/meta-generator(相關工具)
      └── 連結到 → /glossary/og-tags(相關概念)
    
    ## 工具頁
    /tools/meta-generator
      ├── 連結回 → /learn/seo-basics
      └── 連結到 → /glossary/meta-description
    tsx
    // 自動在內容中插入內部連結
    import { Link } from 'react-router-dom';
    
    const glossaryTerms = {
      'meta description': '/glossary/meta-description',
      'canonical URL': '/glossary/canonical-url',
      'structured data': '/glossary/structured-data',
    };
    
    function AutoInternalLinks({ content }: { content: string }) {
      let result = content;
      
      Object.entries(glossaryTerms).forEach(([term, href]) => {
        // 只替換第一次出現(避免過度連結)
        const regex = new RegExp(`\\b(${term})\\b`, 'i');
        result = result.replace(regex, 
          `<Link to="${href}">$1</Link>`);
      });
      
      return <div dangerouslySetInnerHTML={{ __html: result }} />;
    }
    
    // 更安全的做法:用 React 組件而非 dangerouslySetInnerHTML

    相關連結

    常見問題

    關於這個詞彙的常見問答。

    回到詞彙表