聯繫我們

課程簡介

講次 1:渲染策略

  • 問題所在:為什麼 Googlebot 經常無法「看見」JavaScript 內容。
  • 解決方案:配置 nuxt.config.ts 以實現混合渲染。我們將設定特定路由規則(ISR 與 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)

即將到來的課程

課程分類