[Intermédiaire] Se protéger contre le hotlink

Bonjour,
J'ai lu le sujet Le Hotlinking c'est mal, pourquoi? Comment faire pour montrer une image? de idjya qui est une très bonne initiative pour un WEB plus respectueux. Cependant, si vous avez des problèmes de bande passante, comme ce fut le cas avec le site de mon ami Greg (Simcookie), vous devez savoir qu'il est possible d'empêcher le hotlink de vos images.

Attention cependant, vous devez avoir accès à votre serveur d'hébergement par ftp. Ainsi, ce tutoriel ne fonctionnera pas sur la plupart des plateformes de blogs gratuits. C'est pour cette raison que j'ai indiqué [Intermédiaire], car vous devez savoir utiliser un logiciel ftp, mais sinon, la démarche est très facile. Je vous explique.

1 - Ouvrez un éditeur texte (par exemple Bloc note)
2 - Copiez-collez ce code :

Code:

<IfModule mod_rewrite.c>
RewriteEngine on
 RewriteCond %{HTTP_REFERER} !^$
 RewriteCond %{HTTP_REFERER} !^http://(www\.)?votreurl.com/.*$ [NC]
 RewriteCond %{HTTP_REFERER} !^http://(www\.)?facebook.com/.*$ [NC]
 RewriteCond %{HTTP_REFERER} !google\. [NC]
 RewriteCond %{HTTP_REFERER} !search\?q=cache [NC]
RewriteRule .*\.(gif|GIF|jpg|JPG|bmp|BMP|PNG|png|jpeg|JPEG)$ http://www.urldunserveurgratuit.com/image.jpg [R,NC]
</IfModule>

3 - Modifiez le code :
Il y a uniquement deux lignes à modifier.
La première ligne à modifier :  RewriteCond %{HTTP_REFERER} !^http://(www\.)?votreurl.com/.*$ [NC] . Vous pouvez remplacer votreurl.com par l'adresse de votre site (sans les http://www.) ou tout autre site à autoriser. Ainsi, les lignes qui suivent servent à autoriser l'affichage de vos images sur Facebook et Google. Vous pouvez les retirer si vous ne souhaitez pas que les moteurs de recherches et Facebook affichent vos images, mais cela pourrait vous faire perdre des visiteurs.

La deuxième ligne à modifier est l'avant-dernière : RewriteRule .*\.(gif|GIF|jpg|JPG|bmp|BMP|PNG|png|jpeg|JPEG)$ http://www.urldunserveurgratuit.com/image.jpg [R,NC] . Remplacez http://www.urldunserveurgratuit.com/image.jpg par l'adresse d'une image de remplacement que vous aurez préalablement hébergé sur un autre serveur que celui qui héberge votre site (sinon l'image ne s'affichera pas). Servimg fera l'affaire dans ce cas.

Optionnellement, si vous ne souhaitez pas afficher une image à la place de vos images volés, vous pouvez afficher un code d'erreur en remplaçant l'avant-dernière ligne par la suivante : RewriteRule .*\.(gif|GIF|jpg|JPG|bmp|BMP|PNG|png|jpeg|JPEG)$ - [F]

4 - Enregistrez votre fichier
Enregistrez votre fichier sur votre ordinateur sous le nom htaccess.txt

Note : S'il y a déjà un .htaccess, il suffit de compléter l'existant avec les lignes de code données dans ce tuto.

5 - Envoyez le fichier sur votre serveur
À l'aide de votre logiciel ftp, envoyez le fichier à la racine de votre serveur (le dossier qui contient votre page d'accueil) ou dans n'importe quel dossier que vous souhaiter protéger (si vous ne voulez protéger qu'un dossier et non l'ensemble du site).

6 - Renommez le fichier
Une fois le fichier htaccess.txt téléchargé, renommez le en .htaccess (notez bien que le point est avant htaccess et qu'il n'y a plus d'extension .txt)

C'est terminé !

Voici le résultat quand quelqu'un hotlinkera une de vos images à l'avenir :


Et si vous voulez autoriser le hotlink des images d'un dossier en particulier (par exemple le dossier où vous rangez vos boutons et bannières) rien n'est plus simple. Envoyez simplement dans le dossier voulu un fichier .htaccess contenant ce code :

Code:

RewriteEngine off

 allow from all

J'espère que ce petit tutoriel vous permettra de mieux protéger vos images et votre bande passante !

© Maxime

Merci pour le tutoriel Max!

Perso, je ne le ferais pas parce que j'hotlink mes propres images pour les mettre ici ou sur l'off ou ailleurs et ça m'embêterais. Mais la possibilité est intéressante pour ceux qui ne postent que sur leur site!

De rien, ça fait plaisir. Et comme j'ai indiqué à la fin du tuto, tu peux toujours autoriser le hotlink pour un certain dossier.

SUPER TUTO et SUPER INFOS Maxime...Tiens je te mets 10 pouces!

M'est avis que je vais garder précieusement ton pseudo à portée de main (façon de parler bein sur )

Je suis content que tu aimes ce tuto Zano.
J'essayerai d'en faire d'autres si ça peut aider

A partir du moment où il y a du code, je comprends plus mais bon... Merci beaucoup pour ce tuto!
C'est sur que c'est très efficace et pratique pour ceux qui ont beaucoup de visites et pas assez de bande passante!

Merci pour ce tuto
(Ouais un tuto de prog **)

De rien
En effet comme tu dis Pomme, ça peut être utile quand on a pas assez de bande passante. Par exemple, mon ami Greg, avant de se faire hotlinker utilisait 32 Go de bande passante par mois. Après le hotlink ? 192 Go. C'est énorme ! Heureusement il a pas dépassé la limite de l'hébergeur, mais il était pas loin.

Merci pour le tuto Max' !

Je viens d'apprendre que ce tuto était d'Idjya ! xD Je pensais que c'était Fu' qui l'avait fait ^^

Merci pour le tuto !

Merci !!!
Je l'utiliserai, c'est sur...

Merci pour le tuto !