画像の直リンクを防ぐ方法

アクセス解析等と見ていると、フリー素材として配布している素材に直リンクがすごく多いんですよね~・・
一応、「直リンクはしないで下さい」と、注意事項に書いてはいるものの、無駄なようです。

特に海外サイトからやられているよう・・・

で、アクセス制限をして画像への直リンクを防ぐ方法です。

サイト全てにアクセス制限をしてしまうと、HTMLファイルにも制限がかかるので
GIF・PNG・JPEGの3種類のファイルのみを対象にします。

「.htaccess」というファイルを作り、対象ファイルを限定する記述を加えます。

まずは、メモ帳でいいので、以下のように記述します。

<Files ~ "\.(gif|png|jpg)$">
SetEnvIf Referer "^http://bluegreen\.jp" ShowOK
SetEnvIf Referer "^http://www\.bluegreen\.jp" ShowOK
SetEnvIf Referer "^$" ShowOK
order deny,allow
deny from all
allow from env=ShowOK
</Files>

メモ帳に保存したら、「 htaccess.txt 」とファイル名で保存し、 FTPソフトでアップロードする際に、ファイル名を「 .htaccess 」に変更して下さい。

最後の行の末尾は必ず改行をして下さい。(改行しないと動かない場合があります。)

~ 書き換え ~
■1・2行目 ・・・ 許可するURLを入れます。

SetEnvIf Referer "^http://bluegreen\.jp" ShowOK
SetEnvIf Referer "^http://www\.bluegreen\.jp" ShowOK

Referer(参照元)に 「http://bluegreen.jp」という文字列が含まれていた場合に
画像ファイルを表示するという意味になります。

外部サイトからの直リンクだと、Refererには外部サイトのURLが含まれてしまうので、その場合は画像が表示されなくなるというわけです。
2行目にはwwwありの場合のURLも入れておきます。

画像配布をしている素材屋さんなんかは、直リンクをされるとサーバーに負担がかかったりするので、入れておいた方が良いかもしれませんね♪

にほんブログ村 デザインブログ Webデザインへ
↑WEBデザインブログランキングです
良かったら応援お願いします♪

関連記事

  1. Dreamweaverでバリデート

  2. グローバルナビを上部に固定してスクロールする小さくする2つのポイント

  3. コピペでカンタン|シンプルでスタイリッシュな見出しを作るサンプル集

  4. インスタグラム

  5. jQueryデザイン入門

  6. Dreamweaverでテキストを一気に変更