Clicky

Cómo intentar recuperar las visitas perdidas por el nuevo diseño de Imágenes de Google

No hotlink a imágenes

Redirigir mediante .htaccess las URLs de imágenes a una página de aviso

Cansado de una significativa pérdida de visitas en mi página de Vista al Mar debido al cambio en el diseño de la página de búsquedas de Google Imágenes, anoche bloquee por el archivo .htaccess a todos los enlaces que apuntan a páginas de imagen de ese sitio web.

A pesar de ser Semana Santa, que descienden las visitas por las vacaciones escolares y más en esa página que tiene contenidos educativos de varios niveles, a la hora que escribo este artículo en lugar de descender, que hubiera sido lo lógico, están aumentando un 7% con respecto al mismo día de la semana pasada.

Pero lo más grave es que la página a la que estoy redireccionando los enlaces http://www.vistaalmar.es/nohotlink.html, principalmente desde Google Imágenes, y a la que he puesto el código de seguimiento de Clicky y de Google Analytics, tiene en este momento 518 accesos (ver imagen abajo). Impresionante !!!! Luego recibiré un email de los "Mira Sierra" avisándome de que ha habido un incremento significativo de visitas en una de mis páginas pero que no me preocupe, que no es grave, sólo a título informativo. En anteriores ocasiones que lo he recibido esa página ha desaparecido del mapa. Pero esta  no me importa. JA.

Clicky, 25 de marzo de 2013

Luego algunos gurús de Google, y defensores de algún foro del que no diré nombres, intentan convencernos de que esta nueva interfaz es más ventajosa para los sitios. JAJA.

Por si estás en una situación similar a la mía te voy a mostrar cómo evitar los links a las imágenes de tus páginas web y cómo redireccionarlas mediante el archivo .htaccess

Paso 1. Código del archivo .htaccess para bloquear enlaces a imágenes que no sean de tu sitio

# mod_rewrite in use
RewriteEngine On

# Los siguientes dominios están permitidos:
RewriteCond %{HTTP_REFERER} !^http://vistaalmar.es$ [NC]
RewriteCond %{HTTP_REFERER} !^http://vistaalmar.es/.*$ [NC]
RewriteCond %{HTTP_REFERER} !^http://www.vistaalmar.es$ [NC]
RewriteCond %{HTTP_REFERER} !^http://www.vistaalmar.es/.*$ [NC]
RewriteCond %{HTTP_REFERER} !^http://www.vistaalmar.es/hablame-del-mar/.*$ [NC]
### RewriteCond %{HTTP_REFERER} !google\. [NC]
RewriteCond %{HTTP_REFERER} !^http://www.xn--apaados-6za.es/.*$ [NC]
RewriteCond %{HTTP_REFERER} !^http://feeds.feedburner.com/vistaalmar$ [NC]
# la siguiente línea redirige las páginas de imágenes a la "página de cabreo"
RewriteRule .*\.(gif|jpg|jpeg|png|bmp)$ http://www.vistaalmar.es/nohotlink.html [R,NC,L]

Con estas líneas permito http://www.vistaalmar.es con y sin www, está página que estás leyendo http://www.xn--apaados-6za.es/, mis feeds de FeedBurner para que aparezcan allí las imágenes http://feeds.feedburner.com/vistaalmar . Cómo veis  a Google, que le tenía permitido, lo he bloqueado comentando su línea.

La última línea redirige todos los archivos de imágenes a la página destino del aviso: http://www.vistaalmar.es/nohotlink.html

Por si, por el contrario, quisierais permitir que diversos robots y buscadores muestren vuestras páginas de imágenes, el código sería similar a este:

# mod_rewrite in use
RewriteEngine On

# Los siguientes dominios están permitidos:
RewriteCond %{HTTP_REFERER} !^http://vistaalmar.es$ [NC]
RewriteCond %{HTTP_REFERER} !^http://vistaalmar.es/.*$ [NC]
RewriteCond %{HTTP_REFERER} !^http://www.vistaalmar.es$ [NC]
RewriteCond %{HTTP_REFERER} !^http://www.vistaalmar.es/.*$ [NC]
RewriteCond %{HTTP_REFERER} !^$
RewriteCond %{HTTP_REFERER} !^http://vistaalmar.es [NC]
RewriteCond %{HTTP_REFERER} !^http://(www\.)?www.vistaalmar\.es/ [nc]
RewriteCond %{HTTP_REFERER} !^http://www.vistaalmar.es/hablame-del-mar/.*$ [NC]
RewriteCond %{HTTP_REFERER} !^http://www.google.com/.*$ [NC]
RewriteCond %{HTTP_REFERER} !^http://www.xn--apaados-6za.es/.*$ [NC]
RewriteCond %{HTTP_REFERER} !^http://feeds.feedburner.com/vistaalmar$ [NC]
RewriteCond %{HTTP_REFERER} !google\. [NC]
RewriteCond %{HTTP_REFERER} !upnews\. [NC]
RewriteCond %{HTTP_REFERER} !yahoo\. [NC]
RewriteCond %{HTTP_REFERER} !search\?q=cache [NC]
RewriteCond %{HTTP_REFERER} !search\/cache [NC]
RewriteCond %{HTTP_REFERER} !cache [NC]

