https://docs.expo.dev/

页面构成与技术指标

正文

507

操作候选

14

图片

8

HTML

199 KB

文案

标题字数
18
摘要字数
86
H1
1
H2
8

动作

主要入口

Get started

表单
1/ 2 输入
站内链接
44
站外链接
32

安全与页面元信息

HTTPS
HSTS
CSP
nosniff
viewport
图标
JSON-LD
统计

构成

Next.js / Tailwind

脚本
15 ext / 4 inline
Alt
8 missing
语言
en
第三方域
1

Lighthouse

移动端模拟 · 性能评分

暂无可用实测数据

查看详情

暂无可用的 Lighthouse 实测结果,不计入分数。

01 / 值得借鉴

好设计,具体好在哪

本次报告未单独列出设计亮点,可查看下方检查依据。

02 / 下一步

值得继续打磨的地方

  1. 暂无单独的优化建议,详见逐项检查。

03 / 设计语言

把气质拆成可复用的参数

本次检查未提取到设计参数。

04 / 检查依据

观察与实测依据

逐项查看观察、建议与采集记录。

品味2 项观察

三张完全一样的功能卡

高优先级

三张一模一样的卡片横排,是生成器默认的功能区块。它在说话的是布局,不是立场。

拆掉这三列。改成两列、列表,或只突出一项。不要把同一张卡复制三次。

grid-cols-3

Inter 被当成了品牌字体

中优先级

Inter 是生成界面的默认面孔。单独用没问题,但当它是唯一的展示字体时,整页会像模板。

选一套和产品匹配的展示字体。只有在你有意做中性工具时才保留 Inter。

Inter
转化5 项观察

分享卡片不完整

高优先级

在 X、Slack 或微信里展开成空白或套话,等于浪费已经拿到的点击。这是分发,不是装饰。

补上 og:title、og:description,以及一张和线上标题一致的 1200x630 图。

og:title=no og:image=yes

表单没有 action

高优先级

没有 action 的等待名单或联系表单是转化死路。看起来能用,点下去什么也不发生。

把表单接到一个接口、Formspark、Basin,或你真正会处理的 server action。

<form>

页面上没有人或证明

中优先级

陌生人落到一个看起来像 AI、没有作者、没有客户、没有联系方式的站点上,不会把邮箱给你。

加上真名、真脸、真实联系方式,或一句真实客户的话。

no about, no first-person, no quote

线上页没有统计

中优先级

看不到谁跳出,就不知道下一次修改有没有用。没有计数就等于盲飞。

在公开页放上 Plausible、PostHog 或 GA4。一段脚本就够。

no gtag / plausible / posthog / umami

标签标题和 H1 对不上

标签、分享卡、首屏各说各的,访客就记不住这是同一个产品。

让 title、og:title 和 H1 共用同一个名词。

title="Expo Documentation" h1="Create amazing apps that run everywhere"
上线2 项观察

没有 HSTS 响应头

中优先级

没有 Strict-Transport-Security,第一次访问仍可能被降到 http。浏览器不会钉死 HTTPS。

在边缘设置 Strict-Transport-Security: max-age=31536000; includeSubDomains。

strict-transport-security missing

没有 Content-Security-Policy

CSP 是限制脚本源的标准做法。vibe 页面常常什么都加载,包括被注入的脚本。

先开 report-only CSP,再收成 default-src 'self' 和明确的 script-src。

content-security-policy missing
链接分享预览

05 / 开始动手

把下一步,交给你的 AI

优化指令用于调整这个页面;设计指令用于借鉴它的视觉语言。「做同款」会附带截图与实施步骤。复制后粘贴到你的代码助手中。

查看完整指令
你正在修改已经上线的页面 https://docs.expo.dev/。不要整页重做视觉。不要再引入紫/靛渐变、把 Inter 当品牌字体、三张完全一样的功能卡、假评价、圆整假数据,或另一套 shadcn 默认皮肤。

当前分数:品味 78/100(distinct),转化 42/100(bounce),上线风险 0。

只改被点名的问题。保留信息架构和产品真实主张。如果社会证明是假的,删掉,不要再编新名字。

问题:
1. [taste/high] 三张完全一样的功能卡
   三张一模一样的卡片横排,是生成器默认的功能区块。它在说话的是布局,不是立场。
   Fix: 拆掉这三列。改成两列、列表,或只突出一项。不要把同一张卡复制三次。
   Evidence: grid-cols-3

2. [conversion/high] 分享卡片不完整
   在 X、Slack 或微信里展开成空白或套话,等于浪费已经拿到的点击。这是分发,不是装饰。
   Fix: 补上 og:title、og:description,以及一张和线上标题一致的 1200x630 图。

3. [conversion/high] 表单没有 action
   没有 action 的等待名单或联系表单是转化死路。看起来能用,点下去什么也不发生。
   Fix: 把表单接到一个接口、Formspark、Basin,或你真正会处理的 server action。
   Evidence: <form>

4. [taste/medium] Inter 被当成了品牌字体
   Inter 是生成界面的默认面孔。单独用没问题,但当它是唯一的展示字体时,整页会像模板。
   Fix: 选一套和产品匹配的展示字体。只有在你有意做中性工具时才保留 Inter。
   Evidence: Inter

5. [conversion/medium] 页面上没有人或证明
   陌生人落到一个看起来像 AI、没有作者、没有客户、没有联系方式的站点上,不会把邮箱给你。
   Fix: 加上真名、真脸、真实联系方式,或一句真实客户的话。

6. [conversion/medium] 线上页没有统计
   看不到谁跳出,就不知道下一次修改有没有用。没有计数就等于盲飞。
   Fix: 在公开页放上 Plausible、PostHog 或 GA4。一段脚本就够。

7. [ship/medium] 没有 HSTS 响应头
   没有 Strict-Transport-Security,第一次访问仍可能被降到 http。浏览器不会钉死 HTTPS。
   Fix: 在边缘设置 Strict-Transport-Security: max-age=31536000; includeSubDomains。

8. [conversion/low] 标签标题和 H1 对不上
   标签、分享卡、首屏各说各的,访客就记不住这是同一个产品。
   Fix: 让 title、og:title 和 H1 共用同一个名词。
   Evidence: title="Expo Documentation" h1="Create amazing apps that run everywhere"

9. [ship/low] 没有 Content-Security-Policy
   CSP 是限制脚本源的标准做法。vibe 页面常常什么都加载,包括被注入的脚本。
   Fix: 先开 report-only CSP,再收成 default-src 'self' 和明确的 script-src。

改完之后,这仍然是同一个产品,只是不再像一段提示词,主张也更清楚。