ヘルプAIに指示する

AIに指示してできること

文字や写真の変更、ページの追加、SEO、Instagram の埋め込みなど、チャットで AI に頼める作業をまとめています。そのまま貼って使える指示の例付きです。

サイトの見た目や内容に関わる作業は、サイトエディター右側のチャットに日本語で頼むだけで、できるくんAI が代わりに作業します。

各例は、右端のボタンで全文をコピーできます。チャットに貼ってから、社名やページ名などの固有の内容を書き換えてください。

ヘッダーとナビゲーション

(画像を添付して)ヘッダーのロゴをこの画像に変えて
グローバルナビゲーションに「料金」を追加して、料金セクションへスクロールするようにして
グローバルナビゲーションに「よくある質問」を追加して。FAQセクションも作って
グローバルナビゲーションの並びを 会社概要 → サービス → 料金 → お問い合わせ の順にして
グローバルナビゲーションから「実績」を消して
グローバルナビゲーションの「会社概要」を、会社概要ページへのリンクにして

ページとセクション

「会社概要」セクションの内容で、会社概要の下層ページを作成して
サービスセクションの下に、お客様の声セクションを 3 件分追加して
見出しのフォントを明朝体、本文を Noto Sans JP にして
トップページの一番上の写真を、添付した画像に差し替えて

お知らせページとお問い合わせフォーム

お知らせとフォームは、AI がページと仕組みを作ります。記事の投稿や受信内容の確認は、CMS 管理画面で行います。

管理画面での操作は、お知らせ記事を投稿するとお問い合わせフォームを管理するをご覧ください。

お知らせ一覧ページと、お知らせ詳細ページを作ってください
お問い合わせフォームを作ってください。名前、メールアドレス、お問い合わせ内容の入力欄を設けてください

SEO とファビコン

検索結果に出るタイトルと説明文、ブラウザのタブに出るアイコン (ファビコン) は、チャットでも頼めます。ページごとの設定画面や、Google アナリティクスとサーチコンソールの設定はSEO を設定するをご覧ください。

トップページのタイトルを「株式会社サンプル|オフィス移転サポート」、説明文を「東京都内のオフィス移転をまとめてサポートします。見積り無料。」にして
(画像を添付して)この画像をファビコンにして

Instagram の投稿を表示する

載せたいのが特定の投稿 1 件か、アカウントの投稿一覧かで、埋め込みコードの取り方が変わります。どちらも、コピーしたコードを AI に渡すだけです。

投稿を 1 件だけ載せる

Instagram で載せたい投稿を開き、「埋め込み」から埋め込みコードをコピーします。

サービスセクションの下に、次の Instagram の投稿を埋め込んでください (ここに Instagram でコピーした埋め込みコードを貼る)

投稿を一覧で表示する

外部サービス Elfsight で Instagram Feed のウィジェットを作り、埋め込みコードをコピーします。

  1. Elfsight でアカウントを作り、「Instagram Feed」のウィジェットを作ります
  2. 表示したい Instagram アカウントを設定し、「Publish」で公開します
  3. 「Install」から埋め込みコードをコピーします
  4. コピーしたコードを、次のように AI に渡します
インスタグラムセクションを作成し、下記を埋め込んでください (ここに Elfsight でコピーした埋め込みコードを貼る)

動画を載せる

動画ファイルはチャットに添付できません。YouTube などにアップロードし、その URL を AI に渡して埋め込みます。

トップの一番上に、この YouTube 動画を埋め込んで。 https://www.youtube.com/watch?v=XXXXXXXX

アクセス解析と検索エンジンの設定

Google アナリティクスや Google サーチコンソールのタグは、ID や確認用のタグを伝えると、AI がサイト全体に設置します。手順はSEO を設定するをご覧ください。

GA4をサイト全体に設定してください。測定IDは G-XXXXXXXXXX です。

うまく伝わらなかったとき

変えたい場所を具体的に伝え、一度に多くを頼まず 1 つずつ確認しながら進めます。それでも直らないときの対処は、AI の編集がうまくいかないときにまとめています。変更前に戻したいときは、バージョン履歴から戻せます。

関連記事

最終更新