ilmaistro.com

Tecnología, Análisis, Software y Cultura Geek

Hotlink Protection, protege tu blog del robo de imágenes

| 16 Comentarios

 forbid

Notarán que han habido algunos “problemas” últimamente en el blog, más que nada por la aparición de una imagen muy especial en algunos de mis posts, similar a la imagen que abre este post.

Lo que sucede es que he estado tomando algunas medidas extras con el fin de evitar que otros webmaster “roben” mi ancho de banda colocando directamente imágenes de mi blog en sus páginas, inclusive en muchos casos como adorno a posts copiados completamente de mi página (no les sacan ni un solo punto y coma). Para muestra un botón.

Esta modalidad, popularmente conocida como Hotlinking, puede afectar a blogs con un elevado número de visitas, ya que el ancho de banda que se consume mostrando imágenes alojadas en tu servidor pero que se muestran en webs que no te pertenecen, puede terminar afectando en gran medida el desempeño del servidor donde se encuentra alojada tu web.

Si tu blog va en buen camino y ves que tu número de visitas se incrementa constantemente, este post te va a ser útil, ya que te voy a enseñar como combatir este problema.

La solución empieza con instalar el plugin Hotlink Protection para WordPress. Una vez que descargues este plugin, solo debes instalarlo como cualquier otro, en la carpeta /wp-content/plugins/hotlink-protection/ de tu blog. Luego, activa el plugin desde el panel respectivo en WordPress.

Finalmente, debes configurarlo en la pestaña Settings, sub-pestaña Hotlinking Protection.

hotlinking-protection

Aquí te recomiendo activar la opción “Use a custom image”, para que la imagen que aparezca en reemplazo de la imagen robada sea la imagen forbid.png (o cualquier otro nombre que quieras ponerle). Es muy importante que recuerdes que esta imagen debes levantarla en la carpeta principal de tu theme de wordpress (wp-content/themes/nombre-de-tu-theme/)

Un par de recomendaciones con respecto a esta imagen.

  1. Asegúrate de incluir el nombre y la url de tu blog, para que los lectores del blog “ladrón” sepan de donde saco esa imagen, y de paso haces una especie de marketing indirecto.
  2. Asegúrate de mantener el tamaño de esta imagen en bajo tamaño (no mayor de 10kb), para que el efecto sobre tu servidor sea mínimo. Mi imagen pesa algo de 56kb, pero es la primera que se me ocurrió y pienso corregir eso haciendo una imagen más simple y de menor tamaño.

 

Ahora, siguiente punto – problemas al implementar el plugin. Básicamente lo que este plugin esta haciendo es modificar tu archivo .htaccess agregando unas cuantas líneas de código que utilizan el módulo mod_rewrite.c de Apache. Lo que hacen estas líneas es redireccionar las imágenes que no provengan desde tu dominio (desde ilmaistro.com en este caso) hacia la iagen que tu indicas.

Al principio, todo parece bien, pero… que hay de las imágenes que se jalan desde lectores de feeds como bloglines, feedburner o google reader? Pues bueno, el autor del plugin indica que esto no es problema alguno ya que su plugin contiene las rutinas necesarias para evitar que esto suceda. Sin embargo, no esta de más asegurarnos agregando las siguientes líneas de código a nuestro archivo .htaccess.

Para permitir que las imágenes aparezcan correctamente al ser mostradas en Google Reader (y Google Reader Mobile)

# Allow Google Reader Access
RewriteCond %{HTTP_REFERER} !^http://www.google.com/reader/view/.*$ [NC]
RewriteCond %{HTTP_REFERER} !^http://www.google.com/reader/m/view/.*$ [NC]

Para permitir que las imágenes aparezcan correctamente en los feeds de Feedburner, agrega el siguiente código, pero no olvides reemplazar el texto “example-feed” por la dirección correcta hacia el feed en Feedburner de tu blog.

# Allow Feedburner Access
RewriteCond %{HTTP_REFERER} !^http://www.feedburner.com/.*$ [NC]
RewriteCond %{HTTP_REFERER} !^http://feeds.feedburner.com/example-feed$ [NC]
RewriteCond %{HTTP_REFERER} !^http://feeds.feedburner.com/example-feed-comments$ [NC]

Finalmente, gracias a algunos comentarios de lectores encontré otro problema. Si bien es cierto mis últimos posts mostraban las imágenes sin ningún problema. Varios posts antiguos mostraban las imágenes redireccionadas hacia la imagen de hotlinking, a pesar de estar en mi blog. Estudiando un poco el caso me di cuenta uqe esto se debía a que tenía el plugin WP Super Cache activado en mi blog.

La solución fue vaciar el caché de las páginas de mi blog mediante el panel de administración del plugin, y después vaciar el cache de mi navegador (Fierfox, por supuesto) para que las páginas se carguen desde cero. Si tuvieran algún problema similar y ven la imagen del hotlink en mi blog, por favor vacien el cache de su navegador y, si el problema persiste, comuníquenmelo para ver como lo soluciono.

