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

WordPressは主にブログの投稿やページを扱うように設計されていますが、静的なHTMLページをサイトに追加する必要がある場合もあります。これは、カスタマイザーや独立したコンテンツに便利です。

課題は、WordPressがこれらのHTMLページを自動的に認識せず、404エラーにつながる可能性があることです。私たちは、多くの初心者がこの問題で苦労しているのを見てきました。

この投稿では、404エラーを引き起こすことなくWordPressにHTMLページをアップロードする正しい手順を紹介します。WordPressサイトにHTMLページを追加する場合も、同じ手順で行います。

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

WordPressには、サイトにページを追加するためのコンテンツタイプがビルトインされています。多くの場合、WordPressテーマには、ページを表示するためにあらかじめデザインされたページテンプレートが追加されています。

優れたWordPressランディングページプラグインは、 ドラッグアンドドロップビルダーで美しいページテンプレートを作成することができます 。

ほとんどの場合、WordPressサイトにHTMLページをアップロードする必要はありません。

しかし、古いサイトの静的なHTMLページや、気に入って使いたい静的なテンプレートがある場合もあるでしょう。

これらのシナリオでは、WordPressにHTMLページをアップロードする必要があります。

WordPressは独自のSEOフレンドリーなURL構造を持っているため、単純にHTMLページをアップロードしてアクセスしようとすると404エラーになることがあります。

とはいえ、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ファイルに書き換えルールを追加するだけです：

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.