GemPages MCP 入門

ここ数年、AIはeコマースチームが市場調査、キャンペーン企画、ページ制作を行う方法を大きく変えてきた。かつては数日かかっていた作業が、今では数時間で完了できるようになったのだ。

しかし、生産速度の向上は、それに伴う運用上のギャップを解消するには至っていない。

リサーチは多くの場合、1回の会話の中で行われます。製品データはShopifyに保存されています。顧客レビューや競合他社の分析結果は複数の情報源に分散しています。完成した記事は、視覚的な構造に変換する必要がある場合があります。完成したHTMLファイルはローカルフォルダに保存されたままで、最終ページはeコマースチームが管理するプラットフォームに転送される必要があります。

チームは引き続き、ツール間で情報をやり取りしたり、指示を繰り返したり、異なるバージョンを調整したり、既に他の場所で完了している作業に開発者を巻き込んだりしている。

また、多くのAIソリューションが、より多くのコンテンツを生成したり、ページをより速く組み立てたりすることに重点を置いていることも分かりました。スピードは重要ですが、次の3つの重要な質問には答えられません。

• AIは、関連する製品や顧客の状況に基づいて機能できるのか？
• チームが最初からやり直すことなく、コンテンツを適切なランディングページ構造に移行させることは可能でしょうか？
• 完成したHTMLを、チームが既に構築しているeコマース環境に移行して、レビューや継続的な管理を行うことは可能でしょうか？

これらの疑問が、GemPages MCPの開発を形作った。

GemPages MCPは、互換性のあるAIエージェントをShopifyおよびGemPagesに接続し、ページコンテンツの調査、完成した記事のHTMLへの変換、HTML、画像、またはURL参照からの編集可能なGemPagesページの生成といった、専用のワークフローへのアクセスを提供します。

GemPages MCPとは何ですか？

MCPは、AIエージェントが外部データソースやツールと接続できるようにする標準化されたフレームワークです。エージェントは、チャットウィンドウ内にテキストを生成するだけでなく、接続されたプラットフォームを通じて承認済みの情報にアクセスし、定義されたアクションを実行できます。

GemPages MCPを使用すると、互換性のあるAIエージェントは次のようなタスクをサポートできます。

• 関連するShopify製品情報へのアクセス
• 競合他社と顧客の調査
• レビュー、問題点、および異議を分析する
• 構造化されたコンテンツの方向性を策定する
• 完成した広告記事、リスト記事、比較記事を読む
• 適切なGemPages HTMLテンプレートとコンテンツをマッチングする
• 保存済みのブランドカラーとタイポグラフィを適用する
• プレビュー可能なHTMLランディングページを作成する
• 完成したHTMLファイルを読み込む
• ページセクションの構築と検証
• GemPagesで編集可能なページを作成する
• GemPagesエディターへのリンクを返す

ユーザーは引き続き自然言語による指示でタスクを指示します。GemPages MCPは、eコマースのコンテキスト内でその指示を実行するために必要なツールをAIに提供します。

ランディングページ作成は顧客調査から始めるべき理由

ページの内容を決定する前に、eコマースチームは次のような質問に対する答えを見つける必要があります。

• この製品を最も必要とするのは誰ですか？
• 彼らはどのような問題を解決しようとしていますか？
• 彼らはその問題をどのように説明するのか？
• 彼らにとって最も重要な結果は何ですか？
• 彼らは既にどのような代替案を検討したのか？
• 購入をためらう要因として考えられるのは何でしょうか？
• どの製品に関する主張に、より詳細な説明や証拠が必要でしょうか？
• 彼らは行動を起こす前に、どの程度の情報を必要とするのか？

この情報が不足している場合でも、AIは洗練されたコピーを生成することは可能です。しかし、そのメッセージは、顧客が実際に製品を検討または拒否する理由ではなく、大まかな推測に基づいている可能性があります。

睡眠サプリメントを検討してみてはいかがでしょうか。

