如何用HTML代码标记Person个人履历与社交账号关联-html教程-PHP中文网

应使用声明人物实体，用itemprop="name"、image、description等标准属性标记基础信息，sameas专用于关联真实可访问的社交主页url，且需在dom中直接呈现。

如何用html代码标记person个人履历与社交账号关联

用 `itemscope` 和 `itemtype="https://schema.org/Person"` 声明语义主体

直接在最外层容器（比如 <div> 或 <code><section></section>）上加这两个属性，告诉搜索引擎“这里面描述的是一个人”。不加就只是普通 HTML，搜索引擎无法识别为 Person 实体。

常见错误是只写 itemscope 忘了 itemtype，或者把 URL 写错成 http://schema.org/Person（少一个 s），导致结构化数据校验失败。

itemtype 必须用完整 HTTPS URL：https://schema.org/Person
推荐用 <section itemscope itemtype="https://schema.org/Person"></section> 作为根节点，语义更清晰
避免嵌套多个 itemscope 在同一层级，容易混淆主实体

用 `itemprop` 标记姓名、头像、简介等基础字段

姓名必须用 itemprop="name"，头像用 itemprop="image"，简介用 itemprop="description"。这些属性名是 Schema.org 定义的固定关键词，拼错或自定义（如 itemprop="nickname"）不会被识别。

示例：

html-deploy

使用 htmlcode.fun 将 HTML 内容或文件部署到网页，适用于用户要求“部署到网页”“托管此 HTML”“生成此前端...的实时链接”等场景。

下载

<section itemscope itemtype="https://schema.org/Person"><h1 itemprop="name">张三</h1>
  @@##@@
  <p itemprop="description">前端工程师，专注 Web 性能与无障碍</p>
</section>

itemprop="url" 应指向个人主页（不是任意链接），且最好与页面 URL 一致
itemprop="sameAs" 专用于社交账号，不是 url 的替代品
所有 itemprop 值必须出现在 DOM 中——不能靠 JS 注入，否则爬虫读不到

用 `itemprop="sameAs"` 关联社交账号，不是 `href` 或 `rel`

sameAs 是唯一合法标记“这个链接代表同一个人”的属性。它必须作用于 <a></a> 标签，且 href 值是该社交主页的**完整、可访问 URL**（如 https://github.com/zhangsan），不能是短链或跳转页。

常见坑：把微博、LinkedIn 等链接塞进 itemprop="url"，或试图用 rel="me" 替代 sameAs——前者是 HTML5 微格式概念，后者才是 Schema.org 认可的跨平台身份关联方式。

每个社交链接单独一行 <a itemprop="sameAs" href="..."></a>
支持的平台无限制，但 URL 必须真实存在且返回 200 状态码
不要重复标注同一个平台多个账号（如两个 GitHub 链接），会降低可信度

验证时重点检查 `sameAs` 是否被正确提取

Google Rich Results Test 或 Schema Markup Validator 能跑通不代表 sameAs 生效——它们常忽略该字段校验。真正要看 Google Search Console 的「增强型搜索结果」报告里是否出现社交图标，或用 curl -s https://search.google.com/search?q=site:yourdomain.com | grep sameAs 粗略确认。