AIを使ってSquarespaceのウェブサイトを再構築する方法

はじめに

Squarespaceは見栄えの良いウェブサイトを作れます。それが人々が使い続ける理由です。しかし、テンプレートがサポートしていない何かをしようとした経験があれば、すぐに限界に当たることをご存知でしょう。セクションを移動したり、レイアウトを変えたり、カスタム要素を追加しようとすると、サイトを作るどころかツールと格闘することになります。

AIツールはSquarespaceと同じくらい洗練されたサイトを作れるほど進化しており、テンプレートの制約もありません。すでにSquarespaceサイトをお持ちであれば、ゼロから始めることなく自動でコンテンツを移行することもできます。

このガイドでは、SquarespaceのウェブサイトをRepaintという新しいAIツールに移行する方法を紹介します。

なぜSquarespaceのウェブサイトを再構築するのか？

AIウェブサイトビルダーは、Squarespaceよりも更新が簡単です。変更のたびにブロックを手動で調整してプレビューし、スペーシングを微調整する代わりに、やりたいことを伝えるだけでAIが対応します。ビジネスの変化に合わせてサイトを最新の状態に保つことが、現実的に可能になります。

多くの人が乗り換えなかった理由は、ゼロからサイトを作り直す作業量の多さです。AIツールはその問題も解決します。既存のSquarespaceコンテンツを自動的に移行して新しいサイトを構築できるので、これまでの資産を失いません。

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

Squarespaceはウェブサイトのエクスポートを許可していません。Repaintはその制約を回避するために、公開済みサイトをスキャンします。各ページを巡回し、画像をダウンロードし、テキストを読み取り、レイアウトを把握するためにスクリーンショットを撮影します。その後、AIとチャットして編集できる新しいウェブサイトを構築します。満足できたら、ドメインを移管して完了です。

結果はピクセル単位で完全一致するわけではありません。AI移行で約80%の再現が可能で、これはゼロから始めるよりずっと優れています。そこからAIとチャットしながら完成度を高めていきます。

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

まず、Repaintにアクセスします。上部にあるフィールドにSquarespaceウェブサイトのリンクを入力してください。Repaintが公開済みサイトをスキャンし、テキストと画像を取り込み、各ページのスクリーンショットを撮影します。

この機能を使うには、サイトが公開済みである必要があります。Squarespaceのトライアル中のyoursite.squarespace.comのようなサブドメインを含む、どの公開サイトでも対応しています。

Repaintがサイトの全体像を把握したら、再構築の計画に向けた質問を始めます。事前に準備するものはありません。

ステップ2: 新しいウェブサイトを計画する

Repaintはすぐに構築に入るわけではありません。まず、希望を把握するためにいくつかの質問をします。どのページを残すか、再構成が必要かどうか、どんなスタイルにするかなどです。これは3〜5回のメッセージで完了します。その後、生成を始める前に確認できるプランを作成します。

何を望むか決まっていなくても大丈夫です。Repaintにプランを提案させることもできます。気に入らなければ、やり直しを依頼できます。最初の試みに縛られることはありません。

コンテンツを計画する

最もシンプルなアプローチは、すべてをそのまま移行することです。同じページ、同じテキスト、同じ画像。現在のサイト構成が機能しており、管理ツールだけを改善したい場合はこの方法が最適です。

しかし、時間とともにサイトが雑然としてきた場合は、整理するチャンスです。Squarespaceサイトには、ビジネスの必要性からではなく、テンプレートに合わせて追加されたページが多いことがあります。テンプレートに付属していた「ギャラリー」ページや、実質的に中身のない「About」セクションがあるなら、今がその整理の機会です。どのページを残してどれをスキップするかをRepaintに伝えるか、見つかった内容をもとにシンプルな構造を提案してもらうこともできます。

Squarespaceサイトにブログやポートフォリオがあれば、それも移行できます。まずは数件の投稿だけでレイアウトを確認し、その後残りをインポートしましょう。また、サイトのページ数が20を超える場合、一度にすべてインポートすると無料プランの使用制限に達する可能性があります。その場合は有料プランへのアップグレードを促されます。大規模なサイトは、まず小さなサンプルで始め、初期サイトを確認してから残りを移行することをお勧めします。

スタイルを計画する

新しいサイトのスタイルは多くの選択肢があります。Repaintに希望を伝えるだけです。

• 現在のデザインを再現する
• 気に入っている別のウェブサイトのスタイルに合わせる
• Repaintのスタイルライブラリから選ぶ
• カスタムスタイルを説明する
• Repaintに決めてもらう

