AIでGoogle Sitesサイトをリデザインする方法

RepaintというAIツールを使って、Google SitesのウェブサイトをAIでリデザインする方法をご紹介します。ゼロからやりなおすことなくウェブサイトをアップグレードするためのステップバイステップガイドです。

Published on: 2026年7月10日Ben Shumaker

はじめに

Google Sitesは、ウェブサイトを無料で公開する最も手軽な方法であり、だからこそ多くの中小企業やクラブ、個人プロジェクトがここから始めます。その代わりにあるのが自由度の低さです。コンテンツは決まったグリッドの中に配置し、テーマもいくつかの中から選ぶだけです。デザインの選択肢はおおよそそれで尽きてしまいます。サイトを特定の見た目にしたいと思っても、たいていそのための設定はありません。

プロジェクトのページとしてはそれで十分です。しかしそのサイトがビジネスの顔になったとき、話は変わってきます。Google Sitesがそこまで到達しているなら、新しいプラットフォームで手作業から作り直す必要はありません。AIツールは今あるものをインポートし、それをもとに本格的なウェブサイトをデザインできます。

このガイドでは、Google SitesのウェブサイトをRepaintというAIツールでリデザインする方法をご紹介します。

なぜAIを使ってGoogle Sitesサイトをリデザインするのか？

最も大きく得られるのはデザインの制御力です。Repaintはグリッドとテーマから作られているわけではありません。コンテンツと指示をもとにサイトをデザインするため、レイアウトや色、構成はすべて自分次第です。そして決まった部品のセットに縛られることもありません。言葉で説明できることなら、Google Sitesには対応する機能がないものも含めて、Repaintはたいてい構築できます。

2つ目のアップグレードは使いやすさです。変えたいことを普通の言葉でRepaintに伝えれば、その変更を加え、更新後のサイトを見せてくれます。設定がどこにあるかを学んだり、何かが可能かどうか推測したりする必要はありません。

これらはすべて、ウェブサイトを手作業で作り直す必要がありません。Repaintは既存サイトからコンテンツを自動で取り込み、それをもとに新しいサイトを構築します。

AIによるウェブサイト移行の仕組み

Repaintは、どんな訪問者とも同じように公開中のサイトにアクセスします。テキストを読み取り、画像をダウンロードし、何を扱っているのかを把握するために各ページのスクリーンショットを撮ります。そしてその素材から新しいサイトを構築します。その後は、AIとの会話でサイトを磨き上げていきます。Googleアカウントが関わることは一切なく、Google Siteが編集されることもありません。

始めることは何のコミットメントも伴いません。新しいサイトを構築している間も、元のサイトは公開されたまま変更されず、意図的に切り替えるまで訪問者には何の違いも見えません。どの時点でやめても、すべてが元のままです。

ステップ1: コンテンツをインポートする

RepaintのAIウェブサイトリデザインツールにGoogle SitesのURLを貼り付ける

まず、公開中のGoogle SiteのURLをコピーします。次に、

AIウェブサイトリデザインツールにアクセスします。
Google SitesのURLを貼り付けて送信します。
Repaintのアカウントを作成します。

サイトがsites.google.comのアドレスにあっても、カスタムドメインにあっても、どちらの形式でも利用できます。1つ条件があり、サイトはウェブ上の誰でも閲覧できる状態で公開されている必要があります。もし組織内や特定の人だけに限定している場合は、インポート前にGoogle Sitesの公開設定を開いて、公開範囲を誰でも閲覧できるように変更してください。

そのあとRepaintがサイトを1つずつ処理し、テキストを読み取り、画像を保存し、各ページのスクリーンショットを撮ります。Google Sitesはコンテンツが少なめな傾向があるため、Repaintに渡す材料を増やしておくとよいでしょう。テキストをチャットに貼り付ける、写真やファイルをアップロードする、Google Businessプロフィールなど別の情報源を共有することもできます。渡した内容はすべて新しいサイトの素材として使われます。

