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 tutoriel, ce sont des images appropriées qui vous aident à atteindre votre objectif plus rapidement. cependant,

Il y a toujours des gens – plutôt des imbéciles, qui pensent qu’il existe réellement, un raccourci vers le succès.

Vous ne pouvez pas penser à quelqu’un? En voici un: les scrapers de contenu. Empêcher le scraping de contenu est une tâche assez complexe et nécessite un peu d’expérience. Prenons un petit pas aujourd’hui et apprenons comment empêcher le hotlinking d’image dans WordPress.

Qu’est-ce que Image Hotlinking?

La première chose à apprendre est un terme technique appelé «hotlinking». Wikipedia a une page entière sur liaison directe – assez intéressant à lire! Pour résumer, le hotlinking signifie utiliser une image du site A qui appartient à l’origine au site B. Prenons 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 de sangsue – Lazy.me, utilise directement l’URL de cette image pour afficher l’image dans leur site. C’est le hotlinking d’image. Le principal inconvénient du hotlinking d’image est la consommation de bande passante supplémentaire et la perte d’originalité / créativité. Chaque fois que quelqu’un visite Lazy.me, l’image est servie à partir des serveurs de WP Engine, augmentant ainsi la consommation de bande passante – non pas que cela compte pour nous! 😛

Empêcher la liaison directe d’image avec .htaccess:

Le moyen le plus intelligent d’empêcher la liaison directe d’images 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 WordPress, ce qui nous permet de:

  • Bloquer ou autoriser des sites Web individuels
  • Autoriser ou refuser les référents vides
  • Afficher des images personnalisées détectant la liaison directe d’images
  • Protégez les fichiers et les répertoires

ÉDITION du fichier .htaccess

Parfois, vous ne trouvez pas le fichier .htaccess – ne vous inquiétez pas. Lancez simplement le Bloc-notes et continuez à lire. Si vous en avez un, assurez-vous d’en créer d’abord 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:

  1. La ligne 1 active le moteur de réécriture utilisé pour activer le processus de redirection.
  2. La ligne 2 permet aux référents vierges 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.
  3. La ligne 3 permet à «your-site.com» de visualiser les images. Remplacez «your-site.com» par votre nom de domaine réel – n’utilisez pas le www.
  4. 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é.
  5. La ligne 5 remplace toutes les images non autorisées à remplacer par le ce 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. Dans ce cas, l’URL serait: “http://my-site.com/images/preventhotlink.png”

Conclusion:

Ce didacticiel couvre le hotlinking d’image 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 devez contacter le support client et demander un accès. Il existe des plugins WordPress pour désactiver le hotlinking d’image, 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 astuces à ajouter dans les commentaires ci-dessous!

Share: