聯繫我們

課程簡介

第一節:渲染策略

  • 問題所在: 爲什麼 Googlebot 經常無法“看到” JavaScript 內容。
  • 解決方案: 配置 nuxt.config.ts 以實現混合渲染。我們將設置特定的路由規則(ISR 與 SWR),確保產品頁面以靜態 HTML 格式服務於機器人。
  • 成果: 通過 Curl 驗證的可爬取頁面源代碼。

第二節:元數據與可見性

  • 問題所在: 單頁應用程序 (SPA) 通常對整站使用同一個標題標籤。
  • 解決方案: 使用 useSeoMeta 和 useServerSeoMeta 編程生成動態標題、描述和規範鏈接。
  • 社交優化: 調試損壞的 Open Graph (OG) 標籤,使 WhatsApp/LinkedIn 上的鏈接顯示正確。

第三節:技術基礎與索引

  • 問題所在: 搜索引擎無法找到的孤立頁面。
  • 解決方案: 安裝並配置 @nuxtjs/sitemap 以自動生成動態路由的 XML 站點地圖。
  • 性能優化: 實施 <NuxtImg> 並定義明確的尺寸,以解決累積佈局偏移 (CLS) 問題並加快索引速度。

第四節:審計、防禦與水合

  • 深入剖析: 調試“水合不匹配”——Nuxt 中破壞性能的 #1 錯誤。
  • 審計環節: 對修復後的項目進行即時 Lighthouse 審計。
  • Schema.org: 注入 JSON-LD 結構化數據以生成“富摘要”(搜索結果中的星級/評論)。

最低要求

  • 參與者必須具備 Vue.js 和 Nuxt 基礎知識。

受衆

  • 開發人員
 7 小時

人數


每位參與者的報價

客戶評論 (2)

即將到來的課程

課程分類