どの方向を選んでも、Repaintは既存のブランドカラーやフォントを取り込めます。Squarespaceのデザインが気に入っていた場合は、そのままコピーするのが最もシンプルかもしれません。その後、テンプレートの制約なしに変更を加えることができます。

プランを確認する

生成を始める前に、Repaintは構築予定の内容を詳細に書き出します。どのページを、どんなコンテンツで、どんなスタイルで作るかです。確認して最後の修正を行ってください。プランを修正する方が、サイト全体を再生成するよりずっと速いです。

確認が完了したら、Repaintが新しいウェブサイトを構築します。

ステップ3: ウェブサイトを生成する

プランを承認すると、Repaintがサイトを構築します。数ページであれば数分で完了します。数十ページの大規模なサイトは10分以上かかることもあります。

完成したら、結果を確認してください。最初のバージョンには多少粗い部分があります。テキストが切れていたり、画像の位置がずれていたり、スペーシングが少しおかしかったりすることがあります。これは想定内です。次のステップで修正します。

Squaespaceの組み込みアニメーション（フェードイン、スクロールリビール、パララックス効果）は通常、自動的には移行されません。AIはページの最終状態は確認できますが、要素がどのようにアニメーションするかは把握できません。サイトがこれらの効果に依存していた場合は、Repaintに説明して再現してもらう必要があります。

Squarespaceのメンバーエリア、スケジューリング、またはコマース機能を使用していた場合、それらは直接移行されません。Repaintは同じ目的のページを構築できますが、Squarespace固有の機能を置き換えるためにサードパーティツール（スケジューリングにはCalendly、eコマースにはShopifyなど）を連携させる必要があるかもしれません。

ステップ4: 調整を行う

サイトの生成後は、Repaintとのチャットで変更を加えられます。ここがSquarespaceと最も違いを感じる部分です。テンプレートの制約の中でブロックを並べ替える代わりに、やりたいことを伝えるだけです。「お客様の声を料金セクションの上に移動して。」「これを2カラムレイアウトにして。」「このセクションの間に全幅の画像を追加して。」 Squarespaceのテンプレートでは不可能だったり困難だったりした操作が、シンプルなリクエストで実現できます。

まず、色、フォント、レイアウトなど全体的なビジュアルスタイルを評価してください。これはすべての基盤となるものです。後からスタイルを変更すると、サイト全体が再構成され、細部の磨き込み作業が実質的に無駄になることがあります。

全体的なスタイルに満足したら、細部の確認に移ります。テキストの正確さ、画像の配置、リンクの動作、すべてのページでのスペーシングの確認です。

SEOを確認する

Squarespaceサイトが検索トラフィックを獲得していた場合、移行中はSEOに注意が必要です。Googleはウェブサイト全体ではなく、個々のページをランキングします。サイトの各ページは時間をかけて独自のランキングを築いており、そのランキングは特定のURLに紐づいています。新しいプラットフォームに移行してURLが変更または削除されると、Googleはそれらを履歴のない新しいページとして扱い、獲得していたトラフィックを失います。

Squarespaceは一般的にクリーンなURL構造を使用しているため、一致させるのは比較的簡単です。古いサイトと新しいサイトのURLを比較して、変更されたURLにリダイレクトを設定するようRepaintに依頼してください。Repaintはこの作業をサポートします。

サイトの見た目が良く、コンテンツが正確な状態になったら、公開の準備ができています。

ステップ5: 公開する

準備ができたら、右上の「公開」ボタンをクリックしてください。サイトはRepaintのURLで公開され、誰とでも共有できます。URLはhttps://xxxxxx-xxxxxx-xxxxxx.sites.repaint.comのような形式になります。

これでインターネット上の実際のウェブサイトになります。スマートフォンで開いたり、友人に送ったり、SNSに投稿したりできます。

この時点で、RepaintとSquarespaceの2つのウェブサイトが公開されています。ドメインはまだSquarespaceサイトを指しているので、訪問者には何も変わっていません。切り替えの準備ができたら、ドメインを新しいサイトに向けることができます。

ステップ6: ドメインを移管する

公開の準備ができたら、ドメインをRepaintに向ける必要があります。「ウェブサイト設定」>「ドメイン」に移動し、「カスタムドメインを接続」をクリックしてください。これには有料プランが必要です。料金の詳細はこちらをご確認ください。

