SEO A/B 测试:标题和 description 对点击率的影响
Vercel 部署的 Next.js 站点 SEO 基础清单:① 设置自定义域名 ② 配置 metadataBase ③ 生成 sitemap.xml ④ 配置 robots.txt ⑤ 验证 Google Search Console ⑥ 提交 sitemap ⑦ 检查 Core Web Vita...
Vercel 部署的 Next.js 站点 SEO 基础清单:① 设置自定义域名 ② 配置 metadataBase ③ 生成 sitemap.xml ④ 配置 robots.txt ⑤ 验证 Google Search Console ⑥ 提交 sitemap ⑦ 检查 Core Web Vita...
Next.js ISR 对 SEO 友好,因为输出的是完整 HTML。但要注意:ISR 缓存的页面不能包含用户个性化数据(如 session),否则不同用户看到相同缓存会有安全问题。SSR 输出必须对所有用户相同。 metadataBase 是 Next.js 15 metadata 的基础 UR...
面包屑导航不仅提升用户体验,还是 SEO 信号。用 BreadcrumbList JSON-LD 结构化数据能让 Google 在搜索结果中显示面包屑路径,提升点击率。Next.js 中可以在 Server Component 渲染面包屑 HTML + JSON-LD。 Google Search...
404 页面的 SEO 处理:返回 404 状态码 + noindex + follow。不要返回 200 状态码的软 404(Google 会当作低质内容)。Next.js 中用 notFound() 函数触发 404 页面,会自动返回 404 状态码。 Google 抓取预算对大站很重要。优化...
Next.js Image 组件自动优化图片格式(WebP/AVIF)、尺寸和懒加载,对 LCP 优化效果显著。LCP 图片要加 priority 属性,否则懒加载会延迟 LCP 时间。但不要给所有图片加 priority,只给首屏最大的图片。 Schema.org 类型选择:博客文章用 Arti...
RSS Feed 虽然不直接影响 SEO 排名,但能增加内容曝光渠道,被聚合网站和 RSS 阅读器抓取,带来外链和流量。Next.js App Router 中用路由处理器生成 RSS XML,用 ISR 缓存。 robots.txt 不是阻止索引的手段,而是控制抓取。要阻止索引用 noindex...
Core Web Vitals INP 优化关键是减少主线程阻塞。① 拆分长任务(>50ms)用 requestIdleCallback 或 setTimeout ② 减少第三方脚本 ③ 用 Web Worker 处理重计算 ④ 延迟加载非关键交互 ⑤ 避免大型布局重排。 OG 图片用 Next....
PageSpeed 优化记录:我的站点从 60 分到 95 分花了三周。关键改动:① 图片用 next/image + priority ② 移除首屏 framer-motion 改用 CSS 动画 ③ 非首屏组件 next/dynamic 懒加载 ④ 字体用 next/font ⑤ 第三方脚本延迟...
Google E-E-A-T(经验、专业、权威、可信)是内容质量的评估框架。提升方法:作者署名 + 作者简介、引用权威来源、展示真实案例、保持内容更新频率。对 YMYL(你的金钱或生活)类站点尤为重要。 sitemap.xml 在 Next.js App Router 中用路由处理器生成。关键点:...
Next.js ISR 对 SEO 友好,因为输出的是完整 HTML。但要注意:ISR 缓存的页面不能包含用户个性化数据(如 session),否则不同用户看到相同缓存会有安全问题。SSR 输出必须对所有用户相同。 RSS Feed 虽然不直接影响 SEO 排名,但能增加内容曝光渠道,被聚合网站和...
Next.js 动态路由用 generateStaticParams 预生成静态页面,对 SEO 友好。但如果是用户生成内容(如论坛帖子),无法预生成,需要用 ISR 或 SSR。论坛帖子页面建议 ISR(revalidate: 3600)+ 发帖后 revalidatePath。 Google...
面包屑导航不仅提升用户体验,还是 SEO 信号。用 BreadcrumbList JSON-LD 结构化数据能让 Google 在搜索结果中显示面包屑路径,提升点击率。Next.js 中可以在 Server Component 渲染面包屑 HTML + JSON-LD。 Schema.org 类型...
Next.js 动态路由用 generateStaticParams 预生成静态页面,对 SEO 友好。但如果是用户生成内容(如论坛帖子),无法预生成,需要用 ISR 或 SSR。论坛帖子页面建议 ISR(revalidate: 3600)+ 发帖后 revalidatePath。 Next.js...
Google Search Console 验证站点后,第一件事是提交 sitemap.xml。新页面发布后可以用 URL 检查工具主动请求索引,加速收录。但不要频繁提交相同 URL,Google 会降低优先级。 RSS Feed 虽然不直接影响 SEO 排名,但能增加内容曝光渠道,被聚合网站和...
OG 图片用 Next.js 的 next/og 或 ImageResponse 动态生成,效果比静态图片好。1200x630 是标准尺寸,图片上放标题和品牌 logo,社交分享时点击率能提升 30%。 SEO 友好的 URL 用 kebab-case:/forum/thread/how-to-o...
404 页面的 SEO 处理:返回 404 状态码 + noindex + follow。不要返回 200 状态码的软 404(Google 会当作低质内容)。Next.js 中用 notFound() 函数触发 404 页面,会自动返回 404 状态码。 Schema.org 类型选择:博客文章...
meta keywords 已经被 Google 完全忽略,不要在 metadata 中配置 keywords 字段。它不仅没有 SEO 价值,还会暴露关键词策略给竞争对手。Bing 也已忽略 meta keywords。 Canonical URL 解决重复内容问题。多语言站点、分页页面、带查询...
SEO 友好的 URL 用 kebab-case:/forum/thread/how-to-optimize-nextjs-seo。避免下划线、驼峰、中文 URL(虽然 Google 支持但不利于分享)。Next.js 中可以用 slugify 函数生成 URL 友好的 slug。 Next.js...
SEO 分页 URL 用 /page/2 路径形式比 ?page=2 查询参数更好。路径形式更利于 Google 理解和索引,查询参数可能被当作重复内容。但分页页面的 canonical 要指向自身而非第一页,否则第二页之后的内容不会被索引。 PageSpeed 优化记录:我的站点从 60 分到...
Schema.org 类型选择:博客文章用 Article(必须有 author/datePublished),产品页用 Product + AggregateOffer(不要用 Offer + price:0),FAQ 用 FAQPage(必须有 Question/Answer 数组)。选错类型会...