AI Webアプリを4つのシンプルなステップでGoogle検索に強くする

AI搭載のWebアプリをGoogleに対応させるための、初心者にもわかりやすいガイド。4つのシンプルなステップで、アプリをプロらしく、検索に載りやすく、しっかり最適化された状態にします。

ロードマップと資料

アプリをプロらしい見た目にする

チェックリスト

すっきりとわかりやすいメタタイトルを追加します。

短いメタディスクリプションを書きます。

OGP画像(1200×630)を追加します。

複数サイズのfaviconリンクを追加します。

プロンプト1 — 基本的なプロ仕様のSEOを追加する

基本的なプロ仕様のSEOを追加する

このプロジェクトに基本的なプロ仕様のSEOを追加してください。

Add basic professional SEO to this project. Do NOT change layout, styles, or functionality. Only update the <head> section. Use these values: Website URL: https://{{DOMAIN}}/ Meta Title: {{META_TITLE}} Meta Description: {{META_DESCRIPTION}} Open Graph Image URL (public direct link): {{OG_IMAGE_URL}} Favicon URLs (public direct links): Favicon ICO: {{FAVICON_ICO_URL}} Favicon 32x32 PNG: {{FAVICON_32_URL}} Apple Touch Icon (180x180): {{APPLE_TOUCH_ICON_URL}} Inside <head>, add or update: - <meta charset="UTF-8"> - <meta name="viewport" content="width=device-width, initial-scale=1.0"> - <title> (use Meta Title) - <meta name="description"> (use Meta Description) - <link rel="canonical"> (use Website URL) Open Graph: - og:type = website - og:url = Website URL - og:title = Meta Title - og:description = Meta Description - og:image = OG_IMAGE_URL Twitter (use name="" not property=""): - twitter:card = summary_large_image - twitter:title = Meta Title - twitter:description = Meta Description - twitter:image = OG_IMAGE_URL - twitter:url = Website URL Favicons: - <link rel="icon" href="FAVICON_ICO_URL" sizes="any"> - <link rel="icon" type="image/png" sizes="32x32" href="FAVICON_32_URL"> - <link rel="apple-touch-icon" sizes="180x180" href="APPLE_TOUCH_ICON_URL"> Important: - Use the exact URLs provided. - Do not create duplicate tags. - Return only the full updated <head> section.

サイトのドメイン

https://yourdomain.com/

メタタイトル

メタタイトルを入力

メタディスクリプション

メタディスクリプションを入力

OGP画像のURL(1200x630)

OGP画像の公開URLを貼り付け

ICO faviconのURL

favicon.icoの公開URLを貼り付け

32x32のPNG faviconのURL

32x32のfavicon URLを貼り付け

Apple Touch Icon(180x180)

Apple touch iconのURLを貼り付け

サイトにどんなページがあるかGoogleに伝える

チェックリスト

robots.txtファイルを追加します。

自分のドメインでsitemap.xmlを生成します。

両方のファイルがpublicフォルダの中にあることを確認してください。

yourdomain.com/sitemap.xml が表示されることを確認します。

プロンプト2 — インデックス登録用のファイルを作成する

インデックス登録用のファイルを作成する

このサイト用にインデックス登録用のファイルを作成してください。

Create indexing support files for this website. If a public folder does not exist, create one. Website URL: {{DOMAIN}} Inside the public folder: 1) Create robots.txt with: User-agent: * Allow: / Sitemap: {{DOMAIN}}/sitemap.xml 2) Create sitemap.xml including: - Homepage URL - Main public pages detected in the project Use HTTPS URLs only. Use valid XML format. Return: - Full robots.txt content - Full sitemap.xml content Do not modify anything else.

サイトのドメイン

https://yourdomain.com

Googleにアプリの内容を伝える

チェックリスト

構造化データ(JSON-LD)を追加します。

アプリ名、説明、ドメイン、ロゴを追加します。

JSONブロックはGoogle AI Studioに自動生成させます。

プロジェクトを保存します。

プロンプト3 — 構造化データ(JSON-LD)を追加する

構造化データ(JSON-LD)を追加する

このサイトに構造化データを追加してください。

Add structured data to this website. Do NOT change layout or design. Only add JSON-LD inside the <head> section. Use the following information: App Name: {{APP_NAME}} Website URL: {{DOMAIN}} Description: {{APP_DESCRIPTION}} Organization Name: {{ORGANIZATION_NAME}} Logo URL: {{DOMAIN}}/logo.png Price: {{PRICE}} Use type: WebApplication. Include: - name - url - description - applicationCategory - operatingSystem = "Web" - brand - publisher - logo - offers Ensure: - Valid JSON - No trailing commas - No errors - Production-ready format Return only the JSON-LD script block.

アプリ名

アプリ名を入力

サイトのドメイン

https://yourdomain.com

アプリの説明

アプリの説明を入力

組織名

会社名またはブランド名を入力

価格(または FREE)

FREE または 9.99

すべてをGoogleに送信する

チェックリスト

Google Search Consoleを開きます。

URL Prefixを使います(かんたんな認証方法)。

HTMLの確認ファイルをホスティングにアップロードします。

sitemap.xmlを送信します。

トップページを検査し、インデックス登録をリクエストします。