HTML简历需手动优化SEO才能被搜索引擎有效收录：标题和描述须唯一且含姓名、身份、地域；用语义化标签明确结构；联系方式为纯文本；图片配alt属性；URL含关键词；避免JS渲染关键信息。
HTML简历能被搜索引擎收录，但默认几乎不会出现在搜索结果首页——除非你主动按搜索引擎的偏好写代码。它不是“发上去就有人搜到”，而是得让爬虫一眼看懂：这是谁、干什么、值不值得展示。
title 和 meta description 必须手动写，且每份简历唯一
很多人直接用 <title>我的简历</title>，这等于告诉搜索引擎“所有简历都一样”。实际要包含姓名+核心身份关键词+地域（可选），比如：<title>李明 | 前端开发工程师 - 上海</title>。长度控制在 50–60 字符内，中文约 25–30 字。
<meta name="description" content="上海前端工程师李明的在线简历，含 Vue/React 项目经验、GitHub 作品集与技术博客链接。支持 PDF 导出与移动端查看。"> 这类描述要真实、带信息密度，150–160 字为佳。别写“欢迎访问我的简历”这种废话。
- 同一份简历部署多个域名（如 GitHub Pages + 自建域名）时，必须用
rel="canonical"指定首选 URL，否则会被判为重复内容 - 不要依赖自动生成的 description，手工写才能控制关键词和点击诱因
- 避免在 title 中堆砌“前端 简历 求职 招聘 工程师”——搜索引擎已不认这个套路
语义化结构直接影响爬虫对“你是谁”的判断
用一堆 <div> 套出来的简历，爬虫只能猜；用 <code><header></header>、<main></main>、<section></section>、<footer></footer> 搭出来的，它能立刻定位主标题、核心技能、工作经历区块。
立即学习“前端免费学习笔记（深入）”；
特别注意 <h1></h1>：必须只出现一次，且就是你的全名或“张三 | 全栈开发”，不能是“个人简历”或“Welcome”。后续用 <h2></h2> 标“工作经验”“教育背景”，<h3></h3> 标公司名或学校名——层级断掉（比如 <h1></h1> 后直接 <h3></h3>）会让爬虫困惑内容权重。
-
<main></main>标签必须包裹全部实质内容，不能漏掉技能列表或项目描述 - 联系方式别藏在 JavaScript 里，爬虫不执行 JS，电话/邮箱得是纯 HTML 文本
- 用
<address></address>包裹联系信息，比普通<p></p>更具语义提示
图片、链接与 URL 结构全是隐性 SEO 信号
头像、作品截图这些图片不是装饰，是内容的一部分。每个 <img alt="制作HTML简历如何做好SEO优化？搜索引擎收录技巧" > 都得有 alt，比如：<img src="projects/todo-app.png" alt="Todo 应用界面截图 - 使用 React + TypeScript 实现">。空 alt="" 只留给纯装饰性元素（如分隔线）。
内部锚点链接（如导航栏跳转到“技能”）用 id 而非 name；外部链接（GitHub、LinkedIn）加 rel="noopener noreferrer"，但别加 nofollow——你想让爬虫知道这些是你认可的权威出处。
- 文件名别叫
index.html就完事，部署时用li-ming-resume.html或根路径/都行，但 URL 路径里尽量含人名或职业关键词 - 简历页不要设 robots.txt 禁止抓取，GitHub Pages 默认允许，但自建服务器要检查
robots.txt是否误写了Disallow: / - 没有 sitemap.xml 也行，但如果你还做了作品集页面，建议加一个并提交到 Google Search Console
真正卡住大多数人的不是技术，是细节：title 写得太泛、h1 被 CSS 隐藏、联系方式靠 JS 渲染、图片没 alt——这些小地方一错，爬虫就当你“内容不可信”或“不值得索引”。SEO 在简历上不是为了排名，而是为了让那个偶然搜“vue 工程师 上海”的 HR，真能点进来第一眼就确认：就是这个人。
