En Themelocal nos encanta crear tutoriales para nuestros queridos visitantes y nos enorgullecemos de hacerlo. Mantenemos los pasos lo más simples y precisos posible. Y lo que acompaña a un buen tutorial son imágenes apropiadas que te ayudarán a lograr tu objetivo más rápido. Sin embargo,
Siempre hay algunas personas, más bien tontos, que piensan que realmente existe un atajo al éxito.
¿No puedes pensar en alguien? Aquí hay uno: raspadores de contenido. Evitar el raspado de contenido es bastante complejo y se necesita un poco de experiencia para lograrlo. Demos un pequeño paso hoy y aprendamos cómo prevenir 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 hotlinking – ¡bastante interesante de leer! En pocas palabras, el enlace directo significa usar una imagen en el sitio A que originalmente pertenece al sitio B. Considere el siguiente ejemplo. Tenemos 2 sitios:
- Sitio A: Lazy.me
- Sitio B: Themelocal.com
La siguiente imagen está alojada en los servidores de Themelocal (WPEngine):
El sitio de sanguijuelas, Lazy.me, utiliza directamente la URL de esta imagen para mostrar la imagen en su sitio. Eso es un enlace directo de imágenes. La principal desventaja del enlace directo de imágenes es el consumo adicional de ancho de banda 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 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 editando 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 en blanco
- Mostrar imágenes personalizadas detectando enlaces directos de imágenes
- Proteja archivos y directorios
EDICIÓN del archivo .htaccess
A veces, es posible que no encuentre el archivo .htaccess, no se preocupe. Simplemente encienda el Bloc de notas y continúe leyendo. Si tiene uno, asegúrese de crear una copia primero y luego edite el archivo. No intente editar 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:
- La línea 1 enciende el motor de reescritura utilizado para habilitar el proceso de redirección.
- La línea 2 permite que las referencias en blanco vean la imagen. Algunas personas que usan firewalls suelen navegar sin referencias. Ahora, no querrás bloquear tus imágenes de ellos. Por lo tanto, permite referencias en blanco.
- 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.
- De manera similar, si desea permitir que otros sitios usen sus imágenes, puede reemplazar ‘su-otro-dominio.com’ con el nombre de dominio adecuado.
- La línea 5 reemplaza todas las imágenes no autorizadas para ser reemplazadas por 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 podría caer en un bucle infinito. Por lo tanto, es mejor colocar la imagen en una carpeta, decir «imágenes» y usar ese enlace. En cuyo 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, deberá ponerse en contacto 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, ya que me da la oportunidad de aprender algo nuevo.
¡Háganos saber si este tutorial le resultó útil o si tiene algunos consejos para agregar en los comentarios a continuación!