Cómo camuflar tus links para que Google tenga en cuenta el alt de las imágenes

Publicado por Lino Uruñuela el viernes 26 de septiembre del 2014


En los dos anteriores posts os comentaba el problema que determinados sites pueden tener a la hora de enlazar internamente todo correctamente, ya que no siempre es tan fácil y frecuentemente nos encontramos con escenarios donde hemos de sacar a relucir nuestra imaginación.

Voy a resumir un poco el problema y los experimentos que hemos realizado para comprobar cómo interpreta y valora Google los links de determinado tipo

Problema

El problema viene dado porque Google cuando hay dos enlaces hacia la misma URL sólo valora el primer link de texto que encuentra hacia una UR (si hay un link de imagen y otro de texto valorará sólo el de texto lo encuentre antes o después)L, es decir, si tienes dos links a una misma URL sólo contará el texto del primero, ignorando los demás enlaces hacia esa URL, es decir, el alt de la imagen no aporta valor a la páigina de destino, eso no quiere decir que no aporte valor, lo hace, pero a la url donde está publicada no a donde enlaza.


Casos en los que esto nos pueda perjudicar o nos puede hacer desaprovechar links internos en nuestro site
  • Webs visuales, donde las imágenes mandan y el texto por el que enlazamos a las fichas de producto es irrelevante de cara a SEO pero funcional para los usuarios. En cambio el alt de  la imagen nos vendría de perlas si la tuviese en cuenta.

  • Sitios que por lo que sea estén enlazando a secciones importantes con palabras irrelevantes para SEO.

 

Ejemplos:

Webs de moda, normalmente la imágen es más que necesaria, y no podemos agobiar a los usuarios con muchas repeticiones  de palabras que son importantes para SEO.





Otro ejemplo, esta vez de camisetas personalizadas
Camisetas personalizadas



En este último ejemplo lo podemos ver más claro, para SEO puede interesar que sea un enlace de texto con la palabra "camisetas", pero al usuario no le aporta nada y posiblemente tengas que defenderlo ante cualquier diseñador o persona de UX en la web.


¿Cómo solucionamos este problema?

Como vimos en el primer experimento, el alt de la imagen no lo valorará para posicionar la url a la que apunta ese link debido a que luego hay otro link hacia la misma URL y al ser un link de texto tendrá este link en cuenta y no el de la imagen.

Pero podemos comprobar como en el segundo excperimento para intentar solucionar este problema ha funcionado, y como ahora Google sí tiene en cuenta el alt de la imagen para posiconar la url a la que apunta.


También sabemos que Google cada vez interpreta mejor el javascript, y que todo lo que se parezca a una url en tu código funente intentará cargarlo para ver si acierta/adivina  nuevas urls de tu site y nuevo contenido. Por ello es bueno intentar camuflar estos "falsos" links y no dejarlos con un onclick="window.location.href='http:://www.mecagoenlos.com" ya qiueaunque ahora no lo haga no sabemos cómo valorará e interpretará esto en un futuro. Por eso yo recomiendo tres cosas


  1. Bloquear por robots.txt los ficheros .js en los que metamos las funciones para "despistar a Google"
    Este tipo de acciones y llamadas a javascript para hacer cosas que no queremos que Google interprete hacerlas en un fichero .js que esté bloquedao por robots.txt para que Google no pueda verlo, ojo, en este fichero no introduzcáis ningún otro código javascript que afecte a la navegación correcta del site, sólo poner en este fichero este tipo de códigos para "despistar" a Google.

  2. Nunca usar para estos "links camuflados" etiquetas <a href="">
    Si no queremos que Google se entere de que es un link, ovbiamente será mucho más eficiente hacerlo con otro tag, por ejemplo <span atributo="miurl">Texto que me de la gana</span>

  3. Codificar las URLS
    Podemos codificar fácilmente las URLS de mil y una maneras, yo aquí os voy a comentar la que más me gusta.
  4. Yo uso php del lado del servidor, cuando creo un "link camuflado" suelo hacerlo para que en el HTML me quede algo así como <span atributo="aHR0cDovL21va29hbWFyZ28uY29t" es la URL codificada en Base64, para que Google ni ningún otro bot sepa que eso es una URL.


¿Cómo hago esto?

Muy fácil, en php a la hora de "pintar" el link como he comentado en vez de usar <a href="" uso <span atributo=""> y el valor del atributo se lo meto por medio de php gracias a las funciones "base64url_encode" y "base64url_decode". El código PHP de estas funciones es el siguiente

    <?php
    function base64url_encode($data) {
    return rtrim(strtr(base64_encode($data), '+/', '-_'), '=');
    }

    function base64url_decode($data) {
    return base64_decode(str_pad(strtr($data, '-_', '+/'), strlen($data) % 4, '=', STR_PAD_RIGHT));
    }
    php?>


Y el código concreto en php + HTML para ese link quedaría así

    <span class="camuflaEnlace" atributo="<?=base64url_encode("http://mokoamargo.com");?>">Click aqu&iacute; para ir a este site</span>

