卢白茜

例如，一个“相关教程”卡片组件，在首页显示时应使用 <h2> ，在详情页侧边栏则应降级为 <h3>

组件仍保留客户端JavaScript，用于后续的增量更新或🌅排序功能，但初始内容对百度完全可见

在列表底部增加“更多文章”链接，并指向分页列表，⚡形成内链闭环

实践案例：重构一个常见的内容列表组件

实践案例：重构一个常见的内容列表组件 假设原教程网站有一个“最新文章”列表组件，最初使用纯JavaScript动态渲染列表项，导致百度收录时只能抓取到空白容器

总结与建议

动态内容静态化处理： 组件中通过JavaScript渲染的数据，建议在服务端或构建阶段生成静态HTML片段，避免百度无法抓取异步加载的内容

高级方法：构建SEO友好的通用组件

标题层级管理组件 在组件化开发中，不同页面❤️或不同⚡位置可能会复用同一组件，但标题层级会发生变化

组件化开发中SEO友好的基本原则

高级做法是：为懒加载组件提供 <noscript> 标💡🌺签或服务端渲染的占位内容