ウェブサイト検索

静的 HTML ウェブサイトを WordPress に移行する方法

WordPress の人気は日に日に高まっており、より多くの人がこの流れに飛びつくことは明らかです。 WordPress を採用するのは素晴らしいことですが、HTML ウェブサイトに別れを告げなければならないということでしょうか? WordPress に移行するときは、本当に最初からやり直す必要がありますか?うーん、ダメ。コンテンツ、デザイン、さらには SEO ランキングを維持したまま、HTML Web サイトを WordPress に簡単に移行できます。いいね。

そこに移行する前に、1 つ主張したいことがあります。ウェブサイトを再プラットフォーム化する明確な理由（ブログの追加など）がない場合は、そのままにしておいてください。それ以外の場合は、WordPress を自由に採用して、このプラットフォームが最もよく知られている優れた機能をすべて活用してください。それはさておき、今日の投稿では、HTML Web サイトから WordPress への移行に関するトピックを取り上げます。サイトを WordPress に移行する計画と実際の移行を検討します。

ウェブサイトを WordPress に移行する: 計画

経験を通じて、私は人生における貴重な教訓を 1 つ学びました。それは、確固たる計画がなければ何も成功しないということです。したがって、HTML Web サイトを WordPress に移行するには、綿密な計画が必要です。計画を立てる際に留意すべき点は次のとおりです。

  • 既存のドメイン名を保持しますか、それとも別のドメイン名を作成しますか? ヒント: WordPress をサブディレクトリ、つまりyourdomain.com/wordpress/にインストールすることもできます。後でドメインがディレクトリを指すようにします
  • 現在の URL 構造は変更されますか?これは常に発生するため、移行後に古い URL をリダイレクトする準備をしてください。
  • 新しいサイトに移動するコンテンツ (ページ、投稿、画像、JavaScript ファイルなど) の量はどれくらいですか?少量のコンテンツは手動で移動できますが、大量のコンテンツを移動するには特定のツールが必要です
  • 現在の HTML ウェブサイトは外部サービスを利用していますか?これらのサービス用の WordPress プラグインはありますか?移行後にサードパーティのサービスをどのように統合しますか?
  • 既存の管理ツールを移行する必要がありますか? それとも WordPress に同等のツールがありますか?
  • ウェブホストを変更しますか? Web サイト所有者が WordPress に移行するときに Web ホストを変更するのは一般的です。 Web ホストが WordPress のニーズに対応できるかどうかを確認してください。私たちは WPEngine マネージド WordPress ホスティングを使用し、愛用し、推奨しています。

最終的には、ミッション計画では次のことをどのように行うかを詳細に説明する必要があります。

  1. テスト ドメインまたはサブディレクトリを作成する
  2. WordPressをインストールする
  3. 既存の HTML サイトからコンテンツをインポートする
  4. 新しい WordPress サイトをデザインします（WordPress テーマを選択するか、最初から再デザインすることが利用可能なオプションの一部です）
  5. 必要なWordPressプラグインをインストールする
  6. サイトをバックアップします (HTML と WordPress の両方)
  7. 壊れたリンクに対処する
  8. ライブに行く

作業を開始する前に、HTML サイトをバックアップすることを忘れないでください (予防措置として)。また、作業内容に不安がある場合は、ライブ HTML サイトをいじることはお勧めしません。また、このチュートリアルの利点を最大限に活用するには、WordPress についてある程度の知識を持っている必要があります。永続的なリダイレクト、CMS、.htaccess などの単語やフレーズを恐れる必要はありません。必要に応じて調査を行ってください 🙂 。紙や Evernote など、どこにでも計画を立てて、次の部分の準備をしましょう。

ウェブサイトを WordPress に移行する方法

基本プランを手に入れたら、今度は便利な部分を見てみましょう。さあ、WordPress のセットアップから始めましょう。

WordPress のセットアップ

これは、WordPress をローカルにインストールする場合でも、ホスティング プロバイダーを使用してインストールする場合でも、最も簡単な部分です。前述の説明にリンクされているガイドに従って、WordPress をローカルにインストールします。ウェブホストを使用した WordPress のインストールはシンプルで簡単なので、問題が発生することはないと思います。ほとんどのホストには 1 クリックで簡単にインストールできるオプションがあり、マネージド WordPress ホスティングの場合はすでに WordPress がインストールされています。行き詰まった場合は、ためらわずにウェブホストに連絡してください。

WordPress を別のドメインにインストールするか、独自のディレクトリにインストールするかを選択できます。選択はあなた次第です。 WordPress 管理画面で設定 –> 閲覧に移動し、検索エンジンの可視性セクションで検索エンジンによるこのサイトのインデックス作成を禁止するにチェックを入れます（チェックマークを付けます）。 。開発中の WordPress サイトが検索エンジン (およびクライアント) に見つかることは望ましくありません。 WordPress が起動して実行されると (つまり、ブラウザーで新しい WordPress サイトが表示されます)、次の部分であるコンテンツの引き継ぎの準備が整います。