ステップ2: サイトを生成する

スキャンが終わると、Repaintは何かを構築する前にいくつか質問をします。ここが、新しいサイトに何を含めるかを決める機会です。ちゃんとしたサービスページ、ギャラリー、ブログなど、Google Sitesでは実現が難しかったものを追加できます。何をしたいか迷っている場合は、Repaintに構成を提案してもらい、そこから調整することもできます。

スタイルを選ぶ

多くの場合、Repaintは構築前にいくつかのスタイルサンプルを生成するので、想像するのではなく実際の選択肢を比較できます。スタイルを直接指定することもできます。選択肢は次の通りです。

生成されたスタイルサンプルの中から選ぶ
気に入っている別のウェブサイトに合わせる
希望するスタイルを自分の言葉で説明する
現在の見た目を出発点として維持する

どれを選んでも、Repaintは元のサイトから色とロゴを取り込むことができます。ロゴや配色が元のサイトに反映されていなかった場合は、チャットで共有すれば、それをもとにRepaintがデザインします。

結果を確認する

方向性が決まったら、Repaintがサイトを生成します。一般的なGoogle Siteなら数分で完了します。ページ数の多い大規模なサイトは5分以上かかることもあります。

完了すると、Repaintは新しいサイトのプレビューを開きます。最初のバージョンには、見出しの表現が不自然だったり、写真の位置がずれていたりといった粗が残っていることがあります。これは想定内で、すべてチャットで調整できます。特に注意して確認したいのは、フォームやカレンダー、地図など、元のサイトに埋め込まれていたGoogleのツールです。これらは自動では引き継がれませんが、埋め込みコードを共有すれば簡単に追加し直せます。

ステップ3: 調整を加える

変更は、サイトを構築したのと同じチャットでRepaintに伝えることで行います。変更内容を言葉で説明すると、Repaintがそれを適用し、更新後のページを見せてくれます。意図と違う結果になった場合はその旨を伝えれば調整してくれます。この仕組みは、見出しの名前を変える程度の小さな変更からページの再構成まで、あらゆる規模に対応します。レイアウトや余白、モバイル対応のサイズ調整はRepaintが処理します。

編集の順番はどのようにしても構いませんが、先にスタイルを仕上げておくと後の手間が省けます。スタイルの変更は全ページに一度に影響するため、後回しにするとすでに終えた細部の調整がやりなおしになることがあります。Repaintは既存のページを新しく作るものの手本としても使うため、今あるサイトが整っているほど、新しく追加される部分もきれいに仕上がります。

スタイルが決まったら、あとはページごとの確認作業です。テキストが正確か、画像が正しい位置にあるか、リンクが機能するか、スマートフォンでの表示に問題がないかを確認してください。

SEOの確認

サイトがsites.google.comのアドレスにある場合、移行によって失うものは何もありません。そのアドレスは検索結果でのページの表示をほとんど制御できず、新しいサイトには独自の本格的なドメインの選択肢、個々のページ、そしてそれぞれ編集可能なタイトルと説明文が付いてきます。

Google Siteがすでにカスタムドメインを使っていて検索トラフィックを獲得している場合は、新しいサイトでもページのパスを同じに保ってください。Repaintに新しいURLと古いURLを比較させ、異なるものを再現してもらいましょう。より詳しく知りたい場合は、ウェブサイトリデザインSEOガイドをご覧ください。

ステップ4: 公開する

この時点まで、新しいサイトは自分だけが見られる下書きです。公開することで、それがインターネット上に載ります。右上の「公開」をクリックすると、sites.repaint.comで終わる無料のウェブアドレスでサイトが公開されます。これは実際に動作するウェブサイトなので、スマートフォンで開いたり、誰かにフィードバックを求めて送ったりできます。

