SPA 站点 SEO 改造实录:从 hash 路由迁移到 History API 的完整方案
pren 发布于 2026-09-21
一、背景:一个被搜索引擎"拒之门外"的 SPA 我们的项目是一个基于 Vue 3 构建的内容型单页应用,上线初期为了开发便利,路由直接采用了默认的 hash 模式——URL 形如: https://example.com//article/123 https://example....
阅读(9)评论(0)赞 (0)
pren 发布于 2026-09-21
一、背景:一个被搜索引擎"拒之门外"的 SPA 我们的项目是一个基于 Vue 3 构建的内容型单页应用,上线初期为了开发便利,路由直接采用了默认的 hash 模式——URL 形如: https://example.com//article/123 https://example....
阅读(9)评论(0)赞 (0)
pren 发布于 2026-09-21
Go Modules 自 Go 1.11 引入以来,已经成为 Go 生态中依赖管理的标准方案。然而,在实际工程中,仅仅会使用 go get 和 go mod tidy 是远远不够的。当项目涉及多模块协作、离线构建或私有代码仓库时,replace、vendor 以及私有仓库配置就成...
阅读(5)评论(0)赞 (0)
pren 发布于 2026-09-21
页面标题(Title Tag)和 Meta 描述是搜索引擎理解页面内容的第一入口,也是影响点击率的关键因素。当一个网站拥有成百上千个页面时,逐页检查标题和描述几乎不可能靠人工完成。Screaming Frog SEO Spider 的 自定义提取(Custom Extractio...
阅读(6)评论(0)赞 (0)
pren 发布于 2026-09-21
市面上的 SEO 审计工具不少,但当你需要针对特定业务逻辑做定制化检查——比如验证某个 SPA 站点的预渲染输出、监控竞品站点的标题变更、或者批量检查上千个 URL 的 canonical 标签——现成工具往往力不从心。自己动手写一个 SEO 爬虫,反而更灵活、更可控。 本文将从...
阅读(7)评论(0)赞 (0)
pren 发布于 2026-09-21
图片是网站流量的重要入口。Google 图片搜索每天承载着数十亿次查询,而绝大多数网站却对图片 SEO 几乎不做任何技术处理——图片以 PNG 原图直接上传、没有懒加载、Sitemap 中完全不提图片。这篇文章从三个最核心的技术层面,讲清楚图片 SEO 到底该怎么做。 一、为什么...
阅读(6)评论(0)赞 (0)
pren 发布于 2026-09-21
网站从 HTTP 迁移到 HTTPS,早已不是“可选项”,而是搜索引擎、浏览器和用户信任的共同底线。但很多站长在完成证书部署、开启 HTTPS 后,却发现排名不升反降,流量出现波动甚至明显下滑。问题往往不在 HTTPS 本身,而在于迁移过程中留下的技术债:301 跳转链路混乱、H...
阅读(7)评论(0)赞 (0)
pren 发布于 2026-09-21
在 TypeScript 的日常开发中,我们经常需要定义一组相关的常量值,比如状态码、方向、角色类型等。传统上,enum 是最直观的选择,但随着项目规模的增长和类型系统的深入使用,enum 的一些固有缺陷逐渐暴露出来。与此同时,const 断言和联合类型等特性提供了更灵活、更安全...
阅读(7)评论(0)赞 (0)
pren 发布于 2026-09-21
为什么要手写声明文件 在 TypeScript 项目中引入一个没有类型定义的 npm 包时,编译器会抛出 TS7016 错误:“Could not find a declaration file for module 'xxx'”。这通常发生在以下几种场景: 包本...
阅读(7)评论(0)赞 (0)
pren 发布于 2026-09-21
表单验证是前端开发中无法回避的一环。传统做法通常是在提交时手动检查字段、编写大量 ifelse,或者依赖某个 UI 库自带的校验规则。这些方案能跑通,但有一个共同的痛点:类型定义和运行时校验是两套东西。你在 TypeScript 里声明了一个 User 接口,又在表单验证逻辑里重...
阅读(7)评论(0)赞 (0)
pren 发布于 2026-09-21
在 TypeScript 的类型系统中,any 往往是最容易被滥用的类型。它像一扇敞开的大门,允许任何值进入,也允许任何操作发生。这种“自由”带来的代价是类型安全的彻底丧失。幸运的是,TypeScript 提供了两个更精确、更安全的替代者:unknown 和 never。理解它们...
阅读(6)评论(0)赞 (0)