欢迎使用Z-BlogPHP!

未分类80

这两份代码相比上一版,在 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>

```

该内容为 VIP 专属

阅读更多解锁完整内容

“欢迎使用Z-BlogPHP!” 的相关文章

下载测试12026-08-21 21:40
下载测试22026-08-21 21:40
下载测试2026-08-21 21:39
下载测试2026-08-21 21:39
下载测试2026-08-21 21:39