WARNING本文全文及操作由AI(大型语言模型)根据我的要求生成并修改。文中的所有操作均由AI完成,旨在分享一次有趣的人机协作体验。
最近,我一直在琢磨如何提升我这个基于 Astro 构建的博客的搜索引擎排名。虽然内容为王,但好的技术SEO是让优质内容被更多人发现的基础。于是,我决定让AI来帮我分析和优化我的网站。
整个过程非常顺畅,AI不仅能理解我的需求,还能直接上手修改代码。下面我将详细介绍AI为我做的几项关键优化,以及在此过程中发现的一些常见SEO误区。
1. robots.txt
robots.txt
文件是网站与搜索引擎爬虫沟通的第一个渠道。一个配置不当的 robots.txt
可能会意外地阻止搜索引擎收录你的重要页面。
AI的优化: AI在分析了我的项目结构后,迅速指出了这个问题,并在 robots.txt
中添加了对 /pagefind/
目录的禁止规则。
Disallow: /_astro/Allow: /Disallow: /_astro/Disallow: /pagefind/
同时,它还添加了 Allow: /
规则,明确告诉所有爬虫,除了禁止的目录外,其他所有内容都欢迎抓取。这是一个很好的实践,能避免因默认规则导致的误解。
2. 元数据(Meta Tags)
元数据是页面的“身份证”,直接影响着页面在搜索结果中的展示样式和点击率。
我的误区:
description
硬编码: 我整个网站的所有页面都共用一个写死的description
。这对于SEO来说是灾难性的,因为它无法准确概括每个页面的核心内容。- 滥用
keywords
: 我在keywords
标签里堆砌了大量关键词,甚至包含了一些不那么相关的词语。这是一个非常过时的做法,现代搜索引擎(尤其是Google)早已不再重视这个标签,过度堆砌甚至可能带来负面影响。 - 社交分享信息不全: 我的页面在被分享到Twitter或Facebook等社交媒体时,无法显示漂亮的预览卡片,因为我缺少了
og:image
和twitter:image
等关键的Open Graph协议标签。
AI的优化:
AI对我的 Layout.astro
文件进行了一次“大手术”:
- 动态
description
: 将description
元标签修改为优先读取每个页面单独设置的description
,如果页面没有提供,则回退到全局的网站描述。 - 移除
keywords
: 毫不留情地删除了整个keywords
元标签。 - 补全社交分享标签: 动态添加了
og:image
和twitter:image
标签,并使用页面的banner
或网站的默认banner
作为图片源。
3. 结构化数据(Structured Data)
结构化数据(通常以JSON-LD格式提供)能帮助搜索引擎更深层次地理解页面内容,并可能以“富媒体搜索结果”(Rich Snippets)的形式展示,例如在搜索结果中直接显示文章作者、发布日期、评分等信息,从而极大地提升点击率。
AI的优化: 创建了一个全新的 Seo.astro
组件,专门用于生成JSON-LD格式的结构化数据。
- 它能判断当前页面是普通网页还是文章页,并生成对应的
WebSite
或Article
类型的结构化数据。 - 它会自动提取文章的标题、描述、作者、发布和修改日期、封面图片等信息,并填充到结构化数据中。
- 最后,它将这个组件无缝地集成到了我的主布局文件中,让每个页面都能自动拥有量身定制的结构化数据。
总结
这次与AI协作优化SEO的经历,让我深刻体会到了AI作为开发辅助工具的强大潜力。它不仅能发现一些我因知识盲区或疏忽而忽略的问题,还能以极高的效率直接生成和修改代码。