品牌与 SEO

通过 AI 对话自定义应用的 favicon、meta 标签、主题和站点地图。专属品牌面板已列入路线图。

Proyecta 中的品牌与 SEO 设置可通过 Settings 面板与 AI 对话共同管理。

SEO 与分享设置

点击 Builder 工具栏中的 Settings 按钮，打开 SEO & sharing 标签页进行以下设置：

• Site title — 显示在浏览器标签页和搜索引擎结果中
• Site description — 供搜索引擎使用的 meta 描述
• Favicon — 浏览器标签页中显示的图标（上传图片文件）

发布到 proyecta.live 子域名时，这些设置会被注入到已发布应用的 HTML 中。如果你的应用使用 live pod 路由而非 CDN 发布，这些设置会被保存但不会生效。

通过 AI 对话可以做什么

Proyecta 的 AI 可以完整访问你的源代码树，因此任何你能描述的品牌或 SEO 修改，它都能直接实现。以下提示语开箱即用：

Favicon 与浏览器标签页

• "Update the favicon to use my logo — here's the image"（将图片拖入对话框）
• "Change the browser tab title to 'Acme — All-in-one CRM'"

Meta 标签与社交预览

• "Add Open Graph meta tags for social sharing with my tagline and hero image"
• "Make sure every page has a unique meta description based on its content"
• "Generate a Twitter Card image for the landing page"

主题与视觉风格

• "Change the theme colors to navy and gold and apply them across the whole app"
• "Switch to a softer, rounded visual style — more playful than corporate"
• "Use the brand colors from this screenshot"（粘贴截图）

SEO

• "Do an SEO audit of my site and suggest improvements"
• "Generate a sitemap.xml for my app"
• "Add structured data (JSON-LD) to my landing page for rich snippets"
• "Check that every page has proper meta descriptions and h1 tags"

由于 AI 会将这些修改直接写入代码，它们会像其他所有改动一样被 commit 到 git —— 你可以在版本历史中查看，如果不满意结果还可以随时回滚。

更好结果的使用技巧

• 提供参考图片。 将设计稿、品牌规范或你喜欢的网站截图拖入对话框，AI 能够识别视觉细节。
• 明确描述范围。 “更新 favicon”比”更新品牌”更清晰。较大的改动拆分成多个聚焦的对话轮次，效果会更稳定。
• 发布前先预览。 品牌改动在已发布站点上的效果往往与 Builder 预览有所不同。先发布到你的 *.proyecta.live 子域名查看效果，确认满意后再正式定稿。

即将推出

• 社交媒体预览 — 根据你的品牌资产自动生成 Open Graph 图片
• 内置 SEO 审查工具 — 自动提供提升可发现性的优化建议
• 构建时自动生成站点地图