브랜딩 & SEO

AI에게 요청하여 앱의 파비콘, 메타 태그, 테마, 사이트맵을 커스터마이즈하세요. 전용 브랜딩 패널은 로드맵에 있습니다.

Proyecta의 브랜딩과 SEO는 Settings 패널과 AI 채팅을 함께 활용하여 관리할 수 있습니다.

SEO & 공유 설정

빌더 툴바의 Settings 버튼을 클릭하고 SEO & sharing 탭을 열어 다음 항목을 설정하세요:

• Site title — 브라우저 탭과 검색 엔진 결과에 표시됩니다
• Site description — 검색 엔진이 사용하는 메타 설명입니다
• Favicon — 브라우저 탭에 표시되는 아이콘입니다 (이미지 파일 업로드)

이 설정들은 proyecta.live 서브도메인으로 publish할 때 앱의 HTML에 삽입됩니다. 앱이 CDN publishing 대신 라이브 pod 라우팅을 사용하는 경우에는 저장은 되지만 적용되지 않습니다.

AI 채팅으로 할 수 있는 것들

Proyecta의 AI는 소스 트리 전체에 접근할 수 있으므로, 설명할 수 있는 브랜딩이나 SEO 변경 사항은 모두 적용할 수 있습니다. 다음 프롬프트들은 바로 사용 가능합니다:

파비콘 및 브라우저 탭

• "Update the favicon to use my logo — here's the image" (이미지를 채팅창에 드래그)
• "Change the browser tab title to 'Acme — All-in-one CRM'"

메타 태그 및 소셜 미리보기

• "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가 이러한 변경 사항을 코드에 직접 작성하기 때문에, 다른 모든 변경 사항과 마찬가지로 git에 commit됩니다 — 버전 기록에서 확인할 수 있으며, 결과가 마음에 들지 않으면 되돌릴 수 있습니다.

더 나은 결과를 위한 팁

• 참고 이미지를 공유하세요. 목업, 브랜드 가이드라인, 또는 마음에 드는 사이트의 스크린샷을 채팅창에 드래그해 보세요. AI가 시각적 디테일을 파악합니다.
• 범위를 구체적으로 명시하세요. “브랜딩을 업데이트해줘”보다 “파비콘을 업데이트해줘”가 더 명확합니다. 큰 변경 사항은 집중된 여러 번의 요청으로 나누면 더 안정적으로 적용됩니다.
• publish 전에 미리보기를 확인하세요. 브랜딩 변경 사항은 빌더 미리보기와 실제 게시된 사이트에서 다르게 보이는 경우가 많습니다. *.proyecta.live 서브도메인에 publish하여 결과를 확인한 후 최종 commit하세요.

곧 출시 예정

• 소셜 미디어 미리보기 — 브랜드 에셋으로부터 자동 Open Graph 이미지 생성
• 내장 SEO 감사 도구 — 검색 노출 개선을 위한 자동화된 제안
• 빌드 시 자동 사이트맵 생성