Manus での AI ウェブサイトリデザイン

AI でウェブサイトを再デザインする

URL を貼り付けてください。Manus はコピー、写真、ページアドレスをそのまま保持し、モダンでモバイルフレンドリーな新デザインを構築します。

Manus ウェブサイトビルダーの仕組みを読む
juniperlanebakery.com の再デザイン例現在のサイトから Manus が構築
前
juniperlanebakery.com
Juniper Lane ベーカリーへようこそ!
ホームメニューケーキ概要ギャラリーブログお問い合わせ
毎日焼き上げる新鮮なパンとケーキ1
Juniper Lane の角のお店で作るサワードウ、ペストリー、オーダーメイドケーキ。メニューをダウンロード(PDF、4 MB)2
  • 1写真の上の文字はスマートフォンでは読みにくい
  • 2料金は PDF メニューにのみ記載
後
juniperlanebakery.com
Juniper Lane今すぐ注文
2014 年創業午前 6 時開店
パン新鮮なパンが並ぶベーカリーカウンター低温長時間発酵 · 毎日焼き上げ ·
個性あふれるパン。少量仕込みのサワードウ、サクサクのペストリー、大きなバースデーケーキを毎朝焼いています。ケーキを注文する
田舎風サワードウアーモンドクロワッサンカルダモンバン祝賀ケーキ田舎風サワードウアーモンドクロワッサンカルダモンバン祝賀ケーキ
  • 7引き継がれたページ
  • 24保持されたブログ記事
  • 3リダイレクトされた URL

URL からあなたのウェブサイトを再デザインする

Manus はまず各ページを確認し、保持すべきコピー、写真、URL、そして訪問者を困らせる点を記録します。

juniperlanebakery.comリデザイン前のコンテンツ一覧例
  • ホーム/見出し、写真写真の上の文字はスマートフォンでは読みにくい
  • メニュー/menuアイテム名、価格料金は PDF にのみ記載
  • カスタムケーキ/custom-cakes注文フォームに関する質問1 画面に 11 個のフォーム項目
  • ギャラリー/gallery18 枚の写真内容が薄いページ、「About」に統合
  • 店舗情報/contact営業時間、住所、地図営業時間がフッターと異なる
  • ブログ/blog24 件の記事9 件の記事にメタディスクリプションがありません
+ あと 1 ページ
Manus が見つけたもの
  • 7読み込んだページ、そのコピー、写真、URL
  • 24URL を変えずに移行したいブログ記事
  • 3ホームページの見出しから始める、スマートフォン向けの修正
  • 1PDF のメニューを、検索エンジンが読めるページに変換
site-inventory.xlsx再デザイン計画

URL から中小企業のサイトを再デザインする

Manus は現在のページを読み取り、コピーや写真を保持したまま、Manus ウェブサイトビルダーでサイトを再構築します。公開前に新しいデザインをプレビューできます。

何かを変更する前にサイトを見直しましょう

ページごとに残す、削る、書き直す内容をリスト化し、今あるコンテンツからリデザインを始められます。

新しい見た目を選び、チャットで編集する

提案されたデザインの方向性を選び、任意の要素をクリックしてスタイルを変更するか、1 つのメッセージで複数の変更を説明してください。

3 つのデザインの方向性例
  • 大胆で遊び心のあるポスターサイズの文字、温かみのある陶土色、丸みのあるボタン
  • シンプルでモダン余白、サンセリフ体、1 つのアクセントカラー
  • 温かみのある手作り感全幅の写真、セリフ体の見出し、ゴールドのアクセント
クイックスタイルコントロール選択中:ホームページの見出し
色タイポグラフィ間隔枠線
フォント
セリフ体
サイズ
44 px
太さ
600
行の高さ
1.2
または 1 つのメッセージで複数の項目を変更ボタンをダークグリーンにし、スマホでは本文をもっと大きく、営業時間を地図の上に移動してください。1 回の更新として適用されました

決める前に 3 つの見た目を比較しよう

