課程簡介
第一節:渲染策略
-
問題: 爲什麼 Googlebot 常常無法“看到” JavaScript 內容。
-
解決方案: 配置 nuxt.config.ts 以實現混合渲染。我們將設置特定的路由規則(ISR 與 SWR),以確保產品頁面以靜態 HTML 的形式提供給爬蟲。
-
成果: 通過 Curl 驗證的可抓取頁面源代碼。
第二節:元數據與可見性
-
問題: 單頁應用(SPA)通常爲整個站點共享一個標題標籤。
-
解決方案: 使用 useSeoMeta 和 useServerSeoMeta 以編程方式生成動態標題、描述和規範鏈接。
-
社交修復: 調試損壞的 Open Graph(OG)標籤,確保鏈接在 WhatsApp/LinkedIn 上顯示正確。
第三節:技術基礎與索引
-
問題: 搜索引擎無法找到的孤立頁面。
-
解決方案: 安裝並配置 @nuxtjs/sitemap,爲動態路由自動生成 XML 站點地圖。
-
性能修復: 使用 <NuxtImg> 並定義明確的尺寸,以解決累積佈局偏移(CLS)問題並加快索引速度。
第四節:審計、防禦與水合
-
深入探討: 調試“水合不匹配”問題——這是 Nuxt 中影響性能的頭號錯誤。
-
審計: 在修復後的項目上運行即時 Lighthouse 審計。
-
Schema.org: 注入 JSON-LD 結構化數據以實現“富摘要”(搜索結果中的星級/評論)。
最低要求
- 參與者必須具備 Vue.js 和 Nuxt 基礎知識的實踐經驗。
受衆
- 開發人員
客戶評論 (5)
就是這樣
Assad Alshabibi - Vastech SA
課程 - Advanced Elasticsearch and Kibana Administration
機器翻譯
瞭解了之前不知道的操作系統新功能。
Dhivyalakshmi Ponnusamy - Mercedes-Benz AG
課程 - Search and Analytics with Amazon OpenSearch
機器翻譯
我認爲培訓內容非常全面,儘管我們涵蓋了大量材料,但Martin爲提問留出了充足的時間,並且很好地關注了每個人及其不同的需求。
Jean Thysse - Quidco
課程 - Elasticsearch for Developers
機器翻譯
我很喜歡這些練習,它們提供了很好的見解。
Andreas Kukacka
課程 - ELK: Elasticsearch, Logstash and Kibana for Administrators
機器翻譯
He has patient about the questions asked by students. He has knowledge to answer the questions.
Ratnakara Pesaladinne
課程 - Apache Solr - Full-Text Search Server
機器翻譯