ブランディングとSEO

AIに依頼することで、アプリのfavicon、メタタグ、テーマ、サイトマップをカスタマイズできます。専用のブランディングパネルはロードマップに含まれています。

Proyectaにおけるブランディングとの SEO は、Settings パネルとAIチャットを組み合わせて管理できます。

SEOと共有の設定

builderツールバーの Settings ボタンをクリックし、SEO & sharing タブを開くと以下の項目を設定できます：

• Site title — ブラウザのタブと検索エンジンの結果に表示されます
• Site description — 検索エンジンが使用するメタディスクリプションです
• Favicon — ブラウザのタブに表示されるアイコンです（画像ファイルをアップロードしてください）

これらの設定は、proyecta.liveサブドメインにpublishする際に、公開済みアプリのHTMLに挿入されます。アプリがCDN publishingではなくlive pod-routingを使用している場合、設定は保存されますが適用されません。

AIチャットでできること

ProyectaのAIはソースツリー全体にアクセスできるため、ブランディングやSEOに関する変更はどのようなことでも、説明するだけでAIが適用してくれます。以下のプロンプトはすぐに使えます：

Faviconとブラウザタブ

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

近日公開予定

• ソーシャルメディアプレビュー — ブランドアセットからOpen Graphイメージを自動生成
• 組み込みSEO監査ツール — 検索での見つけやすさ向上に向けた自動提案
• ビルド時の自動サイトマップ生成