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

はじめに

Weeblyは、他の多くのビルダーよりも早くウェブサイト制作を簡単にした存在で、今も多くの中小企業のサイトがこれで動いています。しかしこのプラットフォームは足踏み状態が続いています。2018年にSquareに買収されて以来、Weeblyには目立った更新がなく、その間にも周りのウェブサイトビルダーは進化を続けてきました。

サイトがWeeblyにあるなら、すでに古さを感じているかもしれません。多くの人がそこに留まっている理由は、離れるための手間の大きさです。手作業での作り直しは、何年分ものページや記事、画像を新しいツールに入力し直すことを意味します。しかしそれはもう自分でやる必要のある作業ではありません。AIツールは既存のサイトをインポートし、そのコンテンツをもとに新しいサイトをデザインできるため、離れることはゼロからやりなおすことを意味しません。

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

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

最大のアップグレードはデザインの自由度です。Weeblyはセクションの種類やブロックの決まったメニューしか用意しておらず、サイトはそのブロックが許す範囲でしか作れません。望むことをできるブロックがなければ、それは実現できません。Repaintは部品リストではなく説明から作業を始めます。言葉で説明できることなら、構築できます。

もう1つのアップグレードは編集方法です。Weeblyのエディターは手作業です。ページを開き、ブロックを見つけ、自分で調整します。Repaintのエディターは会話形式です。変えたいことを入力すれば、AIが適切な箇所を見つけて変更します。Weeblyはこれまでこうした機能を追加したことがなく、この先も追加される見込みはおそらくありません。

これらすべては、コンテンツを入力し直す必要がありません。Repaintは公開中のサイトからページ、テキスト、画像を自動で取り込みます。だからこそ、長年運用してきたサイトのリデザインも現実的に行えるのです。

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

Repaintは訪問者と同じように公開中のサイトにアクセスします。テキストを読み取り、画像をダウンロードし、レイアウトを把握するために各ページのスクリーンショットを撮ります。そしてその内容をもとに、選んだデザインでRepaint上にサイトを再構築し、以降はAIとの会話で編集していきます。Weeblyのログイン情報は一切必要ありません。公開URLだけで十分です。

作業中もWeeblyサイトは公開されたまま変更されず、訪問者もこれまで通りそこに到達します。ドメインを新しいサイトに向けるまでは何も切り替わりません。ドメインを一度も切り替えなければ、現在のサイトはそのままの状態が続きます。

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

まず、公開中のWeeblyサイトのURLをコピーします。次に、

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

カスタムドメインでも、無料の.weebly.comサブドメインでも、公開中のアドレスであれば利用できます。Repaintはページごとにサイトをスキャンし、テキストを読み取り、画像を保存し、デザインのスクリーンショットを記録します。ここで集めたものが新しいサイトの元になる素材です。

スキャン後に何か抜けているものがあれば、直接Repaintに渡すことができます。テキストをチャットに貼り付ける、ファイルや画像をアップロードする、あるいはGoogle Businessプロフィールなど別の情報源をRepaintに伝えることもできます。渡したものはすべてサイトに反映されます。

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

スキャンが終わると、Repaintは構築の前にいくつか質問をします。長年運用してきたサイトの場合、主な判断ポイントは何を引き継ぐかです。最もシンプルな方法はデザイン以外を変えないことです。同じページ、テキスト、画像を維持し、Repaintがそれらをもとに新しい見た目を構築します。しかし長年サイトを運用していると、終わったキャンペーンや今はもう提供していないもののページなど、雑然としたものがたまっていきます。何を省略するかRepaintに伝えることも、見つけた内容をもとによりシンプルな構成を提案してもらうこともできます。

サイトにブログがある場合は、まず数件の記事を移してみましょう。ブログのレイアウトが問題なければ、残りをインポートします。非常に大きなサイトを一度にインポートすると無料枠の利用上限に達することがあるため、規模の大きいサイトはいずれにせよ分割して進めるほうがよいでしょう。

スタイルを選ぶ

