个人博客的技术性 SEO 实践:标题、描述与 HTML 语义优化

背景
搜索引擎优化(SEO)对于个人博客来说,意味着让分享的技术和见解能被更多志同道合的人发现。在提交 5d819d4b980ade52073a0907a2dc993432b70881
中,博客进行了一系列技术性 SEO 调整,旨在让搜索引擎更好地理解和收录博客的内容。
优化实践
本次优化主要涵盖了三个方面:
1. 调整网站标题 (<title>
)
网站的全局标题是搜索引擎识别博客主题的首要信息。
变更:
在 src/config.ts
文件中,将网站标题从 '或许是一只龙的博客'
修改为 'Hxsyzl blog'
。
理由:
使用一个更简洁、统一的标识 (Hxsyzl
) 作为网站标题,有助于让搜索引擎和访客快速识别这是谁的博客。对于一个技术博客来说,一个稳定且易于记忆的标识符比一个较长的中文昵称更利于传播和索引。
2. 丰富页面元描述 (meta description
)
元描述会作为摘要显示在搜索结果中,它就像一本书的简介,直接影响读者是否愿意“翻开”看看。
变更:
在文章 src/content/posts/chat.md
的 frontmatter 中,description
字段被扩充,提供了更详细的信息。
理由: 一个内容详实、准确概括页面内容的描述,能够帮助潜在的读者在搜索结果中快速判断这篇文章是否是他们想要的,从而吸引到更精准的流量。
3. 强化 HTML 语义:使用 <h1>
标签
在 HTML 中,使用正确的语义化标签是与搜索引擎进行高效沟通的基础。<h1>
标签告诉搜索引擎:“这是这个页面的主标题,是最重要的内容”。
变更:
在文章页面模板 src/pages/posts/[...slug].astro
中,原先用于包裹文章标题的 <div>
标签被替换为了 <h1>
标签。
// 之前<div class="...">{entry.data.title}</div>
// 之后<h1 class="...">{entry.data.title}</h1>
理由:
将 <div>
更换为 <h1>
,是向搜索引擎明确地标示出页面的核心主题。这能帮助搜索引擎准确地理解文章结构,是页面级 SEO 中一个基础但至关重要的步骤。
结论
技术性 SEO 并不复杂。通过对网站标题、元描述和 HTML 结构这些基础元素进行简单的调整,就能显著改善个人博客对搜索引擎的友好度,让精心撰写的内容更容易被需要它的人找到。