JavaScript y motores de búsqueda: lo que debe tener en cuenta

Hace solo unos años, JavaScript era muy controvertido. Las molestas ventanas emergentes de anuncios eran la razón por la que el lenguaje de programación a menudo se bloqueaba de forma predeterminada. Ahora, resulta difícil imaginar un diseño web moderno sin JavaScript. JavaScript es especialmente importante en Internet móvil, como medio de reproducción de medios, pero también para geolocalizaciones y navegaciones. Pero, ¿qué tan bien se llevan JavaScript y los motores de búsqueda? ¿Qué debes tener en cuenta?

Los motores de búsqueda han aprendido

Lo primero es lo primero, debe decirse que los tiempos en que los motores de búsqueda no podían manejar JavaScript han terminado. Si bien el contenido cargado a través de JavaScript solía ser invisible para los motores de búsqueda, ahora han aprendido algo nuevo. Y cuando hablo de motores de búsqueda, obviamente me refiero a Google, en su mayor parte. El gigante de las búsquedas sigue siendo la medida de todas las cosas.

Para Google, JavaScript ya no es un peligro por defecto. Sin embargo, eso no significa que pueda usar JavaScript sin dudarlo. Dado que Google mantiene en secreto la forma en que funciona su algoritmo de búsqueda, los siguientes consejos deben tomarse con cautela.

Carga de contenido mediante carga en lugar de eventos de usuario

A menudo, los eventos se utilizan para alterar el contenido de un sitio web a través de JavaScript. Aquí, los motores de búsqueda generalmente solo consideran el contenido cargado a través de eventos de carga.

Estos resultados se disparan desde el navegador tan pronto como se carga el árbol DOM de un sitio. Los motores de búsqueda como Google permiten eventos de carga durante el rastreo, por lo que el contenido del sitio generalmente solo se indexa después de la ejecución de los eventos de carga.

Sin embargo, los eventos de usuario no se cargan. Por lo tanto, todos los cambios activados mediante eventos de clic o toque, por ejemplo, no se considerarán durante la indexación.

Push-States y URL

Para permitir que Google indexe un sitio, siempre debe ser accesible a través de una URL. Por lo tanto, los eventos de clic tampoco se pueden considerar, ya que siempre muestran contenido activado por un usuario individual.

Gracias a la API de estado push de JavaScript, es posible influir en la URL de un sitio web. Esto le permite realizar la navegación completa de un sitio web a través de JavaScript, utilizando «pushState ()» para modificar la URL que se muestra en el navegador, mientras carga y reemplaza el contenido a través de JavaScript al mismo tiempo.

Como Google no puede indexar las URL que se realizan exclusivamente a través de la API de estado push, cada URL creada con «pushState ()» también debe tener una URL «real, existente».

Por cierto, esto no solo es interesante para los motores de búsqueda, sino también para las redes sociales. Esto se debe a que solo puede compartir sitios que tengan una URL «real». Facebook y Twitter también necesitan extraer contenido de un sitio, que solo funciona si hay una URL.

Es importante usar siempre «pushState ()» para crear URL correctas que también tengan siempre el contenido correcto a través de JavaScript. Una URL de estado de inserción incorrecta que no carga ningún contenido nuevo puede generar contenido doble. Y a los motores de búsqueda tampoco les gusta eso.

No excluya JavaScript

Puede ser evidente por sí mismo, pero aún así debe mencionarse. Por supuesto, debe asegurarse de que los archivos JavaScript no estén excluidos para los motores de búsqueda. Si el «robots.txt» generalmente prohíbe los archivos JavaScript, los motores de búsqueda no tienen forma de acceder a ellos.

Como JavaScript en sí no contiene contenido indexable, a menudo se oculta a los motores de búsqueda.

Mejora progresiva

Independientemente de todas las opciones que Google y otros motores de búsqueda le brindan para permitirle rastrear contenido creado a través de JavaScript, el método más seguro sigue siendo el llamado «Mejora progresiva».

Este principio persigue el enfoque de que el contenido debe prepararse de manera que esté disponible, independientemente del navegador o rastreador.

Concretamente, esto significa que los textos, imágenes y otros contenidos que se supone deben ser encontrados y buscados por un motor de búsqueda, deberían funcionar sin JavaScript, si es posible.

Sin embargo, esto a menudo está relacionado con un esfuerzo adicional significativo para el desarrollador web. Básicamente, cada sitio web tiene que proporcionar todo el contenido incluso sin JavaScript. Dependiendo del tipo y la preparación del contenido, ciertos compromisos en los que solo se muestra contenido importante sin JavaScript pueden ser opciones viables.

Aquí, debe juzgar qué esfuerzo es razonable para su proyecto.

Semántica correcta

Con y sin JavaScript: en cualquier caso, es importante que tu contenido esté etiquetado como semánticamente correcto. Los encabezados cargados a través de JavaScript también deben etiquetarse con los elementos HTML respectivos.

Aquí, se aplican las mismas reglas que se aplican al contenido normal. Al final, para Google, el factor decisivo es cómo se ve el texto fuente HTML después de la ejecución de JavaScript. Por lo tanto, elegir los elementos correctos es crucial.

Prueba de la vista del rastreador

Si elige cargar contenido exclusivamente a través de JavaScript (sin seguir el principio de «mejora progresiva»), debe probar para ver si los motores de búsqueda pueden ver y rastrear correctamente y por completo su contenido.

La «Consola de búsqueda» de Google es una de las cosas que le ayudan aquí. En «Rastrear», encontrará la función «Explorar como Google». Aquí, puede mostrar un sitio web para dispositivos móviles y de escritorio, de la forma en que Google realmente lo rastrea.

Sin embargo, existen otras herramientas, en su mayoría cargadas, como SEO.JS y preprender.io que se han especializado en verificar si el contenido de JavaScript de un sitio web se muestra correctamente durante el rastreo. Esta puede ser una adición sensata para proyectos complejos.