静的なHTMLサイトの時代を覚えていますか?私たちは覚えています。WordPressがすべてのサイトの43%以上を占めている現在でも、カスタムHTMLページをアップロードする必要がある場合があります。しかし、WordPressはHTMLのアップロードに必ずしも対応しておらず、しばしばユーザーに恐ろしい404エラーページを表示します。
私たちは、WPBeginnerを通じてWordPressユーザーがこの問題を解決できるよう、何年もサポートしてきました。私たちが学んだことは、HTMLページをアップロードしようとするとき、ほとんどの人が同じような間違いを犯し、不必要な頭痛と無駄な時間を招いているということです。
404エラーなしでWordPressにHTMLページをアップロードするための実証済みのプロセスをご紹介します。特別なランディングページを追加する場合でも、旧コンテンツを統合する場合でも、このステップを踏めばトラブルシューティングの時間を節約できます。

なぜWordPressにHTMLページをアップロードするのか?
WordPressでは、ビルトインのページや投稿を使って簡単にコンテンツを作成・管理することができます。ほとんどのテーマにはあらかじめデザインされたテンプレートが付属しており、コードを一行も触ることなくプロフェッショナルなページを簡単に作成することができます。
私たちは、ドラッグ&ドロップのインターフェースでページをデザインできるSeedProdのようなWordPressランディングページプラグインを使って、数え切れないほどのページをビルトインしてきました。ほとんどの場合、手動でWordPressにHTMLページをアップロードする必要はありません。
💡Expert Tip:カスタムページデザインが必要な場合は、最高のWordPressページビルダープラグインであるSeedProdをお勧めします。ドラッグ&ドロップのエディターで、コンバージョンの高いランディングページを数分で作成できます。さらに、プロフェッショナルなテンプレートが付属しているので、ゼロから始める必要はありません。詳しくはSeedProdのレビューをご覧ください。

とはいえ、HTMLページのアップロードが理にかなっている場合もあります。古いサイトの静的ページを再利用したい場合や、ニーズにぴったりのHTMLテンプレートを見つけた場合などです。
以前、古いサイトの移行やカスタム・ランディングページの統合の際に、このような状況に遭遇したことがあります。WordPressは独自のSEOフレンドリーなURL構造を使用しているため、HTMLページが正しくアップロードされないと404エラーを引き起こす可能性があるという課題です。
幸いなことに、私たちはサイトを壊すことなくWordPressにHTMLページをアップロードする簡単な解決策を見つけました。では、その手順を説明しよう。
WordPressサイトへのHTMLページのアップダー
まず、アップロードしたいHTMLページを用意しなければならない。
個別HTMLページでCSSや画像ファイルが区切られていない場合は、そのままアップロードできます。
ただし、アップロードしたいページにCSSファイルと画像が区切られている場合は、それらをディレクトリ構造で配置する必要があります。
理想的なのは、コンピューター上のフォルダーにファイルを置くことです。

メインのHTMLファイルを開いて、すべてが期待通りに動くことを確認するのを忘れないでください。
次に、FTPクライアントまたはホスティングアカウントのコントロールパネルのファイルマネージャーアプリを使用してWordPressサイトに接続する必要があります。
その後、先ほど作成したフォルダーをWordPressサイトのルートフォルダーにアップロードする必要があります。ルートフォルダーとは、wp-admin
、wp-content
、wp-includes
フォルダーがあるフォルダーのことです。

ファイルをアップロードしたら、サイトにアクセスして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サーバーが使用する書き換えルールのために、WordPressの一般的なエラーに遭遇する可能性があります。
1.WordPressでHTMLページアップロード後の404エラーを修正する
404エラーはWordPressで最もよく見られるエラーのひとつです。しかし、ほとんどの場合、修正するのはとても簡単です。
HTMLページをアップロードした後に404エラーが表示される場合は、.htaccessファイルに書き換えルールを追加するだけです:
1 | RewriteRule ^(.*)index\.(php|html?)$ / $1 [R=301,NC,L] |
2.WordPressでHTMLページをアップロードした後の403エラーを修正する
403エラーは、新しくアップロードしたHTMLページやアップロードしたフォルダーのファイル権限によって発生することもあります。
FTPクライアントを使用してサイトに接続し、アップロードしたHTMLページまたはフォルダーをクリックして選択するだけです。
次に、右クリックして、FTPクライアントの「ファイル権限」オプションを選択します。

