品牌与 SEO

从应用的管理后台或通过与 AI 对话，自定义应用的 favicon、meta 标签、主题和社交分享图。

品牌和 SEO 的管理入口包括：应用自带的管理后台、Builder 的 Branding 设置，以及 AI 对话。

SEO 设置

应用的 SEO 配置——网站标题、meta 描述和 favicon——均在已发布应用的**管理后台**中编辑，应用所有者可随时修改，无需改动代码。每次发布时，这些值都会写入已发布的 HTML；你的应用以静态站点形式通过 Proyecta 的 CDN 提供服务。

你也可以直接让 AI 修改其中任何一项（详见下文）。

社交预览图

点击 Publish 时，弹窗的 Site info 步骤允许你设置社交卡片图片——即在社交媒体或聊天应用中分享链接时显示的 Open Graph / Twitter 图片。Proyecta 会自动从你的线上站点生成一张，你也可以随时上传自己的图片或重新生成。

网站标题、描述和 favicon 需在应用的**管理后台**中编辑，而非在此步骤中设置。社交图片在发布时会以 og:image 和 twitter:image 的形式注入已发布的 HTML。

隐藏 Proyecta 徽标

免费计划发布的应用会显示一个小型“Hecho con Proyecta”徽标。如需隐藏，请打开 Builder 的 Settings 面板，在 Branding 下切换 Hide Proyecta badge。此选项仅对付费计划的工作区管理员开放，下次发布后生效。

可以用 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 能捕捉到视觉细节。
• 明确说明范围。 “Update the favicon”比“update the branding”更清晰。较大的改动拆分为多个聚焦的对话轮次，落地效果更可靠。
• 发布前先预览。 品牌改动在已发布站点上的效果往往与 Builder 预览有所不同。先发布到你的 *.proyecta.live 子域名查看效果，再决定是否保留。

即将推出

• 内置 SEO 审计工具——自动提供提升可发现性的建议
• 构建时自动生成 sitemap