SEO 友好的 URL 结构设计:kebab-case 最佳实践
OG 图片用 Next.js 的 next/og 或 ImageResponse 动态生成,效果比静态图片好。1200x630 是标准尺寸,图片上放标题和品牌 logo,社交分享时点击率能提升 30%。 Google Search Console 的 URL 检查工具可以查看单个 URL 的索引状...
OG 图片用 Next.js 的 next/og 或 ImageResponse 动态生成,效果比静态图片好。1200x630 是标准尺寸,图片上放标题和品牌 logo,社交分享时点击率能提升 30%。 Google Search Console 的 URL 检查工具可以查看单个 URL 的索引状...
Google E-E-A-T(经验、专业、权威、可信)是内容质量的评估框架。提升方法:作者署名 + 作者简介、引用权威来源、展示真实案例、保持内容更新频率。对 YMYL(你的金钱或生活)类站点尤为重要。 PageSpeed 优化记录:我的站点从 60 分到 95 分花了三周。关键改动:① 图片用...
Vercel 部署的 Next.js 站点 SEO 基础清单:① 设置自定义域名 ② 配置 metadataBase ③ 生成 sitemap.xml ④ 配置 robots.txt ⑤ 验证 Google Search Console ⑥ 提交 sitemap ⑦ 检查 Core Web Vita...
Core Web Vitals 2024 的三个指标:LCP(最大内容绘制,<2.5s)、INP(交互到下一次绘制,<200ms)、CLS(累积布局偏移,<0.1)。其中 INP 替代了 FID,更严格。Next.js 用 next/image 优化图片能显著改善 LCP,用 next/dynami...
Next.js ISR 对 SEO 友好,因为输出的是完整 HTML。但要注意:ISR 缓存的页面不能包含用户个性化数据(如 session),否则不同用户看到相同缓存会有安全问题。SSR 输出必须对所有用户相同。 Google 抓取预算对大站很重要。优化方法:① robots.txt 禁止低价值...
Google 抓取预算对大站很重要。优化方法:① robots.txt 禁止低价值页面 ② 用 noindex 阻止索引但不阻止抓取 ③ 优化内链结构让重要页面更易到达 ④ 删除或合并薄内容页面 ⑤ 监控 Search Console 的抓取统计。 hreflang 是多语言站点最容易被忽略的 S...
SEO 友好的 URL 用 kebab-case:/forum/thread/how-to-optimize-nextjs-seo。避免下划线、驼峰、中文 URL(虽然 Google 支持但不利于分享)。Next.js 中可以用 slugify 函数生成 URL 友好的 slug。 hreflan...
Next.js Image 组件自动优化图片格式(WebP/AVIF)、尺寸和懒加载,对 LCP 优化效果显著。LCP 图片要加 priority 属性,否则懒加载会延迟 LCP 时间。但不要给所有图片加 priority,只给首屏最大的图片。 SEO 分页 URL 用 /page/2 路径形式比...
最后留个开放问题:大家在规模化场景下是怎么做权衡的?欢迎评论区聊聊,我后续会把好的思路更新进正文。 补充一点:如果团队里有人对这块不熟,建议先做个 15 分钟的内部分享再推进,共识成本远低于返工成本。 利益相关:纯个人实践,无任何商业合作。配置文件文末自取。 最后留个开放问题:大家在规模化场景下是怎么做权衡的?欢迎评论区聊聊,我后续会把好的思路更新进正文。
具体步骤: 1. 先跑通最小闭环; 2. 再逐步替换流程节点; 3. 每一步都留回退方案。别一上来就全量替换,出问题很难定位。 效果数据方面,同样的任务量,整体耗时大概降了三成,返工率也明显下降。当然样本有限,仅供参考。 背景是这样的:手头有个周期两周的小项目,时间紧,所以直接把流程里能自动化的部分全交给了工具链,人只负责把关关键节点。
背景是这样的:手头有个周期两周的小项目,时间紧,所以直接把流程里能自动化的部分全交给了工具链,人只负责把关关键节点。 踩过的坑主要是配置层面。文档写得比较理想化,实际跑起来至少有两处和预期不一致,查 issue 才找到解法,后面附上具体配置。 踩过的坑主要是配置层面。文档写得比较理想化,实际跑起来至少有两处和预期不一致,查 issue 才找到解法,后面附上具体配置。
具体步骤: 1. 先跑通最小闭环; 2. 再逐步替换流程节点; 3. 每一步都留回退方案。别一上来就全量替换,出问题很难定位。 效果数据方面,同样的任务量,整体耗时大概降了三成,返工率也明显下降。当然样本有限,仅供参考。 效果数据方面,同样的任务量,整体耗时大概降了三成,返工率也明显下降。当然样本有限,仅供参考。 具体步骤: 1. 先跑通最小闭环; 2. 再逐步替换流程节点; 3. 每一步都留回退
补充一点:如果团队里有人对这块不熟,建议先做个 15 分钟的内部分享再推进,共识成本远低于返工成本。 踩过的坑主要是配置层面。文档写得比较理想化,实际跑起来至少有两处和预期不一致,查 issue 才找到解法,后面附上具体配置。 效果数据方面,同样的任务量,整体耗时大概降了三成,返工率也明显下降。当然样本有限,仅供参考。 背景是这样的:手头有个周期两周的小项目,时间紧,所以直接把流程里能自动化的部分
最近在实际项目里反复验证了这套做法,今天抽空整理出来。先说结论:{kw}这件事,方法论比工具选择更重要,工具只是放大器。 补充一点:如果团队里有人对这块不熟,建议先做个 15 分钟的内部分享再推进,共识成本远低于返工成本。
Next.js ISR 对 SEO 友好,因为输出的是完整 HTML。但要注意:ISR 缓存的页面不能包含用户个性化数据(如 session),否则不同用户看到相同缓存会有安全问题。SSR 输出必须对所有用户相同。 Core Web Vitals INP 优化关键是减少主线程阻塞。① 拆分长任务(...
RSS Feed 虽然不直接影响 SEO 排名,但能增加内容曝光渠道,被聚合网站和 RSS 阅读器抓取,带来外链和流量。Next.js App Router 中用路由处理器生成 RSS XML,用 ISR 缓存。 Vercel 部署的 Next.js 站点 SEO 基础清单:① 设置自定义域名 ②...
Google Search Console 验证站点后,第一件事是提交 sitemap.xml。新页面发布后可以用 URL 检查工具主动请求索引,加速收录。但不要频繁提交相同 URL,Google 会降低优先级。 hreflang 是多语言站点最容易被忽略的 SEO 配置。每个语言页面必须包含指向...
meta keywords 已经被 Google 完全忽略,不要在 metadata 中配置 keywords 字段。它不仅没有 SEO 价值,还会暴露关键词策略给竞争对手。Bing 也已忽略 meta keywords。 OG 图片用 Next.js 的 next/og 或 ImageRespo...
meta keywords 已经被 Google 完全忽略,不要在 metadata 中配置 keywords 字段。它不仅没有 SEO 价值,还会暴露关键词策略给竞争对手。Bing 也已忽略 meta keywords。 面包屑导航不仅提升用户体验,还是 SEO 信号。用 BreadcrumbL...
RSS Feed 虽然不直接影响 SEO 排名,但能增加内容曝光渠道,被聚合网站和 RSS 阅读器抓取,带来外链和流量。Next.js App Router 中用路由处理器生成 RSS XML,用 ISR 缓存。 Google E-E-A-T(经验、专业、权威、可信)是内容质量的评估框架。提升方法...