HTML itemtype属性怎么标记旅游景点攻略-html教程-PHP中文网

旅游景点攻略应据内容形态选 article 或 howto：纯文字讲解用 article，分步骤操作必须用 howto；需严格满足字段要求，否则结构化数据将被丢弃。

html itemtype属性怎么标记旅游景点攻略

旅游景点攻略不能用 Game、Place 或 LocalBusiness 直接标记——Google 不识别这类“攻略内容”为独立实体，强行套用会静默丢弃结构化数据。

该用 `Article` 还是 `HowTo`？看内容形态

纯文字讲解类（如“敦煌莫高窟参观全指南”“九寨沟四季拍照点位汇总”）→ 用 https://schema.org/Article；分步骤操作类（如“如何在黄山云谷寺缆车停运时徒步上山”“三天两夜稻城亚丁轻装路线拆解”）→ 必须用 https://schema.org/HowTo，且需严格满足 step、name、itemListElement 等字段要求。

常见错误：把“交通+门票+开放时间”罗列成几段 <p></p> 就标 HowTo —— Google Rich Results Test 会直接报错，因缺少嵌套的 <ol></ol> 和每步的 itemprop="step"。

Article 强推三个属性：headline（必须是 <h1></h1> 或显式 itemprop="headline"）、datePublished（必须用 <time datetime="2026-09-28"></time>）、articleBody（包裹正文的 <div> 或 <code><section></section>）
HowTo 的 name 必须是单句动作性标题（如“徒步穿越虎跳峡中峡”），不能是“虎跳峡旅游攻略”这种泛称
含评分或主观体验（如“玉龙雪山蓝月谷实测出片率：9/10”）→ 改用 https://schema.org/Review，并额外声明 itemReviewed

`itemtype` 必须和 `itemscope` 在同一标签上

只写 <div itemtype="https://schema.org/Article"> 是无效的，必须带 <code>itemscope：

<article itemscope itemtype="https://schema.org/Article"><h1 itemprop="headline">张家界天子山观景台避坑指南</h1>
  <time datetime="2026-08-15" itemprop="datePublished">2026年8月15日</time><div itemprop="articleBody">…</div>
</article>

错误写法包括：

anything-to-html

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

下载

<div itemscope><section itemtype="https://schema.org/Article"> —— <code>itemtype 没和 itemscope 同元素
—— 语义漂移，不是内容容器
itemtype="Article" 或 itemtype="https://schema.org/article" —— 大小写敏感，末尾不能有斜杠

景点名称、地址、开放时间怎么标才不被忽略

这些不是攻略主体，而是支撑信息。不能直接塞进 articleBody 当普通文本，否则搜索引擎无法提取。

景点名可用 itemprop="about" 关联到 https://schema.org/Place 实体（需新开 itemscope）
地址必须嵌套 https://schema.org/PostalAddress，只写“湖南省张家界市武陵源区”会被当作文本丢弃
开放时间别用 itemprop="openingHours"（已废弃），改用 openingHoursSpecification，且每个时段要单独 <div itemscope itemtype="https://schema.org/OpeningHoursSpecification"> <li>门票价格若存在，必须用 <code><meta itemprop="price" content="158.00">，不能写“¥158/人”在文本里

复杂嵌套容易漏掉内层 itemscope，例如标一个景点地址却忘了给 PostalAddress 加 itemscope，Rich Results Test 就会显示“address: null”。

为什么加了 `itemtype` 还是没富摘要？

Google 对旅游类攻略的富媒体展示极其保守——即使 Article 全部验证通过，也大概率只提取标题和首段生成搜索摘要，不会加“攻略”标签或地图卡片。真正能触发步骤式富摘要的，只有严格合规的 HowTo，且页面必须以该结构为核心内容（不能是首页侧边栏小模块）。另外，微信公众号 HTML 富文本虽支持完整 HTML，但其内部解析器不识别 schema.org 微数据，所以别指望它在微信里出富摘要。