2021.05.08

【WP】「.htaccess」で「index.html」のリダイレクトに失敗する原因！

ワードプレス wp-note 2024.10.04

目次 -index-

前置き
URL正規化とは
301リダイレクト処理
まとめ

ワードプレスをサブディレクトリにインストールしてサイトアドレス(URL)した際にURL正規化にめっちゃハマって苦労した話です。

前置き

ドメイン直下にはサーバーのファイルとかがあるのでそちらにワードプレスのインストールしたくなかったので「wp」というサブディレクトリを作り、そこにワードプレスをインストールしました。

それだとサイトアドレスがhttps://wp-note.com/wp/となってしまうので下記URLの後者「方法 II (URL 変更する場合)」のやり方でhttps://wp-note.com/になるようにしました。

WordPress を専用ディレクトリに配置する

ドメイン直下のディレクトリとサブディレクトリ(wp)のふたつに「.htaccess」が存在することになりますが今回編集したのはドメイン直下にある方です。

URL正規化とは

「URL正規化」とは以下のようなURLのページにアクセスがあった場合にすべて「https://wp-note.com/」にリダイレクト(自動転送みたいな意味)させてひとつのアドレスにすることです。

この処理をやっておかないと訪問者が混乱しますし、グーグルに重複サイトとみなされて宜しくないことがあるためです。

当サイトでは「wwwなし」、「index.htmlなし」に統一しています。

https://wp-note.com/

以下のアドレスを転送処理します。

https://wp-note.com/index.html
https://www.wp-note.com/index.html

SSL化している場合は http → https に転送する処理も必要です。

http://wp-note.com/
http://wp-note.com/index.html
http://www.wp-note.com/index.html

301リダイレクト処理

リダイレクトには「.htaccess(ドットエイチーアクセス)」が馴染みがあるのでそちらでやったんですが、これでハマって2日ほど頭を悩ませました。

１「http」→「https」にリダイレクト(転送)する処理は問題なく動作しました。

http → https

#「http」のURLを「https」に転送する処理
RewriteEngine on
RewriteCond %{HTTPS} off
RewriteRule ^(.*)$ https://%{HTTP_HOST}%{REQUEST_URI} [R=301,L]

２「wwwあり」→「wwwなし」も問題なく動作しました。というか何故かこの記述がなくても転送されていました。

WWWあり → WWWなし

#「wwwあり」のURLを「wwwなし」への転送する処理
RewriteCond %{HTTP_HOST} ^www\.wp-note\.com$
RewriteRule ^(.*)$ https://wp-note.com/$1 [R=301,L]

３「index.htmlあり」のURLを「index.htmlなし」に転送する処理で失敗しました。

index.htmlあり → index.htmlなし

#「index.htmlあり」のURLを「index.htmlなし」に転送する処理
RewriteEngine On
RewriteCond %{THE_REQUEST} ^.*/index.html
RewriteRule ^(.*)index.html$ https://wp-note.com/$1 [R=301,L]

ワードプレスに.htaccessファイルには「# BEGIN WordPress」～「# END WordPress」というコメントで囲まれた処理が書かれていますが、そのあとにリダイレクト処理を記載していました。

失敗した書き方

# BEGIN WordPress

# "BEGIN WordPress" から "END WordPress" までのディレクティブ (行) は
# 動的に生成され、WordPress フィルターによってのみ修正が可能です。
# これらのマーカー間にあるディレクティブへのいかなる変更も上書きされてしまいます。

RewriteEngine On
RewriteRule .* - [E=HTTP_AUTHORIZATION:%{HTTP:Authorization}]
RewriteBase /
RewriteRule ^index\.php$ - [L]
RewriteCond %{REQUEST_FILENAME} !-f
RewriteCond %{REQUEST_FILENAME} !-d
RewriteRule . /index.php [L]# END WordPress

#「index.htmlあり」のURLを「index.htmlなし」に転送する処理
RewriteEngine On
RewriteCond %{THE_REQUEST} ^.*/index.html
RewriteRule ^(.*)index.html$ https://wp-note.com/$1 [R=301,L]

#「wwwあり」のURLを「wwwなし」への転送する処理
RewriteCond %{HTTP_HOST} ^www\.wp-note\.com$
RewriteRule ^(.*)$ https://wp-note.com/$1 [R=301,L]

#「http」のURLを「https」に転送する処理
RewriteEngine onRewriteCond %{HTTPS} off
RewriteRule ^(.*)$ https://%{HTTP_HOST}%{REQUEST_URI} [R=301,L]

１２の処理はこの記載方法でもちゃんと処理が行われたんですが３の処理だけはうまくいかずにハマりました。

どうもリダイレクト処理を「# END WordPress」のあとに記載していたのが原因みたいで「# BEGIN WordPress」の前に記載したらちゃんと動くようになりました。

うまくいった書き方

# http→httpsにリダイレクトする処理
RewriteEngine on
RewriteCond %{HTTPS} off
RewriteRule ^(.*)$ https://%{HTTP_HOST}%{REQUEST_URI} [R=301,L]

# index.htmlをindex.htmlなしにする処理
RewriteCond %{THE_REQUEST} ^.*/index.html
RewriteRule ^(.*)index.html$ https://wp-note.com$1 [R=301,L]

# wwwアリをなしにする処理
RewriteCond %{HTTP_HOST} ^www\.wp-note\.com$
RewriteRule ^(.*)$ https://wp-note.com/$1 [R=301,L]


# BEGIN WordPress

# "BEGIN WordPress" から "END WordPress" までのディレクティブ (行) は
# 動的に生成され、WordPress フィルターによってのみ修正が可能です。
# これらのマーカー間にあるディレクティブへのいかなる変更も上書きされてしまいます。

RewriteEngine On
RewriteRule .* - [E=HTTP_AUTHORIZATION:%{HTTP:Authorization}]
RewriteBase /
RewriteRule ^index\.php$ - [L]
RewriteCond %{REQUEST_FILENAME} !-f
RewriteCond %{REQUEST_FILENAME} !-d
RewriteRule . /index.php [L]


# END WordPress