一般的なページであれば、「ぐっすり眠って、爽快な目覚めを」といった謳い文句で始まるかもしれません。この主張はもっともらしく聞こえますが、製品が具体的にどのような問題を解決するのか、あるいはなぜ他のサプリメントではなくこの製品を選ぶべきなのかについてはほとんど触れていません。

調査によって、顧客のいくつかの異なる懸念事項が明らかになる可能性がある。

• 一部の顧客はすぐに眠りにつくものの、夜中に何度も目を覚ます。
• 他のサプリメントを試した人もいるが、翌日の眠気が嫌だったという人もいる。
• 過去に効果がなかった睡眠補助製品が、再び効果を発揮するかどうか疑問視する声もある。
• 中には、毎晩の睡眠補助薬に頼ることなく、睡眠をサポートしてもらいたいと考える人もいる。

それぞれの調査結果は、異なるコンテンツの方向性を示唆している。

このページでは、寝つきの悪さではなく、睡眠の中断について取り上げる必要があるかもしれません。朝の体験を説明したり、製品を他の製品と比較したり、顧客体験の早い段階で懐疑的な意見に答えたりする必要があるかもしれません。

これらの知見は以下に影響を与える可能性があります。

• 主なメッセージ
• 製品の利点の順序
• 問題提起に用いられる角度
• ページに含まれる証明
• 比較に使用される代替案
• FAQで取り上げられている異議申し立て
• CTAの前に表示される情報

コンテンツ作成のスピードアップは有益です。顧客と市場に対するより明確な理解に基づいてコンテンツを作成すれば、その価値はさらに高まります。

GemPages MCPを通じて利用できる3つの主要機能

GemPages MCPがローンチ 3つのコア機能 チームが完了する必要のある作業に基づいて利用できるもの。

1. コンテンツリサーチ：製品データと市場データをコンテンツの方向性に転換する

有益なページ情報は、製品情報、競合他社のページ、顧客レビュー、ディスカッションスレッド、そして購入者が自身の体験を説明する際に使用する言葉遣いなど、様々な場所に散在していることが多い。

コンテンツリサーチのワークフローは、AIがコンテンツを開発する前にこれらの入力情報を収集・分析するのに役立ちます。

製品や入手可能な情報源によっては、調査では以下の点が検討される可能性があります。

• Shopify製品情報
• 製品の特徴と差別化要因
• 競合他社のポジショニング
• 競合他社の価値提案
• 顧客レビューでよく見られるテーマ
• よくある不満点と問題点
• 望ましい結果
• 購入動機
• 購入前に顧客が尋ねる質問
• このカテゴリ内の異議申し立て
• 顧客が問題を説明する際に使用する言葉
• 競合製品が使用する主張とコンテンツの切り口

目的は、無関係な情報を大量に収集することではありません。ワークフローは、製品の提示方法を形作るパターンを探し出すことを目的としています。

具体的な例を挙げますと、以下の通りです。

• 顧客から繰り返し寄せられる懸念事項には、コンテンツ内で直接的な回答が必要となる場合がある。
• 購入者が重視する製品のメリットは、より高い優先順位に値するかもしれない。
• 競合他社のメッセージングにギャップがあれば、より明確な差別化ポイントとなる可能性がある。
• よくある失敗例が、比較の視点を裏付けるかもしれない。
• 顧客の言葉遣いを用いることで、メッセージが購入者自身が問題を説明する方法により近いものになる可能性がある。

この調査結果は、広告記事、リスト記事、比較記事など、さまざまなコンテンツ形式をサポートする可能性がある。

調査は個々の見出しを改善するだけでなく、チームが以下のことを決定するのに役立ちます。

• どの顧客問題が物語の先頭に立つべきか
• どのメリットが最も注目に値するか
• どの反論に答える必要があるか
• 観客が期待するであろう証拠とは
• 競合製品との比較において、製品をどのように位置づけるべきか
• 入手可能な証拠に最も合致するコンテンツの視点はどれか

