Durante mucho tiempo, los SEOs vivimos bajo una regla de oro muy simple: "Si no está en el código HTML, no existe". Pero el internet ha cambiado. Hoy en día, la mayoría de los sitios web modernos utilizan JavaScript (JS) para crear experiencias interactivas, menús desplegables y carga de contenido dinámico.
Hace poco me pasó algo frustrante: publiqué una sección increíble en mi web usando un nuevo widget de JavaScript. Para mis ojos, el sitio se veía perfecto. Pero cuando revisé mi consola, Google no indexaba ni una sola palabra de esa sección. Estaba siendo invisible para el buscador.
Ahí fue donde me sumergí en el mundo del renderizado. Si usas JS en tu blog o web, necesitas entender esto para que tu contenido no se quede en el limbo.
El proceso de las "Dos Olas": Cómo Google ve tu web
A diferencia de un humano, Google no ve el JavaScript al instante. El proceso funciona en dos etapas o "olas":
Primera Ola (HTML): El bot de Google (Googlebot) llega, lee tu código HTML y CSS, e indexa lo que encuentra ahí. Esto es ultra rápido.
Segunda Ola (Renderizado): Como procesar JavaScript es caro y requiere mucha potencia, Google pone tu página en una "lista de espera". Días o semanas después, vuelve con un servicio de renderizado (WRS), ejecuta el JavaScript y ve el contenido final.
El problema: Si tu contenido más importante depende de esa segunda ola, podrías tardar semanas en aparecer en Google o, peor aún, si el script tiene un error, Google nunca verá nada.
Cómo comprobar si Google te está leyendo
No tienes que adivinar. Yo uso estas dos herramientas gratuitas que son mis mejores amigas:
Prueba de Optimización para Móviles / Herramienta de Inspección de URLs: En Google Search Console, pega tu URL y dale a "Ver página probada". Haz clic en "Captura de pantalla". Si lo que ves es un espacio en blanco donde debería estar tu contenido, tienes un problema de renderizado.
El comando
site:miweb.com "frase específica": Copia una frase que solo aparezca dentro de tu contenido dinámico y búscala en Google con este comando. Si no aparece, Google no ha ejecutado tu JS.
Mis 3 consejos para un JavaScript "SEO-Friendly"
Si descubres que Google no te ve, aquí están los ajustes que me salvaron la vida:
Server-Side Rendering (SSR) o Pre-rendering: Si puedes, haz que el servidor entregue el contenido ya "cocinado" en HTML. De esta forma, Google lo ve en la primera ola y no tiene que esperar.
No bloquees el JS en tu archivo Robots.txt: Parece obvio, pero muchos sitios bloquean accidentalmente la carpeta
/js/. Si Google no puede acceder al archivo, no puede renderizar la página. ¡Revisa tu archivo ahora mismo!Enlaces con
<a>yhref: No uses eventos de JavaScript (comoonclick) para navegar entre páginas. Googlebot es un experto siguiendo enlaces tradicionales, pero muy malo haciendo "clics" virtuales en elementos de código.
Conclusión: El equilibrio entre diseño y visibilidad
El JavaScript es una herramienta maravillosa para el diseño, pero en SEO, el HTML sigue siendo el rey de la velocidad e indexación. Mi filosofía actual es: usa JavaScript para la interactividad, pero asegúrate de que el texto y los enlaces principales sean visibles desde el segundo uno.
No dejes que una web "bonita" arruine tu tráfico orgánico. Asegúrate de que Google no solo visite tu casa, sino que pueda ver todos los muebles que hay dentro.
¿Has notado que algún elemento de tu blog no aparece en los resultados de Google? ¡Pega tu duda en los comentarios y analicemos juntos si es un problema de renderizado!
No hay comentarios:
Publicar un comentario