Manus はあなたのコンテンツとオーディエンスに合った方向性を複数提案します。それぞれに配色、フォント、サンプルヒーローが付いており、あなたが選ぶのを待ちます。

1 つのメッセージで複数の編集を実行

関連する変更をまとめてグループ化すると、Manus はそれらを 1 つの更新として一括で適用します。単一の色やフォントだけを変更したい場合は、プレビュー内の要素を直接クリックしてください。

Figma デザインから始める

デザイナーが既に新しい見た目を作成している場合は、Figma のデザインをウェブサイトに変換すると、Manus が現在のページの内容でそれを埋めてくれます。

SEO を損なわずにウェブサイトをリデザインする

検索エンジンが認識している URL をそのまま保ちます。Manus は古いページそれぞれを新しいページに対応させ、移動したページはリダイレクトします。

URL マップ旧アドレスから新ページへ例
  • //同じ URL
  • /menu/menu同じ URL
  • /menu.pdf/menu301 リダイレクト
  • /custom-cakes/cakes/custom-orders301 リダイレクト
  • /gallery/about301 リダイレクト
  • /blog/…(24 件の投稿)同じ URL同じ URL
SEO を有効にすれば自動で対応
  • 検索ボット向けのプリレンダリングページ
  • すべてのページに正規 URL を設定
  • robots.txt ファイル
  • 自動更新されるサイトマップ
92SEO タブ内の SEO スコア、ページごとのチェックリスト付きManus で最適化各ページのタイトル、説明、キーワードを作成します

すべての古い URL を新しいページにマッピング

ページを移動しますか?Manus が古い URL を新しいページに一致させ、変更があった部分には 301 リダイレクトを追加するので、リンクやブックマークはそのまま使えます。

公開前後に SEO を確認

まず古いサイトに SEO オーディットを実行してください。公開後は、SEO タブと「Manus で最適化」が不足しているタイトルや説明を補ってくれます。

新しいデザインを自分のドメインに公開

プレビューが問題なければ、自分のドメインに公開するか、ビルダー内でドメインを購入できます。SSL も含まれています。

  • あなた専用のドメイン

    Manus が提示する DNS レコードを追加してカスタムドメインを接続するか、ビルダー内で新しいドメインを購入してください。

  • 無料 SSL

    あなたのドメインには HTTPS が自動で設定され、追加費用はかかりません。

  • 内蔵の分析機能

    別のツールを追加せずに、新しいサイトの訪問者数を確認できます。

  • あなたのコード

    コードを表示またはダウンロード、あるいはプライベートな GitHub リポジトリと同期できます。

  • 拡張可能なホスティング

    デフォルトでは自動スケーリングが使用されます。トラフィックがないときはゼロにスケールし、待機中のコストは $0 です。

  • 複数の変更を同時に処理

    新しいタスクでウェブサイトを開けば、同時に別の変更に取り組めます。

Manus でウェブサイトを再デザインする方法

サイトを共有し、方針を決めてプレビューを仕上げましょう。公開するまで現在のサイトはそのまま表示されます。

  1. 1

    現在のサイトを共有

    その URL を貼り付けてください。ファイルがパソコンにある場合は、代わりに Manus Studio をそのフォルダに向けてください。

  2. 2

    計画を確認する

    ページ一覧、デザイン方向、URL マップを確認しましょう。計画段階での変更は、完成したサイトを変更するよりコストがかかりません。

  3. 3

    Manus の構築を見る

    新しいデザインはライブプレビューの中で形になっていきます。

  4. 4

    改良する

    要素をクリックして色、フォント、間隔を変更するか、より大きな変更はチャットで伝えてください。

  5. 5

    公開

    プレビューに問題がなければ、あなたのドメインで公開しましょう。それまでは、既存のサイトはそのまま残ります。