Por ahora me parece que todo esta funcionando erfectamente, así que me retiro a cambiar la imagen original por una menos pesada.

Ahh! Notarán que cuando digón “ladrón”, pongo la palabra entre comillas, ya que se que en muchos casos los webmasters sin experiencia copian directamente la imagen desde mi blog más por desconocimiento que por mala intención o flojera. Para ellos, prepararé un post en un futuro cercano en donde les enseñaré las herramientas que uso para crear / editar mis imágenes (nada del otro mundo en realidad).

Enlaces

Posts relacionados

Autor: Henry Silva

Hola! Soy Henry Silva, webmaster de ilmaistro.com, emprendedor y empresario. Me gusta escribir sobre tecnología, me encantan las redes sociales y tengo mi propia empresa de servicios de posicionamiento web: Capybara SEO. Si deseas, puedes contactarme o saber más de mi.

16 Comments

  1. Excelente articulo Maistro. Gracias por la información, aun no tengo mi propio host pero para cuando lo tenga se que me sera muy útil. Saludos!

    :mrgreen:

  2. Brother… yo creo que mejor reconsideras esta opción. Yo sólo te leo por Google Reader y me parece una verdadera bolestia que todas tus imágenes salga el Tux así. Google Reader ni roba tus imágenes ni nada por el estilo, ya eso lo debés saber. Cuando veo tus artículos con esas imágenes dan ganas de no seguir leyendo y pasar a la siguiente nota.
    Veo en los enlaces de la nota el siguiente: Perishable Press – Allow Google Reader to access hotlink protected images. Pero creo que eso es para vos, no para mí.
    De nuevo, por favor, reconsidera/modifica esa alternativa, ya que un buen contenido como el de este blog pierde mucha capacidad de interés si salen esa imagen tan fea.

  3. Si a mi me pasa lo mismo, yo leo los posts mediante google reader, pensé que te estaban hackeando jajajaja :p

  4. excelente dato maistro :D, me será muy util, saludos

  5. Yo tengo el mismo problema que Joker y Miyuki, te leo por Bloglines y es incómodo que ahora todos los posts incluyan la imagen anti-hotlink :sad:.

  6. No deberías tener ese problema, ya he probado el blog en Bloglines sin ninguna eventualidad. Por favor, si alguno de ustedes tiene problemas visualizando las imágenes de mi blog, por favor deje su comentario indicando detalles. Muchas gracias!

  7. Es bueno el plugin, pero no es mejor lanzar la imagen a los dominios en question los que te roban que en vez de aplicarlo en general ya que hay muchos lectores rss y webs que seria molesto agregarles entradas en el .htaccess?

  8. @kaox claro, el problema es como identificas automaticamente cuando un dominio te esta “robando” la imagen?. Estar verificando manualmente si hay blogs que estan desperdiciando tu ancho de banda, si es que logras encontrarlos, es tedioso. Si alguien me lee con algun otro cliente de feed aparte de google reader y feedburner y tiene algun problema viendo las imagenes, no dude en comunicarmelo.

  9. La mayoria de los webhosting que usan CPanel, tienen tambien esa función de hotlink y me parece mejor utilizarla (claro, si esta disponible) que instalar un plugin y cargar mas a WP…

  10. No he vuelto a tener problemas. Gracias!

  11. Excelente información acerca de como evitar los problemas con la fuente RSS y GReader, gracias ilmaistro 😉

  12. Perdon por mi ignorancia pero el .htaccess. se carga en la carpeta donde quiero permitir que otros sitios puedan ver mis imagenes? por ejemplo si tengo una galeria o en uploads.
    Espero que me puedan ayudar.

  13. @Jonatan, el archivo .htaccess se carga en el root, es decir, dentro de la carpeta principal de tu web, en donde se encuentran almacenados todos tus archivos. No se crea en la carpeta donde tienes tus imágenes.

  14. Quiero saber si esto aun funciona. A mi no me resulta simplemente no pasa nada y las imagenes siguen siendo sacadas de mi blog.

  15. Hola tengo un blog en blogger y quiero proteger las fotos de mis artesanias. Quisiera poder evitar que al picar en la foto con el boton izquiero la foto no se redirecciones a picassaweb. Es posible?. Me estan robando todas las fotos =(

  16. Hola Muchas Gracias por la información. por fin he podido proteger mis imagenes!!
    ,pero tengo un problema, muchos de mis lectores usan el traductor de google, he intentado dar permiso, pero no me resulta…
    Tú me podrias porfavor ayudar en esto?

    he probado con las siguientes lineas, pero ninguna me resulta:

    RewriteCond %{HTTP_REFERER} !^http(s)?://(www|translate)\.?google.* [NC]

    RewriteCond %{HTTP_REFERER} !^http://(www\.)?translate.google.com/.*$ [NC]

    Muchas gracias!!

Agregue un comentario

Required fields are marked *.