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

はじめに

Hostingerを選ぶ人の多くは価格が理由です。格安ホスティングとしては本当に優秀です。しかし付属のウェブサイトビルダーは限定的です。テンプレートを選び、ブロックをドラッグして配置し、変更はすべて手作業で行います。結果として、ロゴだけ差し替えたテンプレートのような見た目になりがちです。

AIウェブサイトビルダーは仕組みが異なります。やりたいことを言葉で説明するだけで、AIがデザインして構築してくれます。AIツールは既存のコンテンツを自動で移行できるため、乗り換えてもゼロからやりなおす必要はありません。

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

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

最大の違いは編集体験です。Hostingerのビルダーでは、更新のたびにエディターを開いてブロックを手作業でドラッグする必要があります。Repaintでは、変更したい内容を入力するだけでAIが作業します。かつて半日かかっていた更新が数分で終わります。

2つ目の違いは作れるものの幅です。テンプレートエディターは、テンプレートが対応している範囲でしか作れません。AIビルダーは実際のビジネスに合わせてデザインするため、あらかじめ用意されたものにテキストを差し替えただけのサイトではなく、レイアウトまでカスタムなサイトになります。

これらはすべて、ウェブサイトを手作業で作り直す必要がありません。Repaintは既存サイトからコンテンツを自動で取り込み、サイトがどのように作られていても機能します。Hostingerのウェブサイトビルダーを使っている場合も、Hostingerのホスティングプラン上でWordPressを運用している場合も同様です。サイトが公開されていれば、Repaintは対応できます。

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

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

Hostingerサイトはその間、公開されたまま変更されません。ドメインを新しいサイトに向けるまでは何も切り替わりません。Repaintが生成した結果が気に入らなければ、何もする必要はありません。現在のサイトはそのまま稼働を続け、ドメインもメールもそのままです。

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

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

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

カスタムドメインでも、公開時にHostingerから割り当てられたアドレスでも、訪問者が実際に使っているURLをそのまま使ってください。

送信すると、Repaintがサイトのスキャンを開始します。ページを1つずつたどり、テキストを読み取り、画像をダウンロードし、スクリーンショットを撮ってデザインを記録します。目的は、コンテンツと見せ方の両面から現在のサイトの全体像を把握することです。それが再構築の元になる素材になります。

スキャンで抜け落ちる部分があれば、後からチャットに不足しているテキストを貼り付けたり、ファイルを直接アップロードしたりできます。RepaintはGoogle BusinessプロフィールやPDFの価格表など、サイト以外の情報源から情報を取り込むこともできます。構築前に材料が多いほど、後で修正する手間が減ります。

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

スキャンが終わると、Repaintは構築を始める前にいくつか質問をします。ここで、新しいサイトを元のサイトにどれだけ近づけるかを決めます。同じページ、同じコンテンツを維持してデザインだけを一新することもできます。あるいはさらに踏み込んで、不要になったページを削除したり、元のサイトになかったページを追加したり、内容が古くなったテキストをRepaintに書き直してもらったりもできます。何をしたいか迷っている場合は、Repaintに方向性を提案してもらい、それに反応する形で進めることもできます。

スタイルを選ぶ

新しいサイトは、Hostingerのテンプレートに似せる必要はまったくありません。多くの場合、Repaintは構築前にいくつかのスタイルサンプルを生成するので、想像するのではなく実際の選択肢を比較できます。スタイルを直接指定することもできます。選択肢は次の通りです。

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

どの方向を選んでも、Repaintは元のサイトからブランドカラーとロゴを取り込むことができます。

結果を確認する

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

完了すると、Repaintは新しいサイトのプレビューを開きます。最初のバージョンには、見出しが途中で切れている、画像の位置がおかしいといった粗が残っていることがあります。これは想定内で、次のステップで修正します。特に注意して確認したいのは、予約機能やストアのチェックアウトなど、Hostingerサイトが備えていた組み込みの追加機能です。これらは自動では引き継がれませんが、Repaintに該当ページを再構築してもらい、代わりにサードパーティのツールを連携することができます。

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

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

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

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

SEOの確認

Hostingerサイトが検索トラフィックを獲得している場合、乗り換えの際にそれを守る価値があります。GoogleはURLごとに個々のページをランク付けするため、新しいURLに変わったページは履歴のない新規ページとして扱われてしまいます。これを避けるには、新しいサイトでも同じパスを維持することです。Repaintに新しいサイトのURLと古いサイトのURLを比較させ、一致しないパスを再現してもらいましょう。ほとんどのHostingerサイトは規模が小さいため、これは数分で終わります。より詳しく知りたい場合は、ウェブサイトリデザインSEOガイドをご覧ください。

サイトの見た目が整い、コンテンツの確認が終わったら、公開の準備は完了です。

ステップ4: 公開する

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

公開してもHostingerサイトは置き換わりません。2つのサイトが同時に稼働し、ドメインは引き続きHostingerを指しているため、訪問者には従来のサイトが表示され続けます。この段階で急ぐ必要はありません。新しいサイトが引き継ぐ準備が整うまで、編集と公開を何度でも繰り返せます。準備ができたら、最後のステップで切り替えを行います。

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

