콘텐츠로 이동

브랜딩 & SEO

앱 관리자 패널과 AI 채팅을 통해 앱의 파비콘, 메타 태그, 테마, 소셜 이미지를 커스터마이즈하세요.

브랜딩과 SEO는 앱의 관리자 패널, 빌더의 Branding 설정, 그리고 AI 채팅에서 관리할 수 있습니다.

앱의 SEO — 사이트 제목, 메타 설명, 파비콘 — 은 게시된 앱의 관리자 패널 에서 수정합니다. 소유자는 코드 없이 언제든지 변경할 수 있습니다. 이 값들은 게시할 때마다 게시된 HTML에 기록되며, 앱은 Proyecta의 CDN에서 정적 사이트로 제공됩니다.

아래에서 설명하는 것처럼, AI에게 직접 변경을 요청할 수도 있습니다.

Publish를 클릭하면 나타나는 대화상자의 Site info 단계에서 소셜 카드 이미지 — 소셜 미디어나 채팅 앱에서 링크를 공유할 때 표시되는 Open Graph / Twitter 이미지 — 를 설정할 수 있습니다. Proyecta는 라이브 사이트를 기반으로 이미지를 자동 생성하며, 언제든지 직접 업로드하거나 재생성할 수 있습니다.

사이트 제목, 설명, 파비콘은 이 단계가 아닌 앱의 관리자 패널 에서 수정합니다. 소셜 이미지는 게시 시 og:imagetwitter:image로 게시된 HTML에 삽입됩니다.

무료 플랜으로 게시된 앱에는 작은 “Hecho con Proyecta” 배지가 표시됩니다. 이를 숨기려면 빌더의 Settings 시트를 열고 Branding 아래의 Hide Proyecta badge를 토글하세요. 이 설정은 유료 플랜의 워크스페이스 관리자에게 제공되며, 다음 게시 시 적용됩니다.

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는 시각적 디테일을 잘 파악합니다.
  • 범위를 구체적으로 명시하세요. “브랜딩을 업데이트해줘”보다 “파비콘을 업데이트해줘”가 더 명확합니다. 큰 변경 사항은 집중된 여러 단계로 나눌 때 더 안정적으로 적용됩니다.
  • 게시 전에 미리보기를 확인하세요. 브랜딩 변경 사항은 빌더 미리보기와 게시된 사이트에서 다르게 보이는 경우가 많습니다. *.proyecta.live 서브도메인에 먼저 게시하고 결과를 확인한 후 최종 확정하세요.
  • 내장 SEO 감사 도구 — 검색 노출도 향상을 위한 자동화된 제안
  • 빌드 시 자동 사이트맵 생성