hotlink-wordpress

¿Qué es un hotlink y cómo evitarlo?

El uso de ancho de banda de otro sitio web para mostrar uno de sus activos digitales (como una imagen, un video o un archivo de audio) a través de un enlace web directo en un sitio web diferente se conoce como «hotlink».

Cada vez que un navegador web intenta cargar y ver el activo, el propietario del sitio web original debe pagar por estos recursos del servidor.

Es posible que hayas escuchado sobre el hotlink si eres propietario de un sitio web o simplemente usuario de la web. Debido a que puede poner a los sitios web en una desventaja significativa, muchos webmasters lo consideran una mala práctica.

Por ejemplo, el propietario del sitio web Y encontró un meme gracioso en el sitio web X y decidió usarlo en su sitio web. Pero el propietario del sitio web Y enlaza la imagen directamente desde el sitio web X para mostrarla en su sitio en lugar de guardarla en su computadora y volver a subirla.

El servidor de origen sigue almacenando el meme, aunque se puede ver en el sitio web Y. En otras palabras, cada vez que un usuario ve la imagen enlazada, los recursos del servidor del sitio web X se utilizan. Si el sitio web Y recibe mucho tráfico, el servidor del sitio web X necesitará muchos recursos.

Te explicaremos por qué debes evitar el hotlinking y cómo dejar de hacerlo en esta guía. Para administradores web, tenemos tres métodos para proteger sus sitios web del hotlink: a través de un cliente FTP, una red de distribución de contenidos (CDN) y plugins de WordPress.

Motivos para evitar el Hotlinking

Es un hecho que el hotlinking tiene el mayor impacto en los propietarios de sitios. Para aquellos que lo hacen, agregar enlaces a sitios web puede parecer una forma fácil de obtener activos del sitio web, pero en realidad puede ser perjudicial para ellos.

Repasemos las cinco principales razones por las que deberías evitar el hotlinking:

  • Reutilizar activos sin permiso es ilegal: reutilizar contenido sin permiso es un robo. Antes de usar el contenido en su sitio web, debe obtener los derechos y el permiso de la licencia Creative Commons.
  • Estarías aumentando los costos de alojamiento aprovechando los recursos de otro propietario de un sitio web: cada vez que una persona ve una imagen de hotlinking, consume ancho de banda del servidor de origen. Como resultado, el autor no solo está robando contenido, sino también recursos del sitio web original del propietario.
  • El uso de hipervínculos en contenido protegido por derechos de autor puede tener consecuencias legales y financieras. El propietario original puede presentar una demanda si el infractor recibe una notificación de infracción de derechos de autor.
  • No tienes control sobre el archivo enlazado de hotlink: una imagen enlazada a través de hotlinking se conecta al sitio web original. Si el propietario original decide cambiar o eliminar el contenido en cualquier momento, los cambios también se mostrarán en el sitio web del infractor.
  • El hotlinking te hace parecer poco original y profesional: adoptar esta práctica puede dar una mala imagen de ti. La gente puede pensar que no tienes ideas y violas los derechos de otros usuarios.

¿Cómo puedo evitar el uso de Hotlinking?

Ahora que sabes por qué debes dejar de hacer hotlinking, puedes preguntarte qué hacer cuando quieras usar imágenes de otros sitios web.

Lo más importante es asegurarse de que tengas permiso para usar la imagen. Puedes obtener algunas imágenes simplemente pidiendo permiso al propietario. Las fotografías con derechos de autor son ejemplos de licencias estrictas.

Debes subir el archivo en tu propio alojamiento o usar un proveedor externo una vez que hayas recibido el permiso o te hayas encargado del proceso legal. Utiliza servicios de alojamiento de imágenes como Imgur para fotos. De esta manera, no estarás consumiendo ancho de banda del propietario del sitio web.

