![\"\"](\"https:\/\/blog.hostinger.io\/co-tutoriales\/wp-content\/uploads\/sites\/40\/2022\/12\/eBook-Speed-Up-your-website-ES-1024x283.png\")
<\/a><\/figure>Si eres propietario de un sitio web o usuario de la web en general, es posible que hayas oído hablar del hotlink. Muchos webmasters lo consideran una mala práctica porque puede poner a los sitios web en una desventaja significativa.<\/p>
Por ejemplo, el propietario del sitio web B<\/strong> encontró un meme divertido en el sitio web A <\/strong>y decidió utilizarlo en su sitio web. Pero en lugar de guardar la imagen en su ordenador y volver a subirla, el propietario del sitio web B enlaza la imagen directamente desde el sitio web A para mostrarla al instante en su sitio. <\/p> Aunque la gente pueda ver el meme en el sitio web B, el servidor de origen sigue almacenándolo. En otras palabras, los recursos del servidor del sitio web A se utilizan cada vez que un usuario ve la imagen enlazada. Si el sitio web B recibe mucho tráfico, se utilizará una cantidad significativa de recursos del servidor del sitio web A.<\/p> En este artículo te explicaremos por qué debes evitar el hotlinking y cómo dejar de hacerlo. Para administradores web, ofrecemos cuatro métodos para proteger sus sitios web del hotlink: el uso de hPanel, un cliente FTP, una red de distribución de contenidos (CDN) y los plugins de WordPress.<\/p> Es un hecho que el hotlinking es lo que más afecta a los propietarios de sitios web. Para los que lo hacen, el hotlinking puede parecer una forma fácil de adquirir activos del sitio web, pero en realidad, el hotlinking también puede perjudicarlos.<\/p> Repasemos las cinco razones principales por las que deberías evitar el hotlinking a toda costa: <\/p> Ahora que has aprendido por qué debes dejar de hacer hotlinking, puede que te preguntes qué hacer en su lugar cuando quieras utilizar imágenes de otros sitios web.<\/p> Lo más importante es asegurarse de que te han dado la autorización para utilizar la imagen. Hay algunas imágenes que puedes adquirir simplemente pidiendo permiso al propietario. Otras están bajo una estricta licencia legal, por ejemplo, las fotografías con derechos de autor.<\/p> Una vez que hayas recibido el permiso o te hayas encargado del proceso legal, debes subir el archivo en tu propio alojamiento o utilizar un proveedor externo. Para las imágenes, utiliza un servicio de alojamiento de imágenes como Imgur<\/a>. De este modo, no estarás robando ancho de banda al propietario del sitio web original.<\/p> Si, por alguna razón, no puedes adquirir la imagen que deseas, prueba estas alternativas: <\/p> Es muy importante protegerse del hotlinking para evitar problemas relacionados con el robo de contenidos y de ancho de banda.<\/p> Antes de continuar, ten en cuenta que la protección del hotlinking no perjudicará la presencia de tu sitio web en los resultados de búsqueda. Siempre que no bloquees los motores de búsqueda para que no indexen tus imágenes, tus esfuerzos de optimización de motores de búsqueda (SEO)<\/a> no se verán afectados.<\/p> Vamos a repasar cuatro métodos diferentes para proteger tus activos del hotlinking. <\/p> Si alojas tu sitio web en Hostinger, puedes configurar la protección de hotlink directamente desde hPan<\/a>el<\/a>. El proceso debería ser similar en otros paneles de control. Sigue estos pasos:<\/p> 1. Accede a tu cuenta de alojamiento y dirígete al panel de control. 3. En Bloquear el acceso directo a estas extensiones<\/strong>, elige qué extensiones de archivo deseas proteger. Una vez aplicado, los visitantes no podrán ver los enlaces directos adjuntos a las extensiones de archivo que hayas seleccionado. Otra opción es editar el archivo .htaccess <\/strong>de tu sitio web, accediendo a él a través de un cliente FTP como FileZilla<\/a> o el administrador de archivos del panel de control de tu cuenta de alojamiento.<\/p> Ten en cuenta que este método implica la edición del código de tu sitio web, así que ten cuidado: un pequeño error puede dejar tu sitio inutilizable. <\/p> Utilizar una red de distribución de contenidos (CDN)<\/a> para tu sitio web tiene muchas ventajas. Una CDN puede aumentar la velocidad de entrega de contenidos, proporcionando un mejor rendimiento a tus visitantes. También puede ofrecer funciones de gestión de activos para los administradores de sitios web, siendo la protección de hotlink una de ellas.<\/p> El proceso de activación de la protección de hotlink variará en función del proveedor de CDN que utilices. En el siguiente tutorial repasamos cómo configurar la protección de hotlink en dos proveedores de CDN populares: Cloudflare<\/a> y KeyCDN<\/a>.<\/p> A continuación cómo activar la protección de hotlink en Cloudflare:<\/p> La aplicación Scrape Shield de Cloudflare impide específicamente el hotlinking de imágenes y es compatible con los tipos de archivo: .gif<\/strong>, .ico<\/strong>, .jpg<\/strong>, .jpeg <\/strong>y .png<\/strong>.<\/p> Enseguida cómo activar la protección de hotlink en KeyCDN:<\/p> Si utilizas WordPress como sistema de gestión de contenidos<\/a> (CMS) de tu sitio web, existen varios plugins para WordPress<\/a> que pueden evitar el hotlinking. Vamos a repasar tres de ellos.<\/p> El primero es el plugin All In One WP Security and Firewall<\/a>, que puede editar automáticamente el archivo .htaccess <\/strong>de tu sitio web para evitar los hotlinks. Sigue estos pasos para configurarlo:<\/p>Razones para evitar el Hotlinking<\/h2>
\n
![\"\"](\"https:\/\/blog.hostinger.io\/co-tutoriales\/wp-content\/uploads\/sites\/40\/2023\/02\/ES-Web-hosting_in-text-banner-1024x300.png\")
<\/a><\/figure>¿Cómo dejar de hacer Hotlinking?<\/h2>
\n
¿Cómo proteger tu sitio para evitar el hotlinking?<\/h2>
Método 1: acceder a la configuración de hPanel<\/h3>
2. En Avanzado<\/strong>, selecciona Protección hotlink<\/strong>.<\/p>![\"El](\"https:\/\/www.hostinger.com\/co\/tutoriales\/wp-content\/uploads\/sites\/40\/2020\/05\/hpanel-advanced-hotlinkprotection-sidebar-es.png\")
<\/figure><\/div>
4. En el campo Redirigir las solicitudes bloqueadas a esta URL<\/strong>, tienes la opción de introducir la URL de una página de error que desees mostrar a los visitantes que intenten hacer un hotlink a tu sitio web.<\/p>![\"La](\"https:\/\/www.hostinger.com\/co\/tutoriales\/wp-content\/uploads\/sites\/40\/2020\/05\/hpanel-advanced-hotlinkprotection-es-1024x669.png\")
<\/figure>Método 2: usar un cliente FTP<\/h3>
\n
RewriteEngine on\nRewriteCond %{HTTP_REFERER} !^$\nRewriteCond %{HTTP_REFERER} !^http(s)?:\/\/(www.)?google.com [NC]\nRewriteCond %{HTTP_REFERER} !^http(s)?:\/\/(www.)?bing.com [NC]\nRewriteCond %{HTTP_REFERER} !^http(s)?:\/\/(www.)?yahoo.com [NC]\nRewriteCond %{HTTP_REFERER} !^http(s)?:\/\/(www.)?tudominio.com [NC]\nRewriteRule .(jpg|jpeg|png|gif)$ – [NC,F,L]<\/pre>\n
Método 3: utilizar una CDN<\/h3>
\n
![\"Panel](\"https:\/\/www.hostinger.com\/co\/tutoriales\/wp-content\/uploads\/sites\/40\/2020\/05\/Cloudflare.png\")
<\/figure>\n
![\"Sección](\"https:\/\/www.hostinger.com\/co\/tutoriales\/wp-content\/uploads\/sites\/40\/2020\/05\/Cloudflare-.png\")
<\/figure>\n
![\"Panel](\"https:\/\/www.hostinger.com\/co\/tutoriales\/wp-content\/uploads\/sites\/40\/2020\/05\/KeyCDN.png\")
<\/figure>\n
![\"Sección](\"https:\/\/www.hostinger.com\/co\/tutoriales\/wp-content\/uploads\/sites\/40\/2020\/05\/keyCDN-referidos.png\")
<\/figure>\n
Método 4: utilizar un plugin de WordPress<\/h3>
\n
![\"Plugin](\"https:\/\/www.hostinger.com\/co\/tutoriales\/wp-content\/uploads\/sites\/40\/2024\/01\/plugin-WP-security.png\")
<\/figure>\n
![\"Plugin](\"https:\/\/www.hostinger.com\/co\/tutoriales\/wp-content\/uploads\/sites\/40\/2020\/05\/PLugin-WP-Content-Copy.png\")
<\/figure>![\"Plugin](\"https:\/\/www.hostinger.com\/co\/tutoriales\/wp-content\/uploads\/sites\/40\/2024\/01\/Plugin-Secure-Copy-Content.png\")
<\/figure>