始める前に知っておきたいこと

  • 構築と編集にはクレジットを使用します。公開後、ホスティングは利用量に応じて課金され、毎月クラウド $10、AI $1、API 利用 $1 の無料枠があります。
  • 自分が所有している、または変更の許可があるサイトを再デザインしてください。Manus は公開ページを読み取るため、古いホストのパスワードは不要です。
  • 大きなサイトですか?最もアクセスの多いページから始めて、同じタスクで残りを追加してください。
  • 起点となるサイトがありませんか?ビジネスウェブサイトビルダーを使って説明文から 1 つ作成しましょう。

ウェブサイトの構築と更新のためのその他のツール

ウェブサイトリデザインに関する質問

ウェブサイトリデザインとは?

ウェブサイトのリデザインでは、レイアウト、ナビゲーション、色、フォントなど、サイトの見た目や動作を変更しつつ、コンテンツや現在も有効なページアドレスはそのまま保持します。Manus では、現在のサイトの URL から始めて、プレビュー、編集、公開ができる新しいバージョンを手に入れられます。

AI は既存のウェブサイトを再デザインできますか?

はい。あなたのサイトの URL を Manus に渡すと、公開ページを読み取り、文章、画像、ページ構成を保持したまま、ウェブサイトビルダーで新しいデザインとしてサイトを再構築します。新しいバージョンを公開してドメインをそこに向けるまで、公開中のサイトは変更されません。

Manus でウェブサイトを再デザインする費用はどのくらい?

新しいサイトの構築と編集には Manus クレジットを使用します。公開後、ホスティングは利用量に応じて課金されますが、各アカウントには毎月クラウド $10、AI $1、API 利用 $1 の無料枠があります。ビルダー内でドメインを購入する場合は別途費用がかかります。

ウェブサイトの再デザインにはどのくらい時間がかかる?

Manus は 1 つのタスクで最初のバージョンを作成し、ライブプレビューで形になっていく様子を見ることができます。残りは、ページ数と修正の回数次第です。制作前にプランを決めておくと、最も時間を節約できます。

リデザインは SEO に悪影響を与えますか?

必ずしもそうなるわけではありません。可能な限りページの URL はそのままにし、移動したページには Manus に 301 リダイレクトを追加してもらいましょう。公開後、設定で SEO を有効にすると、サイトは検索ボット向けのプリレンダリングページ、正規 URL、robots.txt ファイル、動的サイトマップを生成し、SEO タブには各ページのスコアとチェックリストが表示されます。その後、Google Search Console で新しいサイトマップを送信してください。

WordPress、Wix、Squarespace、または Shopify のサイトを再デザインできますか?

はい、ページが公開されている限り可能です。Manus は URL からそれらを読み取り、新しい Manus ウェブサイトとして再構築します。ドメインをそれに向けると、古いプラットフォームから移行できます。オンラインストアの場合は、商品や注文の移行方法も計画してください。Manus では Stripe を使って決済機能を追加できます。サイトをそのままの場所に残したい場合は、WordPress、Wix、Webflow コネクターを使うことで、Manus がこれらのプラットフォーム上のコンテンツを直接操作できます。

コードの書き方を知っている必要がありますか?

不要です。欲しいものを普段の言葉で説明するだけで、Manus が技術を選び、コードを書きます。色やフォント、間隔を変更するには、プレビュー内の要素をクリックしてください。

自分のドメインを維持できますか?

はい。Manus にサイトをあなたのドメインに公開するよう依頼すると、ドメインプロバイダー側で追加する必要がある DNS レコード(A レコードまたは CNAME)が提供されます。SSL は自動的に設定されます。ビルダー内で新しいドメインを購入することもできます。

再デザインしたサイトのコードを入手できますか?

はい。いつでもコードを表示またはダウンロードできますし、プロジェクトをプライベートの GitHub リポジトリと同期することもできます。

まず 1 ページだけ再デザインできますか?

はい。まずはホームページやランディングページなど、最も重要なページから始めましょう。方向性が気に入ったら、同じタスク内で他のページも追加できます。複数の変更を同時に行いたい場合は、新しいタスクでウェブサイトを開いてください。

ウェブサイトのリデザインを開始

URL を貼り付けて、公開前にプレビューできる新しいデザインを手に入れましょう。

リデザインを開始