404エラーなしでWordPressにHTMLページをアップロードする方法

静的なHTMLウェブサイトの時代を覚えていますか？私たちは覚えています。現在、WordPressは全ウェブサイトの43%以上を支えていますが、カスタムHTMLページをアップロードする必要がある場合もあります。しかし、問題は、WordPressはHTMLのアップロードとうまく連携しないことが多く、ユーザーは恐ろしい404エラーページに遭遇することがよくあります。

WPBeginnerを通じて、WordPressユーザーがこの正確な問題を解決するのを長年支援してきました。私たちが学んだことは、ほとんどの人がHTMLページをアップロードしようとする際に同じ一般的な間違いを犯しており、それが不必要な頭痛の種と時間の無駄につながっているということです。

404 エラーなしで WordPress に HTML ページをアップロードするために当社が使用している実績のあるプロセスを説明します。特別なランディングページを追加する場合でも、レガシーコンテンツを統合する場合でも、これらの手順により、トラブルシューティングの時間を節約できます。

クイックアンサー：WordPressにHTMLページを404エラーなしでアップロードする方法

HTMLファイル（またはフォルダ）をFTPまたはファイルマネージャーを使用してサイトのルートディレクトリにアップロードします。example.com/yourfile.htmlまたはexample.com/yourfolder/でアクセスします。404エラーが発生した場合は、.htaccessファイルにリライトルールを追加してください。403エラーの場合は、ファイルパーミッションを755に設定します。

なぜWordPressにHTMLページをアップロードするのか？

WordPressが自動生成しない、古いサイトやカスタムテンプレートから静的HTMLページを追加する必要がある場合があります。

• レガシーページを再利用する – 再構築せずに古いウェブサイトから静的コンテンツを移行する
• カスタムランディングページ – 標準のWordPressテーマに合わない、事前に構築されたHTMLテンプレートをアップロードする

ほとんどのテーマには事前にデザインされたテンプレートが付属しており、WordPressランディングページプラグインのSeedProdのようなプラグインを使用すると、ドラッグ＆ドロップインターフェイスでページをデザインできます。そのため、ほとんどの場合、手動でHTMLページをアップロードする必要はありません。

専門家のアドバイス：カスタムページデザインが必要な場合は、最高のWordPressページビルダープラグインであるSeedProdをお勧めします。ドラッグ＆ドロップエディターを使用すると、数分でコンバージョン率の高いランディングページを作成できます。さらに、プロフェッショナルなテンプレートが付属しているため、ゼロから始める必要はありません。詳細については、SeedProdの詳細レビューをご覧ください。

とはいえ、HTMLページをアップロードすることが理にかなっている場合もあります。古いサイトの静的ページを再利用したい場合や、ニーズにぴったりのHTMLテンプレートを見つけた場合などです。

古いウェブサイトを移行したり、カスタムランディングページを統合したりする際に、この状況に以前遭遇したことがあります。課題は、WordPressが独自のSEOフレンドリーなURL構造を使用していることであり、HTMLページが正しくアップロードされていない場合、404エラーを引き起こす可能性があります。

幸いなことに、サイトを壊すことなくWordPressにHTMLページをアップロードするための簡単な解決策を見つけました。手順を見ていきましょう。

WordPressサイトへのHTMLページのアップロード

ステップ1：HTMLファイルまたはフォルダを準備する

まず、アップロードしたいHTMLページを準備する必要があります。

CSSや画像ファイルが別になっていない単一のHTMLページであれば、そのままアップロードできます。

ただし、アップロードしたいページに個別のCSSファイルや画像がある場合は、それらをディレクトリ構造に配置する必要があります。

理想的には、ファイルをコンピューター上のフォルダに配置したいでしょう。

すべてが期待どおりに機能することを確認するために、メインのHTMLファイルを開くことを忘れないでください。

ステップ2：FTPまたはファイルマネージャーで接続する

次に、FTPクライアントを使用するか、ホスティングアカウントのコントロールパネル（cPanelなど）にあるファイルマネージャーアプリを使用して、WordPressサイトに接続する必要があります。

ステップ3：ルートディレクトリにアップロードする

次に、先ほど作成したフォルダをWordPressサイトのルートフォルダにアップロードする必要があります。ルートフォルダとは、wp-admin、wp-content、wp-includesフォルダが含まれているフォルダのことです。

ステップ4：HTMLページにアクセスする

ファイルをアップロードした後、ウェブサイトにアクセスしてHTMLページを表示できます。

HTMLとそれに付随するCSSおよび画像ファイルを含むフォルダをアップロードした場合、アップロードしたフォルダの名前をウェブサイトのアドレスの末尾に追加する必要があります。例：

https://example.com/landing-page

注意: フォルダ内のメインHTMLファイルは index.html と呼ばれている必要があります。そうでない場合は、HTMLファイルの名前も指定する必要があります。

一方、スタンドアロンのHTMLファイルをアップロードした場合は、ウェブサイトのアドレスの末尾にHTMLファイル名を追加するだけです。

https://example.com/landing-page.html

アップロードしたHTMLページが表示されます。

エラーページが表示された場合は、エラーのトラブルシューティングを行う必要があります。

WordPressでのHTMLページアップロードのトラブルシューティング

通常、ページまたはフォルダに直接アクセスすることでHTMLページを表示できるはずです。

