Cómo evitar el hotlinking de imágenes en WordPress

Cómo evitar el hotlinking de imágenes en WordPress

En WPExplorer, nos encanta crear tutoriales para nuestros queridos visitantes y estamos orgullosos de ello. Mantenemos los pasos lo más simples y precisos posible. Y lo que viene con un buen tutorial son imágenes adecuadas que te ayudarán a alcanzar tu objetivo más rápido. Sin embargo,

Siempre hay personas, bastante tontas, que piensan que realmente hay un atajo para el éxito.

¿No puedes pensar en alguien? Aquí hay uno: raspadores de contenido. Evitar el raspado de contenido es una tarea bastante compleja y requiere un poco de experiencia. Demos un pequeño paso hoy y aprendamos cómo evitar el hotlinking de imágenes en WordPress.

¿Qué es el enlace directo de imágenes?

Lo primero que debe aprender es un término técnico llamado “hotlinking”. Wikipedia tiene una página completa en enlace directo – ¡Muy interesante de leer! En resumen, el enlace directo significa usar una imagen del sitio A que originalmente pertenece al sitio B. Considere el siguiente ejemplo. Tenemos 2 sitios:

  • Sitio A: Lazy.me
  • Sitio B: WPExplorer.com

La siguiente imagen está alojada en servidores WPExplorer (WPEngine):

trueno-multi-usos-wordpress-theme

El sitio de Leeches – Lazy.me utiliza directamente la URL de esta imagen para mostrar la imagen en su sitio. Este es el enlace directo de imágenes. La principal desventaja del enlace directo de imágenes es el consumo de ancho de banda adicional y la pérdida de originalidad / creatividad. Cada vez que alguien visita Lazy.me, la imagen se entrega desde los servidores de WP Engine, lo que aumenta el consumo de ancho de banda, ¡no es que eso nos importe! 😛

Evite el enlace directo de imágenes con .htaccess:

La forma más inteligente de evitar el enlace directo de imágenes es editar el archivo .htaccess. Es un pequeño archivo de texto (generalmente oculto debido a su prefijo). Presente en su directorio raíz de instalación de WordPress, lo que nos permite:

  • Bloquear o permitir sitios web individuales
  • Permitir o denegar referencias vacías
  • Mostrar imágenes personalizadas detectando enlaces directos de imágenes
  • Proteja archivos y directorios

MODIFICACIÓN del archivo .htaccess

A veces no puede encontrar el archivo .htaccess, no se preocupe. Simplemente inicie el Bloc de notas y siga leyendo. Si tiene uno, asegúrese de crear una copia primero y luego edite el archivo. No intentes cambiar nada. Simplemente pegue el siguiente código:

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]

Explicación:

  1. La línea 1 activa el motor de reescritura utilizado para activar el proceso de redireccionamiento.
  2. La línea 2 permite que las referencias en blanco vean la imagen. Algunas personas que utilizan un cortafuegos suelen navegar sin un referente. Ahora no quieres bloquear tus imágenes. Por lo tanto, permite referencias vacías.
  3. La línea 3 permite que “su-sitio.com” vea las imágenes. Reemplace “su-sitio.com” con su nombre de dominio real, no use www.
  4. Asimismo, si desea permitir que otros sitios utilicen sus imágenes, puede reemplazar “su-otro-dominio.com” con el nombre de dominio apropiado.
  5. La línea 5 reemplaza todas las imágenes no autorizadas para ser reemplazadas con el esta imagen. También puede crear una imagen personalizada y cargarla en cualquier directorio que no sea el directorio raíz. Si lo coloca en el directorio raíz, su servidor puede caer en un bucle infinito. Entonces, es mejor poner la imagen en una carpeta, decir “imágenes” y usar este enlace. En este caso, la URL sería: “http://my-site.com/images/preventhotlink.png”

Conclusión:

Este tutorial cubre el enlace directo de imágenes para el nivel de dominio superior; no funcionará en subdominios. Si está en un proveedor de alojamiento de WordPress administrado y no tiene acceso al directorio raíz de WordPress, debe comunicarse con el servicio de atención al cliente y solicitar acceso. Hay complementos de WordPress para deshabilitar el enlace directo de imágenes, pero personalmente prefiero este método porque me da la oportunidad de aprender algo nuevo.

Háganos saber si este tutorial le resultó útil o si tiene algún consejo para agregar en los comentarios a continuación.

Deja un comentario

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *

Ir arriba