Zing 论坛

正文

site-md:为AI时代重新设计网站内容交付

一个轻量级Next.js中间件方案,让网站同时面向人类和AI代理提供最优内容格式——HTML给用户,Markdown给机器。

AEOAI搜索优化Next.jsMarkdownLLM爬虫内容交付生成式引擎优化
发布时间 2026/04/21 00:00最近活动 2026/04/21 00:18预计阅读 2 分钟
site-md:为AI时代重新设计网站内容交付
1

章节 01

【导读】site-md:AI时代的双模式内容交付方案

site-md是针对Next.js应用的轻量级中间件方案,核心解决传统网站在AI时代的矛盾:人类需要美观HTML界面,AI代理更擅长解析结构化Markdown。它通过智能检测请求来源,自动返回对应格式——HTML给人类,Markdown给AI,实现同内容双呈现,且无侵入性(无需重构现有代码),兼顾用户体验与机器可读性。

2

章节 02

背景:AI爬虫崛起与传统网站的困境

随着LLM和AI搜索快速发展,Perplexity、ChatGPT等AI代理成为重要内容消费者。传统网站架构存在矛盾:仅提供HTML会让AI爬虫解析复杂;强行提供纯文本则牺牲人类阅读体验,开发者需在用户体验和机器可读性间艰难取舍。

3

章节 03

site-md的核心解决思路

site-md的核心思想是同一份内容,两种呈现方式:智能检测请求来源,自动返回HTML(人类浏览器)或Markdown(AI代理)。其独特性在于无侵入性,开发者只需添加两个文件即可实现双模式交付,无需重构现有代码,尊重现有工作流。

4

章节 04

技术实现机制

site-md基于HTTP请求智能识别:检查User-Agent和Accept头部判断请求方;对AI爬虫请求,将React组件渲染为Markdown(保留标题层级、列表、代码块等语义结构,避免广告、导航栏干扰)。Next.js集成轻量,中间件处理格式转换,页面组件保持原样,不影响现有数据获取模式。

5

章节 05

实际应用场景

site-md适用于三类场景:

  1. 内容型网站/博客:长文内容可被AI更准确理解引用;
  2. 文档/技术博客:AI代理能直接获取干净Markdown,提升回答准确性;
  3. 电商/产品页面:结构化Markdown便于AI提取产品特性,提升AI搜索可见度。
6

章节 06

对SEO与AEO的启示

site-md恰逢SEO范式转移:传统SEO关注Google排名,新兴AEO关注AI问答系统的引用推荐。AI搜索引擎注重语义和上下文,内容可解析性至关重要。主动提供Markdown是前瞻性AEO策略,无需等待AI爬虫进化,直接提供其擅长的格式。

7

章节 07

局限性与未来展望

site-md目前仅适用于Next.js生态,对Vue、Angular等框架不直接适用,但核心思想可移植到其他技术栈。未来可能催生新的HTTP标准或内容协商协议(如Accept: text/markdown成为标准头部),让AI代理明确表达内容偏好。