课程大纲
第一节:渲染策略
-
问题: 为什么 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
机器翻译