その結果、商品名や説明文だけに基づく一般的なプロンプトよりも、コンテンツ開発のためのより強力な出発点が得られる。

Eコマースチームは、特定の形式に整理されていなくても、既に有用なページ参照情報を持っている可能性があります。

ソースとしては、完成したHTMLページ、スクリーンショットや視覚的な参考資料、あるいは既に公開されている既存のウェブページなどが考えられます。

拡張されたAIページ生成機能は、以下の3種類の入力タイプをサポートするようになりました。

• HTML： 既存のHTMLページをソースとしてインポートします。
• イメージ： ページ生成の視覚的な参考資料として画像を使用します。
• URL： ソースとして既存のウェブページのURLを指定してください。

HTMLから生成

ページが既に作成、デザイン、コーディングされている場合は、HTMLを使用してください。

ソースは、開発者、代理店、AIコーディングツール、FigmaからHTMLへのワークフロー、または完成したHTMLを生成するその他のソースから取得される可能性があります。

HTMLベースの生成の場合、AIはソースコードを読み込み、ページ構造を解釈し、GemPages内で対応するセクションを構築し、生成された結果を検証することができます。

GemPages MCPを使用してHTMLをGemPages編集可能なページに変換する方法については、以下を参照してください。 GemPages MCPを使用してHTMLを編集可能なGemPagesページに変換する方法.

画像から生成する

主な参照先がコードではなく視覚的なものである場合は、画像を使用してください。

例えば、スクリーンショット、モックアップ、キャンペーンデザイン、またはその他の視覚的な参考資料を提供してください。

画像から編集可能なデザインを生成する方法については、以下を参照してください。 GemPages MCPを使用して画像から編集可能なデザインを生成する方法

URLから生成する

情報源が既にオンライン上に存在する場合は、ウェブページのURLを直接記載してください。

自分が所有している、または再利用の許可を得ているウェブページやアセットのみを使用してください。

現状に合った能力から始めましょう

Eコマースチームは、必ずしも同じ出発点からスタートするわけではありません。あるチームは商品を持っているものの、明確なキャンペーンの方向性が定まっていないかもしれません。また別のチームは、既に完成したHTMLページを持っているかもしれません。

GemPages MCPでは、各チームが利用可能な情報を基に作業を開始できます。

Shopify製品から始めましょう

製品を持っているが、以下の点についてより明確な理解が必要な場合は、コンテンツリサーチのワークフローを使用してください。

• ターゲット顧客
• お客様の問題点
• 購入動機
• よくある反論
• 競合他社のメッセージ
• コンテンツの切り口候補

製品と市場に関する調査結果は、チームが開発するコンテンツの指針となるでしょう。

この出発点は、以下のような場合に役立ちます。

• 新製品発売
• キャンペーン計画
• 競争の激しいカテゴリーに参入する製品
• 馴染みのない仕組みのオファー
• 顧客向けの説明をより明確にする必要があるページ
• 既存のコンテンツが広範すぎたり、ありきたりすぎると感じられる

完成品から始める

コンテンツが既に作成され承認済みだが、ランディングページに変換する必要がある場合は、「コンテンツからHTMLへの変換」ワークフローを使用してください。

完成した広告記事、リスト記事、または比較記事を提供してください。GemPages MCP はコンテンツの種類を識別し、適切なテンプレートと照合し、利用可能なブランドスタイルを適用して、 ランディングページ.html.

この出発点は、次のような場合に役立ちます。

• コンテンツリサーチは既に記事を作成済みです
• 社内チームがコピーを完成させました
• 代理店またはフリーランサーがコンテンツを納品しました
• 別のAIツールが承認された記事を生成しました
• いくつかの記事は、視覚的に区別できるランディングページにする必要がある。
• AIに自由に設計させるのではなく、構造化された出発点が欲しいのです。

次のワークフローに送信する前に、HTMLを確認してください。コンテンツの順序、ブランドスタイル、コールトゥアクション、および括弧で囲まれたプレースホルダーなどをチェックしてください。

