ブランディングとSEO

アプリのファビコン、メタタグ、テーマ、ソーシャル画像をアプリの管理画面またはAIへの指示でカスタマイズできます。

ブランディングとSEOは、アプリ独自の管理パネル、builderの Branding 設定、そしてAIチャットから管理できます。

SEO設定

アプリのSEO — サイトタイトル、メタディスクリプション、ファビコン — は、公開済みアプリの 管理パネル から編集します。オーナーはコードを変更せずにいつでも設定を変更できます。これらの値は公開のたびに公開済みHTMLに書き込まれ、アプリはProyectaのCDNからスタティックサイトとして配信されます。

これらの設定はAIに変更を依頼することもできます（後述）。

ソーシャルプレビュー画像

Publish をクリックすると、ダイアログの Site info ステップで ソーシャルカード画像 を設定できます。これはリンクをソーシャルメディアやチャットアプリでシェアしたときに表示されるOpen Graph / Twitter画像です。Proyectaはライブサイトから自動的に生成しますが、独自の画像をアップロードしたり、いつでも再生成したりすることができます。

サイトタイトル、ディスクリプション、ファビコンはこのステップではなく、アプリの 管理パネル から編集します。ソーシャル画像は公開時に og:image および twitter:image として公開済みHTMLに挿入されます。

Proyectaバッジを非表示にする

無料プランで公開されたアプリには、小さな「Hecho con Proyecta」バッジが表示されます。非表示にするには、builderの Settings シートを開き、Branding の下にある Hide Proyecta badge をオンにしてください。この設定は有料プランのワークスペース管理者が利用でき、次回公開時に反映されます。

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はビジュアルの細部を読み取ります。
• 範囲を具体的に伝える。 「ブランディングを更新して」より「ファビコンを更新して」の方が明確です。大きな変更は、焦点を絞った複数の指示に分けると確実に反映されます。
• 公開前にプレビューする。 ブランディングの変更は、builderのプレビューと公開済みサイトで見え方が異なることがあります。*.proyecta.live サブドメインに公開して結果を確認してから、変更を確定してください。

近日公開予定

• 組み込みSEO監査ツール — 検索されやすさを改善するための自動提案機能
• build時の自動サイトマップ生成