ホームページ作成時 .htaccess設置方法

• .htaccess ファイル はテキストファイルです。
• ファイル名の先頭に「.」を忘れないようにします。
  「.」を付けて保存できないテキストエディタの場合は、後でリネームで付け加えます。
• サーバーの各フォルダに1個づつ配置できます。
• 配置された .htaccess ファイルは下位のフォルダに対しても有効です。
• 配置された .htaccess ファイルは上位のフォルダに対しては全く影響しません。
• 上位と下位の内容が競合する場合に優先されるのは下位の方になります。
• 内容に日本語を含む場合 .htaccessファイルの文字コードは、UTF-8N(BOM無し)、改行コードはLFを設定します。
  半角英数字だけの場合は文字コードは、Shift-JIS や EUC-JP などでも問題無し。
• 「ASCII 転送」または「テキストモード」でアップロードします。
• わかりやすくコメントを付ける時は、行頭に # を付けます。
  　　############################
  　　#　自動的に新しいページにリダイレクトする 　#
  　　############################
  　　Redirect permanent / http://syumi3.com/
  　　
  のように記入します。
• ファイルの最後には必ず改行（空白行）のみを入れます。
  　（一行以上の空白行を入れても大丈夫）

Redirect permanent / https://syumi3.com/

指定されたフォルダ内のすべてのファイルとフォルダを含みます。

転送先のフォルダ名は同一でも異なっても大丈夫です。しかし転送先にファイルが存在しない場合はエラーとなります。

元のサイトの http://syumi3.html.xdomain.jp/sonota/ だけへのアクセスを、

新サイト http://syumi3.com/turi/ へ転送させたい場合は、以下のように記述します。

.htaccess ファイルに追加

Redirect permanent /sonota/ http://syumi3.com/turi/

この場合は、転送元が「/sonota/」で転送先が「http://syumi3.com/turi/」です。

指定のフォルダ「/sonota/」以下のすべてのアクセスが、
新サイトの「http://syumi3.com/turi/」へ転送(リダイレクト)されます。

しかしファイルが存在しない場合はエラーとなります。

ホームページ内の一部のページのファイル名を変更した場合、google 等で検索されて飛んできた時「File not Found」というメッセージが出て表示されません。

今回は、Cheerson-cx-10wd.html というファイルの先頭の大文字を、小文字の cheerson-cx-10wd.html に変更したためファイルを開けなくなりました。（大文字小文字を区別するため）

対処方法

ホームページのファイル名を変更したり、大文字と小文字を変更したとき、File not Found のエラーが出て表示されなくなってしまう。

今回は　Cheerson-cx-10wd.html　を　cheerson-cx-10wd.html　にリダイレクトさせる。

対策として下記のような .htaccess ファイルをサーバーのルートフォルダに設置します。

転送先は、同一サーバー内でも、別のサーバーでも転送できます。

.htaccess ファイルに追加
############################
#　自動的に新しいページにリダイレクトする 　#
############################
RewriteEngine on
RewriteRule ^radio-control/html_radio-control/Cheerson-cx-10wd.html$ http://syumi3.com/radio-control/html_radio-control/cheerson-cx-10wd.html [R=301,L]

注意・・・

上記の RewriteRule ^radio- から 最後の [R=301,L] までは同じ1行で記述します。

RewriteRule と ^radio-controll の間には半角のスペースが入ります。

cx-10wd.html$ と http://syumi3.com の間には半角のスペースが入ります。

cheerson-cx-10wd.html と [R=301,L] の間には半角のスペースが入ります。

StarSever にて、独自SSLの設定が完了した時点では、自動的に「https://～」のURLへ転送されません。

Webサイトにおけるすべての表示を常時SSL化する場合は、以下の記述を.htaccessに追記し、
「http://～」のURLでアクセスした際、自動的に「https://～」のURLへ転送されるように設定します。

ここでも「301」リダイレクトという方法を用いています。（Google推奨）

.htaccess ファイルに追加

RewriteEngine On
RewriteCond %{HTTPS} !on
RewriteRule ^(.*)$ https://%{HTTP_HOST}%{REQUEST_URI} [R=301,L]

これで「http://～」へのアクセスは、自動的に「https://～」へ転送されます。

思い通りに「301」リダイレクトで転送されたかを確認

「301」または「302」リダイレクトができているのか、チェックするサービスがあります。

WEB便利ツールABASHIさんが提供しているリダイレクトチェッカーのサービスを利用させていただきます。

1. リダイレクトチェッカーの 「URL」の欄に、転送元のホームページのアドレスを入力
2. 「チェックする」ボタンをクリックすると、リダイレクト先のURLを表示します
3. 実行結果の「リダイレクト」の「ステータス」の欄に、「301」や「302」が表示されればOK
   下記の例のように、転送元のステータスが「301」で転送先が「200」となれば正常です。
   

   No	URL	ステータス	種類
   1	http://syumi3.html.xdomain.jp/index.html	301	http
   2	https://syumi3.com/index.html	200

色々と調べてみたが転送負荷が大きい画像を減らすとページの表示が少し速くなるようだ。

しかしあまり画像の画質を落としたくない。

対策として下記のような.htaccess ファイルを設置し、転送に時間がかかる画像ファイルのキャッシュ期間を設定することで、再表示を少しでも早くする方法を取ってみた。

これを使用しても初回の表示には当然時間がかかるが、ページ間を移動し元のページに戻ってきた時や、タイトルに同じ画像が使われている時のページ表示等にかかる時間を短縮できる。

一旦アップした画像の変更は殆ど無い為キャッシュの期間を大きく設定しても問題なさそうである。

色々調整しながら様子を見ることにした。

すでに、.htaccess ファイルが存在する場合は、追加で記入します。

.htaccess ファイルに追加した内容の例です

## ブラウザにキャッシュさせ表示レスポンスを早くさせる ##
## EXPIRES CACHING キャッシュさせる期間を設定する ##
## キャッシュさせない時は　access plus 0 seconds ##

<IfModule mod_expires.c>
ExpiresActive On
ExpiresByType text/html "access plus 1 week"
ExpiresByType text/css "access plus 1 week"
ExpiresByType image/jpg "access plus 1 month"
ExpiresByType image/gif "access plus 1 month"
ExpiresByType image/png "access plus 1 month"
ExpiresByType image/vnd.microsoft.icon "access 1 year"
ExpiresByType image/x-icon "access 1 year"
ExpiresByType text/javascript "access plus 1 year"
ExpiresByType application/x-javascript "access plus 1 year"
ExpiresByType application/javascript "access plus 1 year"
</IfModule>

## EXPIRES CACHING ##

ホームページを更新した時など、ブラウザでキャッシュを使用せずに表示させたい時は、.htaccessの中に下記の記述を追加します。

しかし全てのブラウザでのキャッシュの使用を制御できないようです。

.htaccess ファイルに追加

#　ホームページを更新した時に #
#　キャッシュを使用しないように設定させる　#

<Files ~ "¥.(html|css)$">
Header set Pragma "no-cache"
Header set Cache-Control no-cache
</Files>