最後のステップは、ドメインを新しいサイトに向けることです。ドメインは住所録のエントリのようなものです。現在はブラウザにHostingerからサイトを読み込むよう伝えていますが、これをRepaintから読み込むように更新します。ドメイン自体はHostingerに登録されたままで、所有権に関する部分は何も変わりません。

切り替えるには、チャットでRepaintにドメインを接続したいと伝えてください。DNSレコードと呼ばれる設定項目のリストと、Hostingerアカウントのどこに入力すればよいかの手順を教えてくれます。うまくいかない場合は、画面に表示されている内容を伝えれば、Repaintが最後まで案内してくれます。カスタムドメインの接続には有料プランが必要です。詳細は料金ページをご覧ください。

更新は通常20分程度で反映されますが、まれにそれ以上かかることもあります。Repaintに確認を依頼すれば、ドメイン上で新しいサイトが有効になった時点で知らせてくれます。メールは別の設定で動いているため、これまで通り問題なく使えます。切り替えが確認できたら、Hostingerサブスクリプションのウェブサイトビルダー部分は解約でき、ドメイン登録やメールなど引き続き使いたいものは残しておけます。

まとめ

Hostingerは安価にウェブサイトを公開する手段であり、そこから始めること自体は何の問題もありません。しかしテンプレートの制約が気になり始めたら、その先へ進むために手作業ですべてを作り直す必要はありません。Repaintは公開中のサイトから直接コンテンツをインポートし、それをもとに新しいサイトをデザインし、以降の更新はすべて同じチャットで対応します。

試してみることに何のリスクもありません。構築中もHostingerサイトは公開されたままで、ドメインもメールもそのままで、ドメインを新しいサイトに向けるまで訪問者には何の変化もありません。結果が気に入らなければ、すべてをそのままにしておくことができます。

よくある質問

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

コンテンツのインポートと新しいサイトの生成には通常3〜10分かかります。その後は、どれだけ調整したいかによって変わります。ほとんどのHostingerサイトは規模が小さいため、多くの人が同日中に完了します。

HostingerサイトでWordPressを使っています。それでも機能しますか？

はい。Repaintは公開中のサイトをスキャンするため、裏側でどんなソフトウェアが動いているかは関係ありません。Hostingerのホスティング上で動くWordPressサイトも、Hostingerのウェブサイトビルダーで作ったサイトと同じ方法でインポートできます。WordPress特有の詳細を知りたい場合は、専用のWordPress移行ガイドもご用意しています。

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

いいえ。ドメインはHostingerに登録されたままです。新しいサイトを指すようにDNSレコードを追加するだけです。RepaintがそのレコードとDNSレコードの追加手順を教えてくれます。

メールはHostingerで運用しています。引き続き使えますか？

はい。メールはドメインをRepaintに接続しても変わらない別のDNSレコードで管理されています。Hostingerで契約しているメールサービスをそのまま使い続けることができ、メールに関する部分は何も変わりません。

Hostinger Horizonsについてはどうですか？

HorizonsはHostingerの新しいAIビルダーで、BoltやLovableのようなプロンプトベースのアプリビルダーに近いツールです。私たちのテストでは、デザインの質が低く、生成も遅く、無料枠の制限もかなり厳しいものでした。主な魅力はHostingerの他のサービスと同じ格安ホスティングにあるため、それが最優先でない限りRepaintのほうが向いているでしょう。いずれにせよ、このガイドはHorizonsサイトにもそのまま使えます。サイトを公開し、そのURLをRepaintに貼り付ければ、他のインポートと同じように進められます。

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

はい。Repaintは送信内容を受信箱に届けるお問い合わせフォームを構築できます。元のフォームがHostingerのビルダーで作られたものであれば、Repaintがそれを再現します。Typeformなど外部ツールを使っていた場合は、埋め込みコードを共有すれば、Repaintがそれを配置します。

Hostingerのオンラインストアも移行できますか？

部分的には可能です。Repaintは商品ページやストアフロントを構築できますが、チェックアウトや決済にはShopifyやStripeなどの連携サービスが必要です。小規模なカタログであれば問題なく機能します。オンライン販売がビジネスの中心である場合は、Repaintと合わせて専用のECプラットフォームを用意することをおすすめします。

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

何も変わりません。Repaintがそれに触れることはありません。あなたが構築しているのは別のサイトであり、Hostingerサイトはドメインを新しいサイトに向けるまで公開されたままです。気が変わった場合は、そのままHostingerサイトを使い続けることもできます。

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

Repaintのサブドメインでのインポート、編集、公開はクレジットカード不要で無料です。カスタムドメインの接続には有料プランが必要で、料金は年払いで月額20ドルから、月払いで月額25ドルからです。多くの場合Hostingerのほうが安価です。支払う対価は、より良いウェブサイトと、チャットで自分自身で更新できる仕組みです。

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

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