Si nos fijamos, vemos como uso una clase para este <span llamada "camuflaEnlace" esta clase se la pondré a todos los enlaces camuflados y en el campo atributo la URL codificada en Base64. Esto en el navegador al ver el código fuente nos lo mostraría de la siguiente manera

    <span class="camuflaEnlace" atributo="aHR0cDovL21va29hbWFyZ28uY29t">Click aquí para ir a la web</span>

Para finalizar tenemos una función en jQuery que se encarga de capturar el evento click de todos los elementos de la página que tengan como class="camuflaEnlace" ponemos en el .js restringido por robots.txt este código

    //Fichero js
    function utf8_to_b64(str) {
    return window.btoa(encodeURIComponent(escape(str)));
    }

    function b64_to_utf8(str) {
    return unescape(decodeURIComponent(window.atob(str)));
    }


    $(document).ready(function () {
    $(".camuflaEnlace").click(function(event) {
    // this.append wouldn't work
    window.location.href='>b64_to_utf8($(this).attr("atributo"))';
    });

    });
    //FIN Fichero js

Con esta función volveremos a convertir la cadena codificada en una URL y ya podemos madnar al usuario a donde queremos con un window.location.href.

El código de toda esta página quedaría algo así


<html>

<head><title>Probando</title>
   <script  type="text/javascript" src="https://www.mecagoenlos.com/dirRestrinjido/camuflalinks.js"></script>
</head>

<body>
 <?php
function base64url_encode($data) {
return rtrim(strtr(base64_encode($data), '+/', '-_'), '=');
}

function base64url_decode($data) {
return base64_decode(str_pad(strtr($data, '-_', '+/'), strlen($data) % 4, '=', STR_PAD_RIGHT));
}
php?>


<li><span class="camuflaEnlace" atributo="<?=base64url_encode("http://mokoamargo.com");?>">Click aqu&iacute; para ir a este site</span>
<li><span class="camuflaEnlace" atributo="<?=base64url_encode("http://otrosie.com");?>">Click aqu&iacute; para ir a este otro</span>
</body>

</html>


Podéis ver el ejemplo funcionando aquí

De esta manera hemos conseguido

  1. Que Google no tenga en cuenta los links que pongamos con <span class="camuflaEnlace" atributo="URL codificada">, pero que el usuario ni se entere de que es un "link camuflado".

  2. Que ni Google ni ningún otro bot se den cuenta de que tenemos una URL en nuestro código, ya que nos quedará en el código HTML algo así
    <span class="camuflaEnlace" atributo="aHR0cDovL21va29hbWFyZ28uY29t">.

  3. Que tenga en cuenta el alt de la imagen que es donde podemos poner la palabra "comprar" casi tantas veces como queramos sin molestar al usuario :)

 

 




Posts anteriores en Posicionamiento de imágenes


  • Martes 29 de Enero del 2013
Space Needle
Publicado el 29 de enero del 2013 por Lino Uruñuela El otro día Google modificó el inteface de Google Images. El cambio es bastante significativo debido a que ahora no carga la url original de la imagen al hacer el primer click en la imagen de los resultados.

Seguir leyendo
  • Domingo 07 de Octubre del 2012
Space Needle
Publicado el 7 de octubre del 2012, by Lino Uruñuela   Esta es una prueba con imágenes, a ver si consigo personalizar mis resultados A ver si lo consigo...

Seguir leyendo
  • Miercoles 08 de Junio del 2011
Space Needle
Publicado el 8 de junio del 2011, by Errioxa Hace un tiempo realicé una serie de tests para comprobar cómo Google valoraba los links en las imágenes (y más) y que atributos tenía en cuenta para posicionar una página a la que linkaran. Los resultados pu

Seguir leyendo
  • Miercoles 09 de Marzo del 2011
Space Needle
Publicado el martes 29 de marzo del 2011, by Lino Uruñuela El otro día me sorprendí cuando miré las estadísticas de una web al ver que desde el jueves 24 las entradas por Google Images habían descendido más de un 60%, por suerte no es una parte s

Seguir leyendo
  • Jueves 04 de Noviembre del 2010
Space Needle
Publicado el 4 de noviembre del 2010 Hoy voy a hacer una pequeña variación del anterior experimento. En este en vez de inluir tanto el texto como la imagen en la misma etiqueta del enlace, en este voy a poner dos etiquetas <a una para la imagen, y otra para el texto. En

Seguir leyendo
  • Viernes 29 de Octubre del 2010
Space Needle
Publicado el 29 de octubre del 2010 Ya era hora, después de mucho tiempo sin escribir debido a que ahora estoy trabando desde casa. Y para no perder la costumbre, cuando termino mi jornada lo primero que hago es irme, y no saco ganas para quedarme y escribir. Antes salía de la

Seguir leyendo
  • Lunes 30 de Marzo del 2009