古くなったサイトが最も大きく変わるのがデザインの部分です。Repaintは通常、構築前にいくつかのスタイルサンプルを生成するので、方向性を並べて比較できます。選択肢は次の通りです。

• 生成されたスタイルサンプルの中から選ぶ
• 気に入っている別のウェブサイトに合わせる
• 希望するスタイルを自分の言葉で説明する
• 同じデザインをより良いツールで使いたい場合は、現在の見た目を維持する

どの方向を選んでも、Repaintはブランドカラーとロゴを引き継ぐことができ、新しいサイトも自分のものとして感じられます。

結果を確認する

計画が決まったら、Repaintがサイトを生成します。一般的なサイトなら数分、数十ページある大規模なサイトは5分以上かかることもあります。

最初のバージョンには、段落が違うセクションに入ってしまっている、余白の調整が必要といった粗が残っていることがあります。次のステップでそれらを修正します。特に注意を払いたいのは、フォームやギャラリー、ストアなど、Weeblyのアプリセンターや組み込み機能から来ていたものです。Repaintは訪問者に見える部分は再構築しますが、連携サービスは新しいサイトで改めて接続する必要があります。

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

Repaintでの編集はチャットを通じて行います。変更内容を普通の言葉で説明すると、Repaintがその変更を加え、更新後のサイトを見せてくれます。違うものにしたければ、その旨を伝えればRepaintが修正します。文章の言い回しの修正から新しいページのデザインまで、同じプロセスでカバーでき、レイアウトや余白もその過程で処理されます。

役に立つ習慣は、個々のページを仕上げる前に全体のスタイルを判断しておくことです。スタイルの決定はサイト全体に適用されるため、後から変更するとすでに終えた細かい調整がやりなおしになることがあります。Repaintは新しいページを作る際に既存のページを見本として扱うため、それらの出来が良いほど、新しく追加される部分もより良くなります。

スタイルが決まったら、最後は細部の確認です。パソコンとスマートフォンの両方で訪問者と同じ目線で各ページを読み、変えたい点があればRepaintに伝えてください。

SEOの確認

長年公開されてきたサイトには、守る価値のある検索履歴があります。GoogleはURLごとに個々のページをランク付けするため、新しいサイトで別のURLになったページはまったく新しいものとして扱われ、これまでの順位が失われてしまいます。対処法は、同じパスを維持することです。Repaintに新しいサイトのURLと古いサイトのURLを比較させ、一致しないものを再現してもらいましょう。より詳しく知りたい場合は、ウェブサイトリデザインSEOガイドで詳しく解説しています。

コンテンツが正しく、URLが揃ったら、公開の準備は完了です。

ステップ4: 公開する

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

Weeblyサイトはこれによって何の影響も受けません。2つのサイトが別々のアドレスで同時に公開され、ドメインは引き続き元のサイトを指し続けます。つまり期限もありません。元のサイトがその役割を果たし続ける間、新しいサイトを何度でも磨き上げ、公開を繰り返せます。新しいサイトの準備が整ったら、次のステップで切り替えを行います。

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

最後のステップは、ドメインが元のサイトではなく新しいサイトに訪問者を送るよう更新することです。ドメインは、ウェブサイトがどこにあるかをブラウザに伝えるレコードの集まりです。ドメインはWeeblyに登録されている場合もあれば、GoDaddyやNamecheapといった外部の会社に登録されている場合もあります。いずれの場合も登録先は今のままです。変更するのはレコードであり、移管ではありません。

切り替えを始めるには、チャットでRepaintにドメインを接続したいと伝えてください。追加すべきレコードと、利用しているプロバイダー向けの手順を返してくれます。プロバイダーの画面が想定と違って見える場合は、見えているものを伝えればRepaintがサポートしてくれます。カスタムドメインの接続には有料プランが必要です。詳細は料金ページをご覧ください。

更新は通常20分程度で反映され、Repaintに確認を依頼すればドメイン上で新しいサイトが有効になったタイミングを教えてくれます。その後、Weeblyのサブスクリプションを解約できます。ドメインがWeeblyに登録されている場合は、ドメインの登録自体は残しておいてください。これはウェブサイトプランとは別物で、ビルダーがなくなった後も動き続けます。

