Branding & SEO

Personaliza el favicon, las meta etiquetas, el tema y la imagen social de tu app desde el panel de administración y pidiéndoselo a la IA.

El branding y el SEO se gestionan desde el panel de administración de tu propia app, la configuración de Branding del builder y el chat con la IA.

Configuración de SEO

El SEO de tu app — título del sitio, meta descripción y favicon — se edita desde el panel de administración de tu app publicada, donde el propietario puede modificarlo en cualquier momento sin tocar el código. Estos valores se escriben en tu HTML publicado cada vez que publicas; tu app se sirve como un sitio estático desde el CDN de Proyecta.

También puedes pedirle a la IA que cambie cualquiera de estos valores (ver más adelante).

Imagen de vista previa para redes sociales

Cuando haces clic en Publish, el paso Site info del diálogo te permite establecer la imagen de tarjeta social — la imagen de Open Graph / Twitter que se muestra cuando compartes tu enlace en redes sociales o apps de mensajería. Proyecta genera una automáticamente a partir de tu sitio en vivo, y puedes subir la tuya propia o regenerarla en cualquier momento.

El título del sitio, la descripción y el favicon se editan desde el panel de administración de tu app, no en este paso. La imagen social se inyecta en tu HTML publicado como og:image y twitter:image al publicar.

Ocultar el badge de Proyecta

Las apps publicadas en el plan gratuito muestran un pequeño badge “Hecho con Proyecta”. Para ocultarlo, abre el panel Settings del builder y activa Hide Proyecta badge dentro de Branding. Este control está disponible para los administradores del workspace en planes de pago, y surte efecto la próxima vez que publiques.

Qué puedes hacer con el chat de IA

La IA de Proyecta tiene acceso completo a tu árbol de fuentes, así que cualquier cambio de branding o SEO que puedas describir, ella puede aplicarlo. Estos prompts funcionan de inmediato:

Favicon y pestaña del navegador

• "Update the favicon to use my logo — here's the image" (arrastra la imagen al chat)
• "Change the browser tab title to 'Acme — All-in-one CRM'"

Meta etiquetas y vistas previas sociales

• "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"

Tema e identidad visual

• "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" (pega el 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"

Dado que la IA escribe estos cambios directamente en tu código, se hace commit a git como cualquier otro cambio — puedes revisarlos en el Historial de versiones y revertirlos si no te convence el resultado.

Consejos para mejores resultados

• Comparte imágenes de referencia. Arrastra mockups, guías de marca o screenshots de sitios que te gusten al chat. La IA capta los detalles visuales.
• Sé específico sobre el alcance. “Actualiza el favicon” es más claro que “actualiza el branding”. Los cambios grandes funcionan mejor cuando los divides en instrucciones enfocadas.
• Previsualiza antes de publicar. Los cambios de branding suelen verse diferente en el sitio publicado que en la vista previa del builder. Publica en tu subdominio *.proyecta.live y revisa el resultado antes de confirmarlo.

Próximamente

• Herramienta de auditoría SEO integrada — sugerencias automatizadas para mejorar la visibilidad
• Generación automática de sitemap en tiempo de build