Chez Themelocal, nous aimons créer des tutoriels pour nos chers visiteurs et nous en sommes fiers. Nous gardons les étapes aussi simples et précises que possible. Et, ce qui accompagne un bon didacticiel, ce sont des images appropriées qui vous aident à atteindre votre objectif plus rapidement. Cependant,
Il y a toujours des gens – des imbéciles plutôt, qui pensent qu’il existe réellement, un raccourci vers le succès.
Vous ne pouvez pas penser à quelqu’un ? En voici un – les grattoirs de contenu. Empêcher le grattage de contenu est une tâche assez complexe et nécessite un peu d’expérience. Faisons un petit pas aujourd’hui et apprenons comment empêcher le hotlinking d’images dans WordPress.
Qu’est-ce que le lien hypertexte d’images ?
La première chose à apprendre est un terme technique appelé « hotlinking ». Wikipédia a une page entière sur liaison dynamique – assez intéressant à lire ! Pour résumer, le hotlinking signifie utiliser une image dans le site A qui appartient à l’origine au site B. Considérez l’exemple suivant. Nous avons 2 sites :
- Site A : Lazy.me
- Site B : Themelocal.com
L’image suivante est hébergée sur les serveurs de Themelocal (WPEngine) :
Le site leeching – Lazy.me, utilise directement l’URL de cette image pour afficher l’image sur son site. C’est le hotlinking d’images. Le principal inconvénient du hotlinking d’images est la consommation supplémentaire de bande passante et la perte d’originalité/créativité. Chaque fois que quelqu’un visite Lazy.me, l’image est servie par les serveurs de WP Engine, augmentant ainsi la consommation de bande passante – pas que cela nous importe ! ??
Empêchez le lien hypertexte d’images avec .htaccess :
Le moyen le plus intelligent d’empêcher les liens hypertexte d’image est de modifier le fichier .htaccess. C’est un petit fichier texte (généralement caché à cause de son préfixe .) présent dans votre répertoire d’installation racine de WordPress, qui nous permet de :
- Bloquer ou autoriser des sites Web individuels
- Autoriser ou refuser les référents vides
- Afficher des images personnalisées en détectant les liens hypertexte d’image
- Protéger les fichiers et les répertoires
ÉDITION du fichier .htaccess
Parfois, vous pouvez ne pas trouver le fichier .htaccess – ne vous inquiétez pas. Lancez simplement le Bloc-notes et continuez à lire. Si vous en avez un, assurez-vous d’abord d’en créer une copie, puis modifiez le fichier. N’essayez pas de modifier quoi que ce soit. Collez simplement le code suivant :
RewriteEngine on
RewriteCond %{HTTP_REFERER} !^$
RewriteCond %{HTTP_REFERER} !^http(s)?://(www.)?your-site.com [NC] RewriteCond %{HTTP_REFERER} !^http(s)?://(www.)?your-other-domain.com [NC] RewriteRule .(jpg|jpeg|png|gif)$ http://i.imgur.com/g7ptdBB.png [NC,R,L]
Explication:
- La ligne 1 active le moteur de réécriture utilisé pour activer le processus de redirection.
- La ligne 2 permet aux référents vides de visualiser l’image. Certaines personnes qui utilisent un pare-feu surfent généralement sans aucun référent. Maintenant, vous ne voulez pas en bloquer vos images. Par conséquent, vous autorisez les référents vides.
- La ligne 3 permet à ‘votre-site.com’ de visualiser les images. Remplacez ‘votre-site.com’ par votre nom de domaine actuel – n’utilisez pas le nom de domaine www.
- De même, si vous souhaitez autoriser d’autres sites à utiliser vos images, vous pouvez remplacer « votre-autre-domaine.com » par le nom de domaine approprié.
- La ligne 5 remplace toutes les images non autorisées à remplacer par le cette image. Vous pouvez également créer une image personnalisée et la télécharger dans n’importe quel répertoire autre que le répertoire racine. Si vous le placez dans le répertoire racine, votre serveur peut tomber dans une boucle infinie. Ainsi, il est préférable de placer l’image dans un dossier, dites « images » et d’utiliser ce lien. Auquel cas l’URL serait : « http://my-site.com/images/preventhotlink.png »
Conclusion:
Ce didacticiel couvre le lien dynamique d’images pour le niveau de domaine supérieur – il ne fonctionnera pas sur les sous-domaines. Si vous êtes sur un fournisseur d’hébergement WordPress géré et que vous n’avez pas accès au répertoire racine de WordPress, vous devrez alors contacter le support client et demander l’accès. Il existe des plugins WordPress pour désactiver le hotlinking d’images, mais je préfère personnellement cette méthode car elle me donne une chance d’apprendre quelque chose de nouveau.
Faites-nous savoir si vous avez trouvé ce tutoriel utile, ou si vous avez des conseils à ajouter dans les commentaires ci-dessous !