Cómo usar JavaScript AJAX

Como sabemos Google y los demás buscadores no son capaces de interpretar JavaScript, ni flash y por tanto no es muy recomendable abusar de estas dos opciones si queremos tener una página web optimizada para el posicionamiento en buscadores.

Hay cosas que no se pueden realizar correctamente sin usuar JavaScript, como podría ser un ticker de noticias en movimiento, o un calendario que tiene que interactuar con el usuario. Para estos casos en los que no hay más remedio es muy recomendable poner un link que apunte a una página dónde mostraremos todos los eventos del calendario (si fuese el caso), así por lo menos el buscador llegará hasta esa información y la podrá indexar.

Otro caso muy común actualmente en el que se usa JavaScript es cuando hacemos páginas con tecnología AJAX, que particularmente me gusta mucho. Esta tecnología combina los lenguajes JavaScript y otro lenguage del lado del servidor (Php, Asp, etc) para mostrar información en una parte de la página sin recargar el resto, es lo más parecido a una aplicación informática de escritorio. Ésto posee unas cuantas ventajas tanto al usuario como al webmaster.

Al usuario la gran ventaja que le ofrece es que no tendrá que recargar otra vez toda la página para ver la información que desee, sino sólo la información que varía, con lo que la navegación será mucho más rápida.

Para el webmaster la ventaja principal es que no desperdiciará el ancho de transferencia y recursos de su hosting en recargar y recargar imágenes, estilos, etc...

El problema que presenta el AJAX es exactamente el mismo que el JavaScript (ya que es JavaScript) y por lo tanto no será interpretado por los buscadores y éstos nunca podrán llegar a indexar esa información.

Para solventar esto yo suelo recurrir a crear en el tag que lanza el AJAX, un enlace dónde en el atributo href le pongo la página de destino que mostraría otra página con los mismos resultados que el AJAX devolviese, así también vale como método de accesibilidad para los que navegadores que no tengan JavaScript. Luego en el onclick del tag "a" pongo <a href="paginadestino.php" onClick="funcionAjax(parametros);return false">enlace</a> con lo que conseguimos que cuando haga click el usuario no siga al enlace que ponemos en href sino la funciónAjax que hemos programado. En cambio, un buscador seguirá el enlace y no la funciónAjax (ya que no interpreta el JavaScript) e irá a parar a la página de destino que he diseñado como alternativa a los que no tienen JavaScript. De esta manera la página de destino será indexada y tendrá posibilidades de salir en las búsquedas de los usuarios en Google, Live, etc.. aunque eso también habrá que currárselo.

¿Se os ocurren más cosas?

 


Comentarios

Errioxahace Hace más de 10 años y 82 días

¿Has puesto después de llamar a la función (dentro del onclick) el return false? así; onclik="funcion1();return false"

Dantehace Hace más de 8 años y 185 días

Buen detalle… a la hora de indexar el contenido Google rastrea la URL del enlace y dicha URL es la que quedara en los registros… pero hay veces que al ingresar a una dirección que esta pensada para ser cargada mediante AJAX el contenido de la misma no tiene estilos ya que los mismo están cargado en el Index por ejemplo y automáticamente se los amigan al contenido que AJAX cargue… por lo que es posible que el usuario al buscar en Google y encuentre dicha URL vea un contenido sin estilos ¿Verdad? ¿No hay otra forma?

blasyepihace Hace más de 8 años y 106 días

Lo suyo seria crear una web totalmente paralela, pero unida en contenidos y demás a la web en ajax. Vamos doble trabajo, aunque si funciona, creo que merece la pena.

robertohace Hace más de 7 años y 123 días

hola esty probando este sitio. para ver su funcionalidad

hoolaahace Hace más de 6 años y 316 días

ytdmkyjhn

adrianhace Hace más de 4 años y 305 días

Ajam creo que di con la solucion


Haber, en principi despues de leer esto dije DIOSSS, tengo que hacer lo que decis aqui, o lo que dice google, que ralllada!!!

Asique me puse a ensar es posible, saber si nos visita un robot??

Y la Respuesta es Si,

Pues utilizando PHP y con un condicional apropiado puedo hacer que cuando sea un robot cargue la informacion y cuando no, se carga a traves de


if($_SESSION["robot"]==0) echo '';
else echo '';




QUe os parece , lo entendeis?

adrianhace Hace más de 4 años y 305 días

Ajam creo que di con la solucion


Haber, en principi despues de leer esto dije DIOSSS, tengo que hacer lo que decis aqui, o lo que dice google, que ralllada!!!

Asique me puse a ensar es posible, saber si nos visita un robot??

Y la Respuesta es Si,

Pues utilizando PHP y con un condicional apropiado puedo hacer que cuando sea un robot cargue la informacion y cuando no, se carga a traves de


if($_SESSION[\"robot\"]==0) echo \'\';
else echo \'\';




QUe os parece , lo entendeis?

Deja un comentario

  • 2017-05-27 00:00:00
  • tags

Publicado el 29 de mayo del 2017 por Lino Uruñuela Aunque hemos visto en otras ocasiones cómo podría tratar Google el contenido cargado mediante JavaScript (usando Ajax con jQuery u otros métodos) ultimamente estoy con la duda de si está cambiando algo, ya que v

Seguir leyendo

  • 2015-07-03 00:00:00
  • tags

Publicado por Lino Uruñuela el 3 de julio del 2015 Una de las cosas que más curiosidad me provoca Google es saber hasta que punto rastrea JavaScript, y hasta que punto es capaz de interpretar lo que con JavaScript haces en el site. Desde hace tiempo se ha pensado que Google

Seguir leyendo

  • 0000-00-00 00:00:00
  • tags

function ejecutaCodigo2(variableJS){ if (window.XMLHttpRequest){ http_request = false; if (window.XMLHttpRequest) { // Mozilla, Safari,... http_request = new XMLHttpRequest(); } else if (window.ActiveXObject) { // IE t

Seguir leyendo

  • 0000-00-00 00:00:00
  • tags

function ejecutaCodigo(){ if (window.XMLHttpRequest){ http_request = false; if (window.XMLHttpRequest) { // Mozilla, Safari,... http_request = new XMLHttpRequest(); } else if (window.ActiveXObject) { // IE try {

Seguir leyendo

  • 0000-00-00 00:00:00
  • tags

Publicado el 14 de mayo del 2009 var nueva = "http://www.clavesde.com/experimento24.html"; alert("Esta es la URL que debería cachear si sigue las URLs en cualquier parte del código: http://www.clavesde.com/experimento24.html"); Hoy quiero comprobar si Google sigue las URLs que est&aacut

Seguir leyendo

  • 0000-00-00 00:00:00
  • tags

Publicado el 8 de febrero del 2008 ¿Qué ocurriría si a Google le da por mostrar sus resultados usando Ajax? Imagina que cuando tú buscas algo en Google la URL siempre fuese la misma, mostrando sus resultados utilizando Ajax. Para el usuario todo sería aparant

Seguir leyendo


Posts anteriores en Links y experimentos


  • 2015-12-10 00:00:00
  • tags
Space Needle
  • 2015-09-24 00:00:00
  • tags
Space Needle
  • 0000-00-00 00:00:00
  • tags
Space Needle
Datos de contacto
  • 637167218
  • wachynaky@gmail.com

Lánzate y pregunta!

Nos gustan los robots, pero no tanto
7 + 3

Dónde encontrarme

FunnelPunk.com


Blog Seo de Lino Uruñeula
Co-Fundador



Últimos posts

Categorias