ファイル権限のポップアップが表示されます。数値フィールドに’755’を入力し、’Recurse into subdirectories’オプションをチェックしてください。
その下にある「すべてのファイルとディレクトリに適用」オプションを選択し、「OK」ボタンをクリックします。

これにより、HTMLアップロードフォルダとその中のすべてのファイルとフォルダのファイル権限が設定されます。
詳しくは、WordPressのファイルとフォルダーの権限エラーを修正する方法のチュートリアルをご覧ください。
カスタムHTMLページをXML Sitemapsに追加する
HTMLページのアップロードが完了したら、次は検索エンジンにそのページがあなたのサイトの一部であることを知らせる番です。
最も簡単な方法は、サイトのXMLサイトマップに追加することです。
まだサイトマップを設定していない場合は、WordPressにXMLサイトマップを追加する方法の投稿の指示に従ってください。
まず、All In One SEO for WordPressプラグインをインストールして有効化する必要があります。詳しくは、WordPressプラグインのインストールに関する投稿をご覧ください。
有効化した後、All In One SEO ” Sitemapsページにアクセスします。一般設定」ページで、「サイトマップを有効化」トグルがオンになっていることを確認してください。

その後、少し下にスクロールして、「追加ページ」のセクションに行く。
トグルをスライドさせてこのセクションを有効化し、「ページURL」設定にHTMLページまたはフォルダーのURLを入力します。

ページを追加」ボタンをクリックして追加します。
その後、忘れずに「変更を保存」ボタンをクリックして設定を保存してください。
All In One SEOは、WordPress XMLサイトマップにカスタムHTMLページのURLを含めるようになります。検索エンジンはそのURLを見つけ、サイトの他のページと同じように扱うことができます。
ボーナス・リソース
404エラーに対処したり、サイトのページを管理したりする際に役立つ、その他のリソースを以下にご紹介します:
- WordPressで404ページのテンプレートを改善する方法(2つの方法)
- WordPressで404エラーのメールアラートを受け取る方法
- WordPressのための無料のベスト404リダイレクトプラグイン
- WordPressのページをドラッグ&ドロップで整理・並べ替えする方法
この投稿が、エラーを起こさずにWordPressにHTMLページをアップロードする方法を学ぶのにお役に立てば幸いです。より多くのトラフィックを獲得するためのWordPress SEOガイド、またはWordPressのスピードとパフォーマンスに関する初心者ガイドもご覧ください。
If you liked this article, then please subscribe to our YouTube Channel for WordPress video tutorials. You can also find us on Twitter and Facebook.
Dennis Muthomi
This was really helpful!
I was able to upload the HTML files correctly using FileZilla and it actually worked without any issues. Adding the custom page to the XML sitemaps was also a great tip to make sure search engines can find it.
thanks for providing such a clear walkthrough!
WPBeginner Support
You’re welcome
Admin
Jiří Vaněk
Thank you for the advice. I tried it on FTP without success and the only thing missing for it to work was the htaccess code. Perfect.
WPBeginner Support
Glad our guide could help
Admin
Irene
Anytime I have any WordPress related question and I search on Google, I always know I would get the most reliable and very simplified explanation whenever I scroll to find WPbeginners article on the search results.
This article and your other articles have always been helpful. I’m glad I belong here. Thank you.
WPBeginner Support
Thank you, glad we can help solve any issues you run into
Admin
David Leitch
Hi Thanks for this article. It almost solves my workflow problem.
I have some excel files I update each week. I want to upload charts and tables from those files to word press each week. Preferably the upload would happen automatically but the only way I have seen to do this is to save the excel page as .htm. I wanted to save it into the wordpress directory and then use an embed link. Do you have a suggestion?
thank you
WPBeginner Support
For what it sounds like you’re wanting, you would want to take a look at our article here: https://www.wpbeginner.com/plugins/how-to-embed-pdf-spreadsheet-and-others-in-wordpress-blog-posts/
Admin
Raashid Din DAR
Found this article helpful. Keep the good work up.