完成したHTMLから始める

ページが既に作成、設計、コーディングされている場合は、AIページ生成のソースとしてHTMLを使用してください。

完成したHTMLファイルを提供し、それを編集可能なGemPagesページとして構築するようにAIに指示してください。

この出発点は、次のような場合に役立ちます。

• 代理店が最終的なHTMLを納品しました
• 開発者がページを完成させました
• AIコーディングツールが承認済みのデザインを生成しました
• Figmaのデザインは既にHTMLとして実装されています
• いくつかのHTMLページバリエーションをGemPagesに取り込む必要がある。
• マーケティングチームは開発後にページを管理する必要があります

これらのワークフローは、生産プロセスの異なる部分を解決するものであり、互いに依存していません。チームが完了する必要のある作業に最も適したワークフローを使用してください。

画像から始めよう

主な参考資料が視覚的なものである場合は、画像を使用してください。

これは次のような場合に役立ちます。

• デザイナーがモックアップを提供しました
• 既存のページのスクリーンショットがあります
• あなたのチームはビジュアルディレクションを再現したいと考えています
• ページコンセプトは視覚的には存在するが、まだコーディングはされていない。

URLから始めましょう

参照ページが既にオンライン上に存在する場合は、URLを使用してください。

これは次のような場合に役立ちます。

• あなたのチームには既存のランディングページがあります
• キャンペーンページをGemPagesに取り込みたい
• 既存の広告記事を情報源として使用したい
• ウェブページ自体が、目的のページを最も明確に表している。

ユースケースの例

1. キャンペーンコンテンツを作成する前に、製品を調査する

キャンペーンを準備しているマーケターは、AIにGemCommerce MCPを使用してShopifyの商品を調査するように依頼できます。

このワークフローでは、製品、競合他社、顧客からのフィードバック、課題、反論、そして潜在的なアプローチを分析できます。作成されたレポートは、広告記事、リスト記事、比較記事、ランディングページの概要を作成するためのより明確な基盤をチームに提供します。

2. 完成した記事をHTMLランディングページに変換する

コンテンツチームは、承認済みの広告記事、リスト記事、または比較記事を既に持っているかもしれないが、ページデザインはまだできていないかもしれない。

チームはGemCommerce MCPに記事を適切なテンプレートと照合し、完全なテンプレートを作成するように依頼できます。 ランディングページ.html ファイルにソフトウェアを指定する必要があります。

店舗のブランドスタイルが保存されている場合、ワークフローは同じ色とフォントを再利用できます。必要な情報が不足している場合は、ワークフローは情報を捏造するのではなく、括弧で囲まれたプレースホルダーを追加します。

チームはブラウザ上でHTMLを確認し、AIとの対話を通じて修正を依頼し、承認されたHTMLをAIによるページ生成のソースとして使用することができます。

3. AIでコーディングされたページをGemPagesに取り込む

マーケターや開発者は、Claude Codeを使用して完成したHTMLランディングページを作成できます。

チームは、ファイルをコーディング環境に置く代わりに、GemCommerce MCPにGemPagesページとして構築するよう依頼できます。構築が完了すると、ワークフローはプレビューとエディターのURLを返します。

チームは結果を確認し、最終的な変更を加え、手動で公開することができます。

4. 代理店から提供されたHTMLページを転送する

代理店はページをHTML形式で納品し、クライアントのeコマースチームはGemPagesでキャンペーンを管理する場合があります。

HTMLからGemPagesへのワークフローは、この転送に対応できます。クライアントは、変更のたびに代理店や開発者の継続的なサポートを必要とするコードファイルではなく、編集可能なページを受け取ります。

5. 調査からページ作成までのワークフロー全体を実行する

新製品を発売するチームは、以下の3つのワークフローすべてを組み合わせることができます。