コンテンツのインポート

これは少し難しいですが、それでも実行可能です。既存のコンテンツを新しい WordPress プラットフォームに正常にインポートできるかどうかは、次のようなさまざまな要因によって決まります。

  • 現在の HTML サイトは CMS (コンテンツ管理システム) 上で実行されていますか?
  • 特定の状況で利用できるインポート ツール (またはスクリプト) はありますか? それともコンテンツを手動でインポートしますか?
  • 大量のコンテンツをインポートしますか?大量のコンテンツを手動でインポートすると、人的ミスが発生する余地が多くなる可能性があります。

選択肢を見てみましょう。 HTML サイトが市販の CMS で実行されている場合は、インポート ツールを自由に使用できる場合があります。ツールを見つけて、あちこちのいくつかのボタンをクリックするだけで作業は完了です。特定の CMS からのコンテンツのインポートの詳細については、WordPress Codex のコンテンツのインポートに関する投稿を確認してください。

Q: 私の HTML サイトには CMS がありますが、利用可能なインポート ツールがありません。何をすべきか?
A: 何をすればよいかわからない場合は、バックエンド開発者に連絡して、コンテンツを移動してもらいます。

Q: 私の HTML サイトは CMS 上で実行できません。ということは、私の冒険はここで終わるということですか？
A: いいえ。コンテンツを手動でインポートする必要があるというだけです。ここでは、 従来のコピーとペーストが便利です。

Q: 私の HTML サイトは CMS 上で実行されておらず、大量のコンテンツがあります。どうすればいいでしょうか？
A: 袖をまくって仕事に取り掛かりましょう。しばらくコピー&ペーストすることになるので、大きなマグカップのコーヒーも用意してください。あるいは、思い切ってフリーランサーを雇って仕事をしてもらうこともできます。最近ではフリーランスの労働者がたくさん出回っているので、この点についてはカバーされるべきです。注意してください。ここで私たちはあなたのウェブサイト、つまりあなたの収入源について話しています。

コンテンツを手動でインポートする場合は、必ず [プレーン テキストとして貼り付け] ボタンを使用してコンテンツを WordPress にコピーするか、各投稿の「テキスト」側に貼り付けて、誤って他の投稿に転送しないようにしてください。古いフォーマット。それに加えて、再フォーマットの作業を行う準備をしてください。必要に応じて、この機会にコンテンツを追加または削除してください。ご存知のとおり、古いコンテンツを合理化、統合、または再利用します。また、コンテンツを手動でインポートするには、まず WordPress で対応するページ (ホームページ、ブログ、概要など) を作成する必要があることに注意してください。さらに、すべての画像とその他の関連ファイルをコンピュータからアップロードする必要があります。

注: 既存の URL と新しい URL をすべて追跡してください。 SEO ランキングを維持し、新しい WordPress サイトで 404 エラーのないエクスペリエンスを提供するには、古い URL をリダイレクト (または編集) する必要があります。単純なスプレッドシート ドキュメントを使用して、すべての URL を追跡できます。

コンテンツを移行した後、外観 –> メニュー で利用できる WordPress メニュー機能を使用してナビゲーション メニューを作成します。 これは簡単で楽しいはずです。貴社の Web サイトは数ページの小さな Web サイトであるため、コンテンツの量は少ないと思います。したがって、コンテンツのインポートには数日かかるのではなく、数秒しかかかりません。次の部分では、新しい WordPress サイトを視覚的にデザインします。

WordPress サイトをデザインする

新しい WordPress プラットフォームのコンテンツを使用して、Web サイトの見栄えを良くします。デザインを変更したい場合は、この機会に変更してください。いくつかの道が開かれています。

  • WordPressテーマを一から開発できる
  • WordPress、Themeforest、または独自の無料テーマセクションからテーマをダウンロードできます。
  • 無料のテーマを取得してフォークすることができます
  • WordPress テーマ フレームワークを使用できます
  • 既存の HTML テンプレートを WordPress テーマに変換できます
  • 多目的でレスポンシブな Total WordPress テーマを購入できます 🙂

これまでのところ最も簡単な方法は、好みのテーマを見つけてインストールすることです。 WordPress を初めて使用する場合、独自のカスタム テーマを開発するのは最良の選択肢ではない可能性があります。設計の準備が整い、機能していると仮定したら、すべての機能を復元します。ここでWordPressプラグインが登場します。

必要なWordPressプラグインのインストール