ただし、WordPressまたはWebサーバーで使用されているリライトルールにより、一般的なエラーが発生する可能性があります。

最も一般的な2つのエラーとその修正方法を簡単に比較します。

エラー	原因	修正
404見つかりません	WordPressリライトルールの競合	.htaccessにリライトルールを追加する
403アクセス禁止	ファイルパーミッションの誤り	パーミッションを755に設定する

WordPressでHTMLページアップロード後に404エラーを修正する

404エラーはWordPressで最も一般的なエラーの1つです。しかし、ほとんどの場合、修正は非常に簡単です。

HTMLページをアップロードした後に404エラーが表示される場合は、.htaccessファイルにリライトルールを追加するだけです。

RewriteRule ^(.*)index\.(php|html?)$ /$1 [R=301,NC,L]

WordPressでHTMLページアップロード後に403エラーを修正する

新しくアップロードしたHTMLページまたはアップロードしたフォルダのファイル権限が原因で403エラーが発生することも考えられます。

FTPクライアントを使用してウェブサイトに接続し、アップロードしたHTMLページまたはフォルダを選択してクリックするだけです。

次に、右クリックしてFTPクライアントで「ファイルパーミッション」オプションを選択します。

これにより、ファイル権限のポップアップが表示されます。数値フィールドに「755」と入力し、「サブディレクトリに再帰する」オプションにチェックを入れます。

その下で、「すべてのファイルとディレクトリに適用」オプションを選択し、「OK」ボタンをクリックします。

これにより、HTMLアップロードフォルダとその中のすべてのファイルおよびフォルダのファイルパーミッションが設定されます。

詳細については、WordPressでファイルおよびフォルダの権限エラーを修正する方法に関するチュートリアルをご覧ください。

カスタムHTMLページをXMLサイトマップに追加する

ステップ1：All in One SEOをインストールする

HTMLページをアップロードしたら、検索エンジンにそれがあなたのウェブサイトの一部であることを知らせる時です。

その最も簡単な方法は、ウェブサイトのXMLサイトマップに追加することです。

まだサイトマップを設定していない場合は、WordPressにXMLサイトマップを追加する方法に関する記事の手順に従ってください。

まず、All in One SEO for WordPressプラグインをインストールしてアクティブ化する必要があります。詳細については、WordPressプラグインのインストールに関する記事をご覧ください。

ステップ2：サイトマップを有効にしてページを追加する

有効化したら、All in One SEO » Sitemaps ページに移動します。一般設定ページで、「サイトマップを有効化」トグルがオンになっていることを確認してください。

その後、少し下にスクロールして「追加ページ」セクションに移動します。

このセクションを有効にするにはトグルをスライドさせ、「ページURL」オプションの下にHTMLページまたはフォルダのURLを入力します。

「ページを追加」ボタンをクリックして追加します。

その後、「変更を保存」ボタンをクリックして設定を保存することを忘れないでください。

All in One SEO は、カスタム HTML ページの URL を WordPress XML サイトマップに含めるようになります。検索エンジンは URL を見つけ、ウェブサイトの他のページと同様に扱えるようになります。

よくある質問

複数のHTMLページを一度にWordPressにアップロードできますか？

はい。すべてのHTMLファイル、CSS、画像を1つのフォルダにまとめ、FTP経由でWordPressのルートディレクトリにフォルダ全体をアップロードします。各ページはexample.com/foldername/filename.htmlでアクセス可能になります。

HTMLページをアップロードすると、WordPressサイトのパフォーマンスに影響しますか？

いいえ。静的なHTMLページは、PHPやWordPressデータベースを使用せずにWebサーバーから直接配信されるため、通常のWordPressページよりも実際には速く読み込まれます。

WordPressを更新するときにHTMLページを更新する必要がありますか？

いいえ。アップロードしたHTMLページはWordPressのコアファイルとは完全に別です。WordPressのアップデートでカスタムHTMLページが上書きされたり影響を受けたりすることはありません。

WordPressテーマのヘッダーとフッターをHTMLページで使用できますか？

直接はできません。アップロードされたHTMLページはスタンドアロンであり、WordPressテーマのデザインを継承しません。一貫した外観にしたい場合は、代わりにページビルダープラグインの使用を検討してください。

HTMLページをアップロードすることと、WordPressページを作成することの違いは何ですか？

WordPressページはデータベースに保存され、ダッシュボードから管理されます。アップロードされたHTMLページは、サーバー上の静的ファイルです。WordPressページは編集が簡単ですが、HTMLページはコードを完全に制御できます。

ボーナスリソース

以下は、404エラーの対処やウェブサイトのページ管理に役立つ可能性のある追加リソースです。

• WordPressの404ページテンプレートを改善する方法（2つの方法）
• WordPressで404エラーのメールアラートを取得する方法
• WordPress向けの最高の無料404リダイレクトプラグイン
• ドラッグ＆ドロップでWordPressのページを整理または並べ替える方法

この記事が、エラーを引き起こさずにWordPressにHTMLページをアップロードする方法を学ぶのに役立ったことを願っています。また、より多くのトラフィックを獲得するためのWordPress SEOガイドや、WordPressの速度とパフォーマンスに関する初心者向けガイドも参照してください。

この記事が気に入った場合は、WordPressのビデオチュートリアルのために、YouTubeチャンネルを購読してください。また、TwitterやFacebookでも私たちを見つけることができます。