Squarespaceはウェブサイトビルダーとドメインレジストラの2つの機能を持っています。2023年にGoogle Domainsを買収したため、ドメイン管理は現在コアビジネスの一部です。これらの2つのサービスは完全に独立しています。Squarespaceのウェブサイトビルダーのサブスクリプションをキャンセルしても、ドメインをそこに登録したまま問題なく利用できます。ドメインをどこかに移す必要はありません。Squarespaceのアカウント設定を更新して、ドメインが古いサイトではなくRepaintを指すようにするだけです。

ドメインがGoDaddy、Namecheap、Cloudflareなど他の場所に登録されている場合は、そちらの設定を更新してください。

これを初めて行う場合でも心配ありません。Repaintに手順を教えてもらってください。プロバイダーに応じて、ステップごとに具体的な方法を説明してもらえます。

変更が反映されるまで数時間かかることがあります。RepaintがドメインをVerified（確認済み）と表示したら、公開完了です。準備ができたらいつでもSquarespaceのウェブサイトビルダーのサブスクリプションをキャンセルできます。ドメイン登録は別扱いで、そのまま有効です。

まとめ

Squarespaceのサイトは見栄えが良いですが、更新を続けるのは多くの手作業を伴います。AIツールを使えば、以前はエディターで1時間かかっていた変更が一言で済むため、サイトを継続的に維持することが現実的になります。ゼロから始めることなくコンテンツを移行でき、ドメインはSquarespaceに残したまま、今後のサイト管理はやりたいことを伝えるだけで行えます。

よくある質問

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

サイトの計画、コンテンツのインポート、新しいウェブサイトの生成には通常3〜15分かかります。その後、公開までの時間は必要な調整の量やコンテンツの追加インポートの有無によって異なります。ほとんどのサイトは最大でも数時間以内に移行できます。

新しいサイトはSquarespaceサイトと同じくらい見栄えが良くなりますか？

なれます。Squarespaceのテンプレートには特有のデザイン感がありますが、Repaintはそのルックを再現したり、同じくらい洗練された新しいものを作ったりできます。違いは、テンプレートのレイアウトに縛られなくなることです。

モバイルでも同じように表示されますか？

Repaintはすべての画面サイズに自動的に対応するレスポンシブサイトを構築します。特定の画面サイズで表示がおかしい場合は、Repaintに調整を依頼できます。

移行後もフォームは機能しますか？

はい。Repaintはメールを受信トレイに送信するお問い合わせフォームを作成できます。Squarespace組み込みのフォームを使用していた場合、Repaintがその機能を再現します。サードパーティのフォームツールを使用していた場合は、埋め込みコードを共有する必要があるかもしれません。

Squarespaceのスケジューリングやメンバーエリアはどうなりますか？

これらはSquarespace固有の機能です。スケジューリングにはCalendlyやAcuity Schedulingなどのツールを連携できます。メンバーエリアにはサードパーティのメンバーシッププラットフォームが必要です。Repaintはページの構築とこれらのツールの統合はできますが、外部サービスの設定は別途行う必要があります。

移行中、Squarespaceサイトはどうなりますか？

移行中、Squarespaceサイトには何も変化がありません。完全に独立しています。行っているのはRepaintで新しいサイトを構築することだけです。新しいサイトに満足したら、ドメインを新しいサイトに向けることができます。Squarespaceサイトを継続して使う場合は、何もする必要がありません。

eコマースのSquarespaceサイトを移行できますか？

部分的には可能です。Repaintは商品ページやストアフロントを構築できますが、チェックアウトや決済には対応していません。そのためにはShopifyやStripeなどのサービスを連携する必要があります。ストアが埋め込み可能なチェックアウトウィジェットを使用している場合は、その埋め込みコードをRepaintに共有してください。

試しに1ページだけ移行することはできますか？

はい。1ページだけインポートして試すことができます。Repaintが自分のビジネスに合うか確認するのに良い方法です。結果に満足したら、残りのサイトの構築をRepaintに依頼できます。

SquarespaceからRepaintへの移行にはいくらかかりますか？

サイトの生成と編集の開始は無料です。無料プランの主な制限は、使用量に制限があること、カスタムドメインを追加できないこと、サイトにRepaintのバッジが表示されることです。有料プランは年払いで月額20ドルから、月払いで月額25ドルからです。拡張された使用量、カスタムドメインのサポートが含まれ、Repaintのバッジが削除されます。

AIが間違いを犯した場合はどうなりますか？個別の変更を元に戻せますか？

更新を行うたびに、Repaintはサイトのすべてのバージョンを保存します。Repaintに「戻して」と伝えると、以前のバージョンに戻ります。特定の時点に戻したい場合は、以前のバージョンを手動で復元することもできます。