まとめ

ほとんどのWeeblyサイトのコンテンツは今も十分に良いものです。追いついていないのは、デザインとそれを取り巻くプラットフォームです。Repaintを使えば、良い部分をそのまま残せます。公開中のサイトからページ、テキスト、画像をインポートし、それをもとにモダンなデザインを構築し、あとは望むことを説明するだけで変更できるサイトを提供します。

試してみること自体で何かが変わるわけではありません。構築中もWeeblyサイトは稼働を続け、更新するまでドメインは引き続きそちらに訪問者を送ります。結果が気に入らなければ、現在のサイトはそのまま変わらず残っています。

よくある質問

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

コンテンツのインポートと新しいサイトの生成には通常3〜10分かかります。その後は、どれだけ調整したいか、また大きなブログを分割してインポートするかどうかによって変わります。ほとんどのサイトは同日中に完了します。

Weeblyはサイトをエクスポートできます。それを使えばいいのでは？

Weeblyのエクスポートは、静的HTMLファイルのzipを提供してくれますが、それはサイトを凍結したコピーにすぎません。どこかにそのファイルをホストすることはできますが、実質的に編集はできないため、同じデザインをずっと使い続けることになります。Repaintにインポートすれば、代わりに実際に編集できるライブサイトが手に入ります。コンテンツを保ったまま、それを変更する力を得られます。

コンテンツは手作業でコピーする必要がありますか？

いいえ。これがAIによる移行と手作業での作り直しの主な違いです。Repaintは公開中のサイトを読み取り、ページ、テキスト、画像を自動で取り込みます。あなたの仕事は結果を確認して調整することであり、何年分もの作業を入力し直すことではありません。

ブログ記事は引き継がれますか？

はい。まず数件の記事をインポートしてブログのレイアウトを整え、その後残りを移す方法がうまくいきます。テキスト、画像、構成もそれに伴って引き継がれます。分割して進めることで、大きなインポートが途中で無料枠の利用上限に達してしまうことも避けられます。

ドメインをWeeblyから移す必要はありますか？

いいえ。ドメインはどこに登録されていても、そのまま登録された状態が続きます。変わるのはDNSレコードだけで、これが訪問者をどこに送るかを制御しています。Repaintが正確なレコードと、利用しているプロバイダー向けの手順を教えてくれます。

お問い合わせフォームは引き続き機能しますか？

はい。Repaintは独自のフォームを構築でき、送信内容はメールに届きます。サードパーティのフォームやウィジェットを使っていた場合は、埋め込みコードをチャットで共有すれば、Repaintが新しいサイトにそれを配置します。

オンラインストアのあるWeeblyサイトも移行できますか？

部分的には可能です。Repaintは商品ページやストアフロントを構築できますが、チェックアウトや決済にはSquare、Shopify、Stripeなどの連携サービスが必要です。WeeblyストアがすでにSquareのチェックアウトを使っている場合は、引き続きSquareで決済を受け付けながら、新しいサイトからリンクまたは埋め込みで連携できます。

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

何も変わりません。Repaintは公開中のサイトのスキャンをもとに作業し、Weeblyアカウントに触れることはありません。元のサイトはドメインを別の場所に向けるまで公開され続け、切り替えないことに決めれば、そのまま稼働を続けます。

WeeblyからRepaintへの移行にかかる費用は？

Repaintのサブドメインでのインポート、編集、公開はクレジットカード不要で無料です。カスタムドメインの接続には有料プランが必要で、料金は年払いで月額20ドルから、月払いで月額25ドルからです。無料プランでも、サイトを構築して結果を確認するには十分で、支払いを決めるのはそれからでも遅くありません。

AIがミスをした場合はどうなりますか？

Repaintは変更のたびにサイトのバージョンを保存します。戻すよう依頼すれば元に戻り、バージョン履歴を開いて自分で任意の時点に復元することもできます。どんな変更も取り消すことができます。