Si por alguna razón no puede obtener la imagen que deseas, intenta estas opciones:

  • Busca un reemplazo comparable: es posible que puedas enviar el mismo mensaje con una imagen diferente. Por ejemplo, si no puedes obtener una imagen específica, intenta obtener una imagen comparable de otra fuente, como un banco de imágenes de archivo como Unsplash, Shutterstock y Pexels.
  • Enlaza la página, no la imagen: si no puedse usar una alternativa similar para reemplazar la imagen, considera agregar un enlace a la página original de la imagen. Aunque es posible que no puedas mostrar la imagen de la manera que deseas, los visitantes podrán verla haciendo clic en el enlace que proporcionaste.

¿Cómo puede evitar el hotlinking en su sitio web?

Para evitar problemas relacionados con el robo de contenidos y el ancho de banda, es crucial protegerse del hotlinking.

Antes de continuar, ten en cuenta que la protección de hipervínculos no afectará la posición de tu sitio web en los resultados de búsqueda. Tus esfuerzos de optimización de motores de búsqueda (SEO) no se verán afectados si no impides que los motores de búsqueda indexen tus imágenes.

Vamos a repasar tres estrategias diferentes para proteger tus activos de la conexión de hotlink.

Método 1: utilizar un cliente de FTP

Una opción es editar el archivo.htaccess de su sitio web utilizando un cliente FTP como FileZilla o el administrador de archivos del panel de control de tu cuenta de alojamiento.

Ten en cuenta que este método requiere la edición del código de tu sitio web, así que ten cuidado: un error mínimo puede hacer que tu sitio web no funcione correctamente.

1. Vé a la carpeta public_html después de conectarte al FTP de tu sitio web o abrir el administrador de archivos.
2. Busca el archivo .htaccess dentro de la carpeta public_html y descárgalo.
3. Por si algo va mal, haz una copia del archivo .htaccess original en tu computadora.
4. Abre el archivo .htaccess utilizando el editor de texto que usas comúnmente.
5. Copia y pega el código a continuación en el archivo:

RewriteEngine on
RewriteCond %{HTTP_REFERER} !^$
RewriteCond %{HTTP_REFERER} !^http(s)?://(www\.)?google.com [NC]
RewriteCond %{HTTP_REFERER} !^http(s)?://(www\.)?bing.com [NC]
RewriteCond %{HTTP_REFERER} !^http(s)?://(www\.)?yahoo.com [NC]
RewriteCond %{HTTP_REFERER} !^http(s)?://(www\.)?tudominio.com [NC]
RewriteRule \.(jpg|jpeg|png|gif)$ – [NC,F,L]


6. Cambia tudominio.com por el verdadero dominio de tu sitio web.
7. Después de editar el archivo .htaccess, vuelve a subir el archivo a la carpeta public_html.

Método 3: implementar una CDN

La implementación de una red de distribución de contenidos (CDN) para tu sitio web tiene una serie de ventajas. Una CDN puede mejorar la velocidad de entrega de contenido, lo que mejora la experiencia de los visitantes. La protección de hotlink es una de las funciones de gestión de activos que puede ofrecer a los administradores de sitios web.

El procedimiento para activar la protección de hotlink varía según el proveedor de CDN que uses. En esta guía, repasaremos cómo configurar la protección de hotlink en Cloudflare y KeyCDN, dos proveedores de CDN populares.

La siguiente explicación es la forma de activar la protección de hotlink en Cloudflare:

1. Visita el panel de control de Cloudflare después de registrarte.
2. Abajo, en la barra izquierda de aplicaciones, selecciona Scrape Shield.

cloudflare
¿Qué es un hotlink y cómo evitarlo?

3. Ahora debes activar la Protección Hotlink.

activar-hotlink-cloudflare
¿Qué es un hotlink y cómo evitarlo?

Los formatos de archivo .gif, .ico, .jpg, .jpeg y .png son compatibles con la aplicación Scrape Shield de Cloudflare, que evita el hotlinking de imágenes.

La siguiente, es la forma de activar la protección de hotlink en KeyCDN:

1. Ve al panel de control después de ingresar a tu cuenta de KeyCDN.
2. En la barra lateral, selecciona Zonas de referencia.
3. Pulsa el botón Añadir referencia de zona.

keycdn hotlink
¿Qué es un hotlink y cómo evitarlo?

4. Ingresa la URL de la zona de referencia. Los referentes de zona son URLs que permiten que las personas vean los enlaces directos a los activos de su sitio web. Se bloquearán las URLs que no estén incluidas en los referentes de zona.
5. En el menú desplegable, seleccione la Zona.

keycdn hotlink add zone
¿Qué es un hotlink y cómo evitarlo?

6. Para guardar la configuración, haga clic en Añadir.
7. No dudes en agregar referencias regionales.

Método 3: usar un plugin de WordPress

Si utilizas WordPress como sistema de gestión de contenidos (CMS) para tu sitio web, hay una variedad de plugins que pueden ayudarte a evitar los enlaces de hotlink. Repasemos tres de ellos.

El primero es el plugin All In One WP Security and Firewall, que puede modificar automáticamente el archivo .htaccess de tu sitio web para evitar los hotlinks. Para configurarlo, sigue estos pasos:

1. Instala el plugin y actívalo desde el panel de control de WordPress.
2. Ve al menú de WP Security, luego al firewall y luego a Evitar hotlinks.
3. Si desea evitar el hotlink a imágenes en su sitio web, debe elegir esta opción.

wp security hotlink
¿Qué es un hotlink y cómo evitarlo?

4. Pulsa el botón Guardar los ajustes.

WP Content Copy Protection & No Right Click es otro plugin que puedes usar. Este plugin puede bloquear a los visitantes de tu sitio web de copiar texto o hacer clic con el botón derecho. Tus visitantes no podrán encontrar o guardar el enlace directo a tus archivos de contenido si activas la prevención del clic derecho.

Te explicamos cómo usar este plugin para habilitar la protección del clic derecho en tu sitio web:

1. Instale y active el plugin.
2. En la barra lateral de tu panel de control de WordPress, haz clic en Copy Protection.
3. Selecciona la pestaña Protección premium frente al clic derecho.
4. Selecciona qué tipos de páginas desea proteger con el botón derecho. Puede permitirlo en páginas estáticas, Entradas y Página de inicio.

wp content copy hotlink
¿Qué es un hotlink y cómo evitarlo?

5. Pulsa el botón Guardar ajustes.

El plugin Secure Copy Content Protection and Content Locking es otra opción para desactivar el clic derecho y la copia de activos. Así es como se configura:

1. Instale y active el plugin.
2. En el panel de control de WordPress, ve a Copy Protection → Options.
3. Asegúrate de que hayas marcado tanto la opción Disable right-click y la opción Disable right-click for images. Cuando los visitantes intenten hacer clic con el botón derecho en tu sitio, marca Show Message para que reciban un mensaje.

secure-copy-content-hotlink
¿Qué es un hotlink y cómo evitarlo?


4. Pulsa el botón Guardar cambios.

Conclusión

El acto de copiar activos, generalmente imágenes, enlazando el archivo directamente desde otros sitios web sin autorización se conoce como hotlink.

Es una práctica inapropiada que tiene un impacto negativo en los administradores de una web. El hotlinking de imágenes de otro sitio web puede consumir mucho ancho de banda del servidor y violar los derechos de autor de los propietarios de las imágenes.

Hemos discutido varias razones por las que nunca debes hacer hotlinks y lo que puedes hacer en su lugar para obtener y compartir activos de contenido. Además, hemos repasado tres estrategias para evitar que sus sitios web se vinculen.

Si quieres conocer más acerca del hosting especializado en WordPress que ofrece DonWeb, no dejes de visitar el siguiente link.

Franco Silvetti
Franco Silvetti

Freelancer especializado en WordPress, con más de 4 años de experiencia.