公開してもGoogle Siteは置き換わりません。2つのサイトが同時に稼働し、訪問者は引き続き元のサイトを自分のアドレスで見続けます。この段階で急ぐ必要はありません。新しいサイトが引き継ぐ準備が整うまで、編集と公開を何度でも繰り返せます。準備ができたら、最後のステップで切り替えを行います。

ステップ5: ドメインを接続する

サイトがsites.google.comのアドレスの場合、切り替えるものは特にありません。新しいサイトにはすでに専用のアドレスがあるので、それを共有するか、準備ができたときにドメインを購入して接続することもできます。カスタムドメインの接続は、有料プランを必要とする主な機能です。詳細は料金ページをご覧ください。

Google Siteがカスタムドメインを使っている場合、最後のステップはそれを新しいサイトに向けることです。ドメインは住所録のエントリのようなものです。現在はブラウザにGoogle Sitesからサイトを読み込むよう伝えていますが、これをRepaintから読み込むように更新します。ドメイン自体は現在のレジストラに登録されたままです。

切り替えるには、チャットでRepaintにドメインを接続したいと伝えてください。追加すべき正確なDNSレコードと、利用しているレジストラ向けの手順を教えてくれます。うまくいかない場合は、画面に表示されている内容を伝えれば、Repaintが最後まで案内してくれます。

更新は通常20分程度で反映されますが、まれにそれ以上かかることもあります。Repaintに確認を依頼すれば、ドメイン上で新しいサイトが有効になった時点で知らせてくれます。GmailやDriveをはじめ、Googleアカウントの他の部分や元のサイト自体には何の影響もありません。

まとめ

Google Sitesは、ウェブサイトを無料で公開するには良い方法です。しかしサイトの見た目が重要になり始めると、グリッドとテーマだけでは対応しきれず、そこに留まるのが難しくなります。Repaintは、すでに書いたコンテンツをもとに実際のウェブサイトをデザインし、説明するだけで変更できるようにしてくれます。

試してみることに何のコストもありません。作業中もGoogle Siteは稼働を続け、自分が決めるまでは何も切り替わりません。新しいサイトが明らかに良いものでなければ、今のサイトをそのまま使い続けることができます。

よくある質問

Google Sitesの移行にはどのくらい時間がかかりますか？

インポートと生成には通常3〜10分かかり、Google Sitesは一般的に規模が小さいため、結果の確認もすぐに終わります。同じ午後の時間内に完了するのが普通です。最後にカスタムドメインを接続する場合、DNSの更新に通常20分程度の待ち時間が追加されます。

サイトは組織内に限定されています。それでもRepaintでインポートできますか？

Repaintは、一般公開されているサイトしかスキャンできません。少なくともインポートを実行している間は、サイトの公開設定を開いて、ウェブ上の誰でも見られるように設定してください。公開できない事情がある場合は、代わりにチャットにコンテンツを貼り付け、画像を直接アップロードすることもできます。

Googleフォーム、カレンダー、地図は引き続き機能しますか？

はい。それぞれのツールには、共有メニューから取得できる埋め込みコードがあります。そのコードをRepaintに共有すれば、新しいサイトに埋め込みを配置してくれます。お問い合わせフォームについては、Googleフォームなしで送信内容をメールに直接届けられる、Repaint組み込みのフォームに切り替えることもできます。

RepaintはGoogle Sitesのように無料ですか？

本格的な無料プランがあります。サイトのインポート、編集、Repaintサブドメインでの公開は無料で行え、主な制限はサイトに表示されるRepaintバッジと、週ごとの利用上限です。有料プランは年払いで月額20ドルから、月払いで月額25ドルからで、カスタムドメインの利用、より多くの利用枠、バッジの非表示が含まれます。

チームのwikiや社内イントラネットなどはどうすればいいですか？

そうしたサイトはGoogle Sitesのままにしておくべきです。Repaintは一般公開向けのウェブサイトを構築するもので、イントラネットを有用にしている限定的な共有範囲こそ、まさにGoogle Sitesが得意とする部分です。このガイドは、一般に公開することを目的としたサイトを対象としています。