聯繫我們

課程簡介

課程 1:渲染策略

  • 問題: 為什麼 Googlebot 經常無法「看到」JavaScript 內容。
  • 解決方案:混合渲染配置 nuxt.config.ts。我們將設定特定的路由規則(ISR vs SWR),以確保產品頁面以靜態 HTML 形式提供給機器人爬取。
  • 結果: 使用 Curl 驗證的可爬取頁面源碼。

課程 2:元數據與可見性

  • 問題: 單頁應用程式(SPA)通常僅共用一個全站標題標籤。
  • 解決方案: 實作 useSeoMeta 和 useServerSeoMeta,以程式設計方式生成動態標題、描述和規範化連結。
  • 社群媒體修復: 偵錯損壞的 Open Graph(OG)標籤,讓連結在 WhatsApp/LinkedIn 上顯示正確。

課程 3:技術基礎與索引

  • 問題: 搜尋引擎無法找到的孤立頁面。
  • 解決方案: 安裝並配置 @nuxtjs/sitemap,為動態路由自動生成 XML 網站地圖。
  • 效能修復: 實作 <NuxtImg> 並定義明確的維度,以解決累積版面配置偏移(CLS)並加速索引。

課程 4:稽核、防禦與水合

  • 深入探討: 偵錯「水合不匹配」——這是 Nuxt 中摧毀效能的首要錯誤。
  • 稽核: 對修復後的專案執行即時 Lighthouse 稽核。
  • Schema.org: 注入 JSON-LD 結構化數據,以獲得「豐富摘要」(搜尋結果中的星評)。

最低要求

  • 參與者必須具備 Vue.js 和 Nuxt 基礎知識的工作能力。

受眾

  • 開發人員
 7 小時

人數


每位參與者的報價

客戶評論 (2)

即將到來的課程

課程分類