WordPress には、あらゆる Web サイトを強化するための豊富なオプションと機能を提供する優れたプラグイン システムが付属しています。 WordPress プラグインを使用すると、HTML ウェブサイトのあらゆる機能を簡単に複製できます。無料のものとプレミアムのものの両方 (プラグイン) が非常にたくさんありますが、探しているものを正確に入手できない場合は、プラグインを構築して世界と共有してください。販売するか、無料で提供するか、何でも構いません。ニーズは Web サイトや個人の好みによって異なる場合がありますが、起動して実行するための 100 以上の WordPress プラグインを以下に示します。

  • 25 以上の最高のソーシャル メディア プラグイン
  • 20 の優れた管理用 WordPress プラグイン
  • 最高のWordPressメンバーシッププラグイン
  • 必須の BuddyPress プラグイン 10 個 (こんにちは、あなたの既存の HTML サイトはソーシャル ネットワークですか?)
  • WordPress の冒涜フィルターとスパム ブロック プラグイン トップ 10

リマインダー: WordPress ページの読み込み時間を短縮するために、信頼できるソースからダウンロードしたプラグインのみをインストールしてください。コーディングが不十分なプラグインはサイトの速度を低下させる可能性があり、これは非常に残念なことです。

新しい WordPress ウェブサイトを立ち上げる準備がほぼ整いました。あと少しのステップが残っています。次に進む前に、すべてのリンクが機能していることを確認しましょう。私たちは、見込み顧客が 404 エラー ページに誘導されることも望んでいませんし、貴重な Google ランキングを失うことも望んでいません。

WordPress でのリンクのリダイレクト

WordPress にコンテンツがあり、機能が復元され、新しい WordPress サイトの見栄えが良くなった場合、遭遇する問題はもう 1 つだけです。リンク切れです。リンクが切れると、移行プロセスからすべての喜びが奪われ、後で見込み客を遠ざけてしまう可能性があるため、細心の注意を払う必要があります。リダイレクト プラグインの使用をお勧めします。これにより、このプロセスは実質的に苦痛なく行われます。適切なオプションには、Simple 301 Redirect または Redirection プラグインなどがあります。すべてのリンクをリダイレクトしたら、リンクが機能していることを確認します。どうやって？ Broken Link Checker WordPress プラグインを使用します。このプラグインを使用するための優れたガイドがあり、壊れたリンクを永久に削除する方法が説明されています。

新しいサイトを実際に掘り下げたい場合は、.htaccess ファイルを編集してリンクを手動でリダイレクトできます (ただし、特にページ数が多い場合、これは面倒になる可能性があります)。ただし、本当に .htaccess の方法を使用したい場合は、.htaccess ファイルに追加するリダイレクト コードを次に示します。

Redirect 301 /about.html http://yourdomain.com/about/

Redirect 301 /contact.html http://yourdomain.com/contact/

Redirect 301 /example.html http://yourdomain.com/example/

ソース URL はページ ファイル名である必要があり、宛先 URL は http:// を含む完全な URL である必要があることに注意してください。また、サブディレクトリにページがある場合は、サブディレクトリ名を忘れずに含めてください。例えば：

Redirect 301 /folder/page.html http://yourdomain.com/page/

ドメインを新しい WordPress サイトに向ける

誰もサイトを閲覧しないのに、何時間もかけてサイトを移行することに何の意味があるでしょうか?ドメインを新しいサイトに向けましょう。 WordPress Codex には、既存のサブディレクトリ インストールの使用について説明した素晴らしい記事があるため、詳細には触れません。WordPress をサブディレクトリにインストールした場合は、このガイドを使用してください。

WordPress を別のドメインにインストールした場合、またはホストを変更した場合は、ドメインのネームサーバーを更新する必要があります。 Cloudfare などのサードパーティ CDN を使用する場合は、DNS レコードを更新する必要があります。これには通常、A レコードの編集が含まれますが、このプロセスは ABC のように簡単です。

ファイナルスイープ…

新しい WordPress を活用したサイトを最終的に世界にリリースする前に、壊れたリンクがないか再度チェックし、メイン ページを見直して適切にフォーマットされていることを確認し、すべての機能（ストア、フォーラムなど）が復元されていることを確認してください。パーマリンクを設定し ([設定] –> [パーマリンク] に移動)、分析を行って、サイトを検索エンジンに表示し、古い HTML サイトをバックアップします。この投稿は、既存の HTML Web サイトを WordPress に移行するための一般的なガイドです。この投稿は、非常に大規模な Web サイトを対象としたものではありません。ご質問がある場合、または貢献したい場合は、お気軽に以下のコメントセクションをご利用ください。

代わりに HTML テンプレートを WordPress テーマに変換したいですか? HTML から WordPress テーマを作成する方法に関するチュートリアル シリーズをご覧ください。