如何在HTML中使用itemtype属性定义职位信息-html教程-PHP中文网

itemtype 必须使用 https://schema.org/jobposting，且须与 itemscope 成对出现在同一html元素上；关键属性如 jobtitle、hiringorganization、joblocation 需用 itemprop 显式标注并符合 schema.org 定义。

如何在html中使用itemtype属性定义职位信息

itemtype 应该用哪个 Schema.org 类型

职位信息必须用 https://schema.org/JobPosting，这是唯一被搜索引擎（Google、Bing）识别并用于职位富媒体搜索结果的类型。用错 URL（比如写成 https://schema.org/Job 或漏掉 https://）会导致结构化数据完全失效。

必须是完整 HTTPS URL，不能省略协议或用相对路径
不能混用其他类型（如 Person 或 Organization）直接作为 itemtype 值——它们只能作为嵌套子项出现
Google Structured Data Testing Tool 会明确报错 Unknown type "Job" 这类提示

itemtype 必须和 itemscope 成对出现

itemtype 单独写在 HTML 标签上毫无作用，它必须与 itemscope 同时存在，且在同一元素上。否则解析器不会启动微数据解析流程。

anything-to-html

将调研报告、方案对比、数据分析、需求梳理、会议纪要、设计说明、代码评审、学习笔记等任务产物输出为可在浏览器直接打开的单文件 HTML，替代 Markdown 作为最终交付物。Markdown 在信息密度、视觉清晰度和可分享性上已跟不上 AI 产物的丰富度，HTML 能同时承载排版、表格、SVG 等。

下载

正确写法：

<div itemscope itemtype="https://schema.org/JobPosting">
<li>错误写法：<pre class="brush:php;toolbar:false;"><div itemtype="https://schema.org/JobPosting">（缺 <code>itemscope</code>）
<li>也错误：<pre class="brush:php;toolbar:false;"><div itemscope>
<span itemtype="..."></span>（<code>itemtype</code> 不在 <code>itemscope</code> 元素上）


<h3>关键属性要用 itemprop 绑定，不能靠 class 或 id</h3>
<p><code>itemtype</code> 只声明“这是个职位”，具体字段（如职位名称、薪资、地点）必须用 <code>itemprop</code> 显式标注，且值必须匹配 <code>JobPosting</code> 定义的属性名。拼错、大小写不一致、用自定义名（如 <code>job-title</code>）都会导致字段丢失。</p>
<ul>
<li>必须用标准属性名：<code>jobTitle</code>、<code>hiringOrganization</code>、<code>employmentType</code>、<code>baseSalary</code>、<code>jobLocation</code>
</li>
<li>
<code>hiringOrganization</code> 需要嵌套另一个 <code>itemscope</code> + <code>itemtype="https://schema.org/Organization"</code>
</li>
<li>日期必须用 ISO 8601 格式字符串（如 <code>2024-06-15</code>），不能用中文“2024年6月15日”</li>
</ul>
<h3>常见验证失败原因：HTML 结构松散或属性缺失</h3>
<p>Google 不强制要求所有字段，但 <code>jobTitle</code>、<code>hiringOrganization</code>、<code>jobLocation</code> 缺一不可；否则即使 <code>itemtype</code> 正确，也会被判定为“无效职位信息”。另外，微数据对 DOM 层级敏感——<code>itemprop</code> 必须严格位于对应 <code>itemscope</code> 内部，跨父容器会断开关联。</p>
<ul>
<li>避免把 <code>jobLocation</code> 放在 <code>itemscope</code> 外的兄弟 div 里</li>
<li>不要用 CSS <code>display: none</code> 隐藏含 <code>itemprop</code> 的元素——Google 可能忽略不可见内容</li>
<li>用 <a href="https://www.php.cn/link/601d951f4f2552d36955ef1cd551253a">Google Rich Results Test</a> 实时验证，比肉眼检查 HTML 更可靠</li>
</ul>

实际生效依赖整个微数据树的完整性，<code>itemtype</code> 只是入口开关，后面每层 <code>itemprop</code> 和嵌套 <code>itemscope</code> 都得对得上 Schema.org 的定义。漏掉一个必填嵌套或写错一个属性名，整块数据就退化成普通 HTML。</div>