RewriteRule .*\.(gif|jpg|jpeg|png|bmp|swf)$ "“ [F,NC,L]

La última línea mostrará una pantalla de error 403 Forbidden Acceso denegado

Paso 2. Crear un página de destino, o una imagen

El archivo nohotlink.html, el que yo he creado como destino al redireccionar las páginas de imágenes que enlazan desde otros sitios que no sean los permitidos, es un sencillo HTML que no tiene mayores explicaciones excepto un enlace a la imagen y la instrucción .back en javascript (href="javascript:history.back(-1);") que hace que el usuario vuelva a la anterior página de Imágenes de Google, dejo el código completo:

<!DOCTYPE HTML>
<html>
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
    <title>No HotLink a im&aacute;genes</title>
</head>
<body>
<h2>Bandwidth Limit Exceeded.</h2>
<p><b>Rogamos que, para ver o descargar la foto, <u><span style="color: #f90d29"><a href="javascript:history.back(-1);" title="Ir la página anterior">vuelva a la p&aacute;gina de im&aacute;genes anterior</a></span></u> y pinche directamente en el bot&oacute;n "<u><span style="color: #f90d29">Visitar p&aacute;gina</span></u>". Gracias !!</b></p>
<center>
<h1>Ejemplo</h1>
<img src="/nohotlink.jpg" width="900" height="308" title="No HotLinks" alt="No HotLinks" />
</center>
<p>Debido a nuestro desacuerdo con el nuevo dise&ntilde;o de b&uacute;squeda de im&aacute;genes de Google, le agradeceremos pruebe a buscar el contenido que le interesa directamente en nuestra p&aacute;gina en los siguientes enlaces:</p>
<p><a target="_blank" href="/">Página principal de Vista al Mar</a><br /> <a target="_blank" href="/noticias-interes.html">Lista alfabética de artículos</a><br /> <a target="_blank" href="/sitemap.html">Mapa del sitio</a>
</p>
<div><form target="_blank" action="http://www.google.es/cse" id="cse-search-box">
<div><input value="partner-pub-xxxxxxx9332:jy14ltvtbac" type="hidden" name="cx" /> <input value="UTF-8" type="hidden" name="ie" /> <input size="35" type="text" name="q" /> <input value="Buscar" type="submit" name="sa" /></div>
</form></div>
<br />
Recomendamos usar el motor de búsquedas de más arriba introduciendo las palabras por las cuales busca información.
<center>
<h2 align="center">Vista al Mar</h2>
</center>
</body>
</html>

Este archivo junto con la imagen nohotlink.jpg que aparece los he subido a la carpeta raíz del sitio (puedes poner también sólo una imagen explícita como la de la cabecera de este artículo).

Conclusión

no hotlink a imágenesYo no sé hasta qué punto el cambio de diseño de las búsquedas en Imágenes de Google ha afectado a la baja los ingresos de publicidad de la compañía, me imagino que para Google será insignificante, pero para un pequeño editor de Adsense como soy yo la pérdida de 1.500 visitas diarias en épocas no vacacionales se traduce en un porcentaje de pérdida de ingresos importante y más en esta época de crisis.

Tampoco se a ciencia cierta el resultado de la redirección en las futuras indexaciones de imágenes de Google, en teoría no debería afectar a la indexación porque no es un bloqueo sino una redirección, pero vaya usted a saber.

En unos días probaré el experimento, que desde luego no es con gaseosa, para ver si los usuarios atienden a las indicaciones de la página de destino y navegan a las páginas que contienen las imágenes o si por el contrario prefieren seguir buscando otras imágenes similares en Google Images. Las novedades sobre estadísticas las iré actualizando en este mismo lugar.

A vosotros ¿qué os parece el cambio de diseño de la búsqueda de Imágenes de Google? ¿os ha afectado en las visitas? ¿en los ingresos?

Actualización 28 marzo 2013

He decidido que el usuario no tenga opción de elegir las opciones que le brindaba en la página de destino y puesto un redireccionamiento temporal de tres segundos hacia la página principal. Hay otras opciones en javascript y php pero yo he utilizado esta meta etiqueta:

<meta http-equiv="Refresh" content="3;url=http://www.vistaalmar.es"> entre <head> y </head>


Jesus_Caceres