• コンテンツリサーチを活用して、製品、競合他社、顧客からのフィードバック、課題、反論、コンテンツの機会を分析します。
• これらの調査結果に基づいて、広告記事、リスト記事、または比較記事を作成または承認する。
• コンテンツからHTMLを使用して記事を適切なテンプレートにマッチさせ、 ランディングページ.html.
• 生成されたHTMLをAIページ生成のソースとして使用します。
• 最終確認を完了し、手動で公開してください。

6. ビジュアルリファレンスからページを生成する

クリエイティブチームは、意図するページデザインを伝えるスクリーンショットやモックアップを持っているかもしれないが、まだHTMLコードを持っていない場合もある。

画像は、AIによるページ生成の参照画像として直接提供できます。

具体的な例を挙げますと、以下の通りです。

GemCommerce MCPを使用してください。添付画像を参考に、GemPagesで編集可能なページを作成してください。

7. 既存のURLからページを生成する

eコマースチームは既にオンラインでキャンペーンページを公開している可能性があります。

チームはページをダウンロードしてHTMLとして準備する代わりに、URLを直接提供することができる。

具体的な例を挙げますと、以下の通りです。

GemCommerce MCP を使用します。この URL に基づいて編集可能なページを作成します: [URL]。

人間による審査は依然として必要である

GemPages MCPは反復的な調査や制作作業を削減できますが、すべての成果物はキャンペーンに活用したり、顧客向けに公開したりする前にレビューする必要があります。

レビューコンテンツリサーチ

調査結果を使用する前に、以下を確認してください。

• 情報源が適切かどうか
• 顧客の明細書が正確に表示されているかどうか
• 結論が入手可能な証拠によって裏付けられているかどうか
• 競合他社の情報が最新かどうか
• 提案された主張が立証可能かどうか
• 推奨角度がブランドや製品に合致するかどうか

調査によって有用なパターンが明らかになるかもしれないが、そのパターンがキャンペーンに当てはまるかどうかは、チームが判断する必要がある。

HTML出力へのコンテンツの確認

landing-page.html を AI ページ生成のソースとして使用する前に、以下を確認してください。

• 選択された構造が記事に適合するかどうか
• 元のメッセージと物語が明確であるかどうか
• 重要な情報源の内容が省略されているかどうか
• 見出しや行動喚起が適切かどうか
• 色やフォントがブランドに合っているかどうか
• 主張が正確であるかどうか
• 括弧で囲まれたプレースホルダーがすべて解決されたかどうか
• 必要な画像や関連資料が利用可能かどうか

選択されたテンプレートは、構造化された出発点を提供しますが、ページのパフォーマンスを保証するものではありません。コンバージョン結果は、製品、オファー、トラフィック、コンテンツの質、オーディエンス、最終的な実装など、さまざまな要因に左右されます。

変換されたページを確認する

GemPages MCPは、さらなるレビューと改善のために編集可能なページを作成します。GemPagesで必要な変更を行い、チームによる最終チェックを通過した後でのみ公開してください。

GemPages MCPは制作プロセスをサポートできますが、正確性、コンプライアンス、ブランド判断、最終承認はお客様のチームが行います。

GemPages MCPは現在ベータ版です

利用可能なワークフロー、サポートされる要素、セットアップ手順、および関連ガイドは、製品開発に伴い変更される場合があります。新機能や修正は、技術的な進歩と初期ユーザーからのフィードバックに基づいてリリースされます。

アクセスは段階的に導入されます。これは、ベータ版ユーザーと緊密に連携し、問題点を特定し、一般公開前にユーザーエクスペリエンスを向上させるためです。

ベータ版期間中は、特定の調査資料、HTML構造、ページ形式、またはコンポーネントにおいて制限が生じる場合があります。また、編集の可否は、提供されるHTMLと現在サポートされている要素によって異なる場合があります。

初期ユーザーからのフィードバックは、今後の開発を形作る上で重要な役割を果たすでしょう。

GemPages MCPへの接続方法については、以下を参照してください。 この記事.