Publicado el 30 de marzo del 2009 A veces tenemos imágenes de fondo para decorar ciertos aspectos de la web. Estas imágenes a veces no son sólo de diseño sino que llevan también texto o forman parte del contenido. Como dice un amigo mío jjomntes "cre

Seguir leyendo
  • Lunes 22 de Diciembre del 2008
Space Needle
Publicado el 22 de diciembre del 2008 Como veis los que seguís este blog últimamente estoy un poco enparanoiao con las imágenes, pero creo que visto los resultados de los anteriores experimentos SEO creo lo mejor es seguir haciéndolos. Así que aquí os

Seguir leyendo
Space Needle
Pues visto que con una imagen sí conseguimos que el segundo link cuente, vamos a ver si es capaz de posicionar dos palabras inventadas a la misma URL Y la otra palabra que inventamos es singasilonaos de esta manera si por las dos plabras sale el mismo resultado querrá

Seguir leyendo
  • Viernes 14 de Noviembre del 2008
Space Needle
Publicado el 14 de noviembre del 2008 Antes de hacer el súper experimento nofollow voy a hacer otro, por si... Este va de imágenes y cómo cuenta el anchor text Que buena la niña jajaja Será que es una kilsieoa pues no lo sabemos pero pronto

Seguir leyendo
  • Viernes 08 de Febrero del 2008

Publicado el lunes 18 de febrero del 2008 Al intentar posicionar una página web en Google sabemos que un link de texto con <H1> vale más que un link normal, lo mismo pero en menor grado si el texto está en negrita. ¿Qué pasa con las imágenes? &

Seguir leyendo
  • Lunes 30 de Noviembre del -0001

En las páginas webs yo distingo dos tipos de imágenes que podemos utilizar, las imágenes para la maquetación de la página y las imágenes para que vea el usuario. Tanto un tipo de imágenes como el otro deben estar optimizadas para que nuestra página sea ligera y pueda descargarse rápidamente

Seguir leyendo

Últimos posts

Últimos comentarios


David Girona

Antes de Nada muchas gracias por la aportación. Estoy probando de poner en marcha este procedimiento y me surgen un par de dudas. En
Post: Cómo añadir el valor del meta Robots a Google Analytics via Google Tag Manager

Javier Espinoza

Gracias por la informacion!! Este tipo de blogs me parecen muy importantes, esto lo estudio en la universidad. gracias por la informacion. h
Post: Atacados por los .cn .cz .pl

juan

Hola Lino Uruñuela, una duda ¿aun funciona? porque no lo logro. Mira, en un index.php tengo este codigo: Camuflados
Post: Ofuscando enlaces para mejorar Link Juice

DUQUEredes

Google pasa del canonical bastante :-(
Post: Comprobando comportamiento de Google con meta canonical

Marinette

Gracias por la información!
Post: Nuevo Google Search Console ¿qué información nos ofrecerá?

Adolfo

Parece que a todo el mundo le ha gustado este artículo sexista y lleno de situaciones de agresión sexual y violencia de género, ya tendr
Post: Tipos de marketing

FDM

Hola, Lino: Genial el post, como siempre. Es genial contar con personas tan curiosas y que investigan al detalle el funcionamiento de Goo
Post: La segunda ola de indexación y cómo saber qué renderiza Google

Lino Uruñuela

@Cesar saltarse alguna orden del código es un falta de respeto!, que para algo lo hice :D No se les da muy bien esperar, su tiempo es or
Post: La segunda ola de indexación y cómo saber qué renderiza Google

César Aparicio

Hola Lino, Nos conocemos de películas como: Los de Google son muy frikis o Pasodobles y SEO. Mi cuestión es la siguiente: entiendo
Post: La segunda ola de indexación y cómo saber qué renderiza Google

Nostram

Porque será que no me extraña. No he visto un producto que funcione peor que "OK Google" lamentable.
Post: ¿Grave fallo de privacidad de Google Assistant?

Contacta

Lánzate y pregunta!


He leído y acepto la política de privacidad

Mecagoenlos.com te informa que los datos de carácter personal que nos proporciones rellenando el presente formulario serán tratados por Lino Uruñuela. como responsable de esta web.

La finalidad de la recogida y tratamiento de los datos personales que te solicitamos es para enviar un correo con los datos que introduzcas, sin guardarse en ninguna base de datos.

Legitimación: Al marcar la casilla de aceptación, estás dando tu legítimo consentimiento para que tus datos sean tratados conforme a las finalidades de este formulario descritas en la política de privacidad.

Como usuario e interesado te informamos que los datos que nos facilitas estarán ubicados en los servidores de Linode.com (proveedor de hosting de Mecagoenlos.com) cumpliendo la ley de protección de datos. Ver política de privacidad de Linode.com.

Podrás ejercer tus derechos de acceso, rectificación, limitación y suprimir los datos en info@mecagoenlos.com, así como el derecho a presentar una reclamación ante una autoridad de control. Más información aquí.