El lado oscuro del SEO – Ocultando KeyWords
Como ocultar KeyWords o palabras claves con JQuery
Este artículo es un ejemplo modificado por mi del artículo de Matt Cutts en su blog.
Lo que voy a demostrar es como ocultar palabras claves o tags mediante el uso de JQuery y es imposible que los Spiders o Crawlers detecten el código como malicioso.
Pero eso no quiere decir que lo tengan que implementar, visto que no es bien visto para el público que desea leer un artículo o una página que está optimizada de esta manera, porque a veces no encuentran lo que buscan y terminan abandonando su sitio con gran desilusión .
Les muestro el código completo en HTML y luego paso a explicarles que es y como funciona.
<!DOCTYPE html PUBLIC “-//W3C//DTD XHTML 1.0 Strict//EN” “http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd”>
<html xmlns=”http://www.w3.org/1999/xhtml” xml:lang=”en” lang=”en”><head>
<title>SEO con JQuery</title>
<script type=”text/javascript” src=”http://ajax.googleapis.com/ajax/libs/jquery/1.3/jquery.min.js”></script><script type=”text/javascript”>
$(document).ready(function()
{var word = ‘economize the custom market is in color red and doomed’;
var higlighted_text = word.substring(32,33)+word.substring(2,3)+word.substring(45,46)+word.substring(12,13);$(‘#content150′).css({‘color’: ‘red’, ‘background-color’: ‘white’, ‘display’: higlighted_text });
});
</script></head>
<body>
<div id=”content150″>
En esta sección pueden ingresar cualquier tipo de palabra clave que atraiga a los buscadores.
o bien una larga descripción de su sitio web.
</div>
</body>
</html>
Bien ahora les explico el cógido javascript:
var word = ‘ecOnomize thE custom market is iN color red aNd doomed’;
var higlighted_text = word.substring(32,33)+word.substring(2,3)+word.substring(45,46)+word.substring(12,13);
Que en forma desorganizada el texto “higlighted_text” da como resultado “none” que es un atributo css para ocultar el texto.
La siguiente linea fue hecha para confundir un poco pero lo que en realidad importa es el dislpay: highlighted_text, me gustó hacerlo de esta manera, es mas “oculto” a la vista:
$(‘#content150?).css({‘color’: ‘white’, ‘background-color’: ‘red’, ‘display’: higlighted_text });
});
Y a continuación es lo que tienen que incluir en su HTML algún texto para atraer a los spiders o crawlers con las palabras claves que más les guste, o una muy buena descripción.
<div id=”content150″>
En esta sección pueden ingresar cualquier tipo de palabra clave que atraiga a los buscadores.
o bien una larga descripción de su sitio web.
</div>
Esto es todo, espero que no abusen de esta simple práctica, decidí hacer el artículo de manera muy simple para que entiendan paso a paso los no expertos del tema.
Espero que no haya sido aburrido para los que saben.
Saludos a todos.
