商品分类标题是语义结构与seo关键节点，须用h2-h4按层级准确表达类目关系，紧随section标签，禁用div模拟，且不可与h1主标题混淆，服务端需输出静态可读文本。
电商详情页中的商品分类标题，不是装饰性文字，而是页面语义结构与SEO识别的关键节点。它需准确表达当前商品所属的类目层级，同时配合
主标题形成清晰的内容骨架。
用包裹分类区块并配
一级分类（如“智能手机”“笔记本电脑”）应独立封装在<section id="smartphone"></section>中，并紧随其后使用<h2>智能手机</h2>作为该区块标题。这样既满足HTML5语义规范，又支持锚点跳转（如#smartphone），也便于CSS按类目统一控制样式和间距。避免用<div class="category-smartphone">替代——它无语义，爬虫和屏幕阅读器无法识别其内容意图。
<h3>多级分类用嵌套<h3>~<h4>体现层级关系</h4>
</h3>
</h3>
<p>若详情页需展示子类目（如“智能手机 > 旗舰机型 > 折叠屏”），可在对应模块内使用</p><div class="aritcle_card flexRow artxards">
<div class="artcardd flexRow">
<a class="aritcle_card_img" rel="nofollow" href="/xiazai/skill4293" title="Doc To HTML"><img
src="https://img.php.cn/upload/skill/000/000/081/178998486916110.jpg" alt="Doc To HTML" onerror="this.onerror='';this.src='/static/lhimages/moren/morentu.png'" ></a>
<div class="aritcle_card_info flexColumn">
<a rel="nofollow" href="/xiazai/skill4293" title="Doc To HTML" class="overflowclass">Doc To HTML</a>
<p class="overflowclass">使用 MinerU 文档处理引擎将 Word 文档（.doc、.docx）转换为保留结构和格式的干净 HTML。</p>
</div>
<a rel="nofollow" href="/xiazai/skill4293" title="Doc To HTML" class="aritcle_card_btn flexRow flexcenter"><b></b><span>下载</span>
</a>
</div>
</div>
<h3>和<h4>逐级降级：
<ul>
<li><code><h3>旗舰机型</h3>
<h4>折叠屏</h4>后直接）；也不重复使用同一级标题描述不同概念。所有~必须服务于内容组织，而非仅为了字号变化。
避免与主商品标题混淆
~必须服务于内容组织，而非仅为了字号变化。
避免与主商品标题混淆
避免与主商品标题混淆
页面唯一
必须留给商品本身，例如<h1>Samsung Galaxy Z Fold6</h1>。分类标题一律从起始，确保搜索引擎和辅助技术能正确区分“这是什么商品”和“它属于哪一类”。若误将用于“手机分类”，不仅违反W3C规范，还会稀释商品核心关键词权重，导致搜索排名下降。
动态分类页需服务端输出真实文本
用于“手机分类”，不仅违反W3C规范，还会稀释商品核心关键词权重，导致搜索排名下降。
动态分类页需服务端输出真实文本
当详情页由模板渲染（如Django、EJS或Next.js），分类标题不能是{{ category.name }}这类占位符。右键“查看网页源代码”时，
