Branding & SEO

Personaliza el favicon, las meta etiquetas, el tema y el sitemap de tu app pidiéndoselo a la IA. Un panel dedicado de Branding está en el roadmap.

El branding y el SEO en Proyecta se gestionan mediante una combinación del panel Settings y el chat con la IA.

Configuración de SEO y redes sociales

Haz clic en el botón Settings de la barra de herramientas del builder y abre la pestaña SEO & sharing para configurar:

• Site title — aparece en la pestaña del navegador y en los resultados de los motores de búsqueda
• Site description — la meta descripción que utilizan los motores de búsqueda
• Favicon — el ícono que se muestra en las pestañas del navegador (sube un archivo de imagen)

Estos ajustes se inyectan en el HTML de tu app publicada cuando haces deploy a un subdominio de proyecta.live. Se almacenan, pero no se aplican si tu app utiliza enrutamiento de pods en vivo en lugar de publicación por CDN.

Qué puedes hacer con el chat de IA

La IA de Proyecta tiene acceso completo a tu árbol de archivos fuente, por lo que puede aplicar cualquier cambio de branding o SEO que le describas. 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 previsualizaciones para redes 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 la captura de pantalla)

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"

Como la IA escribe estos cambios directamente en tu código, se guardan en git igual que cualquier otro cambio — puedes consultarlos en el Historial de versiones y revertirlos si no te convence el resultado.

Consejos para mejores resultados

• Comparte imágenes de referencia. Arrastra mockups, lineamientos de marca o capturas de pantalla de sitios que te gusten al chat. La IA capta los detalles visuales.
• Sé específico sobre el alcance. “Update the favicon” es más claro que “update the branding”. Los cambios grandes aterrizan de forma más confiable cuando se dividen en pasos enfocados.
• 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

• Previsualizaciones para redes sociales — generación automática de imágenes Open Graph a partir de tus activos de marca
• Herramienta de auditoría SEO integrada — sugerencias automatizadas para mejorar la visibilidad
• Generación automática de sitemap en tiempo de build