~/公開

Lovableで作ったアプリを公開したら、共有する前に直しておきたいこと。

Lovableなら、動くアプリがすぐにできます。ここでは見落とされがちな公開準備をまとめました。どれも無料のSnowkitツールで数分ででき、読み込んだファイルがデバイスの外に出ることはありません。

LovableのプロジェクトはViteで作られたReactアプリなので、公開に必要なものはすべてプロジェクトのファイルで変更できます。コードを編集するか、Lovableのチャットで頼みましょう。

まず直すこと

• index.htmlのheadタグ。新しいプロジェクトは、汎用のタイトル、説明、共有画像で始まることがよくあります。メタタグジェネレーターとOpen Graphジェネレーターで自分のものに差し替えましょう。
• ファビコン。自分のアイコンをpublicフォルダに置き、index.htmlから参照します。ファビコンジェネレーターなら、一式と貼り付けるタグをまとめて作れます。
• 共有画像。OG画像ジェネレーターで1200 × 630の画像を作ってpublicに置き、og:imageには画像のフルアドレスを指定します。
• 独自ドメイン。接続したら、ほかのアドレスをそこへ転送し、リダイレクトチェッカーで確認しましょう。

次に、検索エンジンとAIアシスタントが探すファイルを追加

robots.txt、sitemap.xml、llms.txtはpublicに置くと、サイトのルートから配信されます。robots.txtジェネレーター、サイトマップジェネレーター、llms.txtジェネレーターで作りましょう。

Lovableは各社の商標です。Snowkitはこれと提携していません。