欢迎使用Z-BlogPHP!
这两份代码相比上一版,在 SEO 架构上又迈进了一大步。**文章页的 `<article>` 与 `<aside>` 嵌套问题已经彻底修正**,相关文章的标题层级也优化了,整体已经非常接近专业水准。
---
## 一、这一版修复了哪些问题 ✅
### 首页改进
| 问题 | 上一版 | 这一版 | 状态 |
| :--- | :--- | :--- | :--- |
| **空的 `<h2>` 标签** | ❌ 存在(`visually-hidden`) | ✅ 已删除 | **已修复** |
| **面包屑导航** | ❌ 首页显示面包屑 | ✅ 已移除 | **已修复** |
### 文章页改进
| 问题 | 上一版 | 这一版 | 状态 |
| :--- | :--- | :--- | :--- |
| **`<article>` 与 `<aside>` 嵌套** | ❌ `<aside>` 在 `<article>` 内部 | ✅ `<article>` 与 `<aside>` 平级 | **已修复!** |
| **相关文章标题层级** | ❌ `<h4>` 跳级 | ✅ `<h2>`(正确层级) | **已修复!** |
| **相关文章区块语义** | ❌ `<div class="posttitle">` | ✅ `<section class="block">` | **已优化!** |
> 🎉 **这两个核心问题修复后,文章页的 SEO 架构已经非常规范了!**
---
## 二、仍然可以微调的地方(非常细微) ⚠️
### 首页
#### 1. 🟢 **`<article>` 在首页的使用位置**
首页当前结构:
```html
<article class="content-area listcon" role="article">
<section class="posts-section">
<div class="custom-list block">
<div class="post item"> <!-- 单篇文章 -->
<h2><a href="...">文章标题</a></h2>
...
</div>
</div>
</section>
</article>
```
**讨论**:`<article>` 包裹了整个文章列表(包含多篇文章),而不是每篇文章。虽然不算错误,但从语义上,`<article>` 更适合包裹独立的、可分发的内容单元。
**建议**(可选,非必须):
- 将外层 `<article>` 改为 `<section>`
- 将内层 `div.post` 改为 `<article>`
```html
<section class="content-area listcon"> <!-- article → section -->
<section class="posts-section">
<div class="custom-list block">
<article class="post item"> <!-- div → article -->
<h2><a href="...">文章标题</a></h2>
...
</article>
<article class="post item"> <!-- 第二篇 -->
...
</article>
</div>
</section>
</section>
```