No se puede ver mi contenido cuando deshabilito JavaScript

La pregunta de esta semana proviene de Thomas, que pregunta:

Desactivé el JavaScript solo para verificar el contenido de mi página web, pero desafortunadamente no pude ver ningún contenido, excepto la etiqueta Banner H1.

¿Hará daño a mi SEO? En caso afirmativo, ¿cuáles son las soluciones aconsejables para esto?

Esta es una gran pregunta: es algo que todos los profesionales de SEO deben tener en cuenta.

Pasamos tanto tiempo tratando de crear contenido interesante y atractivo que sería desgarrador pensar que no es visible para los motores de búsqueda.

Sin embargo, dados los avances recientes en la capacidad de Google para representar el contenido de JavaScript, ¿es algo por lo que aún debemos preocuparnos?

La respuesta corta es sí.

Por qué JavaScript puede ser un problema

Sabemos que para ingerir información, Googlebot descubrirá una página, la arrastrará, lo analizará e indexará. Para JavaScript, el rastreador necesita “representar” el código. La etapa de representación es donde pueden ocurrir problemas de JavaScript.

JavaScript debe ser descargado y ejecutado para que el contenido se analice. Esto requiere más recursos que el contenido de análisis BOT en HTML.

Como tal, a veces Google aplazará la etapa de representación y volverá a una página para que la represente en una fecha posterior.

La mayoría de los sitios web en estos días utilizarán algunos JavaScript, eso está absolutamente bien.

Sin embargo, si su sitio web requiere que JavaScript cargue contenido importante que sea crucial para la página, entonces podría ser un riesgo.

Si, por alguna razón, un bot de búsqueda no representa el JavaScript en una página, entonces no tendrá ningún contexto sobre de qué se trata la página.

Es crucial recordar que no todos los motores de búsqueda pueden representar a JavaScript. Esto se está volviendo cada vez más importante en la era de los motores de búsqueda generativos, muy pocos de los cuales representan JavaScript.

Diagnosticar un problema

Ha hecho lo correcto al comenzar a investigar el efecto que la renderización de JavaScript podría estar teniendo en su sitio.

Desactivar el JavaScript y ver qué contenido permanece, y lo que aún es interactivo sin él, es importante.

Sugiero ir un paso más allá y mirar lo que está disponible para los bots de búsqueda para leer en la primera carga de una página. Esto lo ayudará a identificar el contenido accesible sin la representación de JavaScript.

Verifique la consola de búsqueda de Google

En primer lugar, use la herramienta de inspección de URL de la URL de búsqueda de Google y mire el HTML renderizado. Si el contenido está presente en el HTML representado, Google debería poder leer el contenido.

Verifique el navegador Chrome

Puede ir a “Ver fuente” en Chrome para ver cómo se ve el HTML pre-renderizado. Si todo el contenido está allí, no necesita preocuparse más.

Sin embargo, si no es así, puede usar las herramientas de desarrollador en Chrome para un diagnóstico adicional. Mire en la pestaña “Elementos”. Si puede ver su contenido, entonces, de nuevo, probablemente esté bien.

Revise los robots.txt

A veces, los desarrolladores pueden optar por bloquear los archivos de JavaScript específicos para que se rastreen al no permitirlos en Robots.txt.

Esto no es necesariamente un problema a menos que se necesiten esos archivos para generar información importante.

Siempre vale la pena verificar su archivo robots.txt para ver si hay algún archivo JavaScript bloqueado que pueda evitar que los bots, en particular, accedan al contenido de la página.

Siguientes pasos

JavaScript tiende a preocuparse a mucha gente cuando se trata de SEO. Sin embargo, es una parte importante de la web moderna. No se escapa al uso de JavaScript.

Necesitamos asegurarnos de que nuestros sitios web utilicen JavaScript para que los motores de búsqueda populares y emergentes puedan encontrar y leer nuestro contenido.

No necesitas preocuparte pero ser diligente.

Si tiene recursos de desarrollador a la mano, puede trabajar con ellos para identificar la solución más aplicable.

Aquí hay algunos cheques que puede hacer:

¿Estamos utilizando la representación del lado del cliente o la representación del lado del servidor?

La representación del lado del cliente esencialmente utiliza el navegador para representar el JavaScript de una página.

Cuando se visita una página, el servidor responde enviando el código HTML y los archivos JavaScript. El navegador luego descarga esos archivos y genera el contenido del JavaScript.

Esto es contrario a la representación del lado del servidor, donde el servidor representa el contenido y luego se envía al navegador con los datos proporcionados.

En general, la representación del lado del servidor es más fácil para los bots, puede ser una experiencia más rápida para los usuarios y tiende a ser la recomendación predeterminada para SEO.

Sin embargo, puede ser más costoso para los sitios web y, por lo tanto, no siempre es la opción predeterminada para los desarrolladores.

¿Nuestro contenido principal se puede representar sin JavaScript?

El contenido más importante en su página, el contenido principal, debe ser posible analizar sin la representación de JavaScript.

Esa es siempre la forma más segura de garantizar que los bots puedan acceder al contenido.

¿Estamos usando enlaces JavaScript?

Una consideración adicional es si sus enlaces se pueden rastrear fácilmente por los bots de búsqueda.

No siempre es un problema tener enlaces generados a través de JavaScript. Sin embargo, existe el riesgo de que los bots no puedan resolverlos a menos que estén debidamente contenidos en Elemento HTML con un atributo HREF.

Google afirma que “no puede extraer de manera confiable las URL de elementos que no tienen un atributo HREF u otras etiquetas que funcionen como enlaces debido a eventos de script “.

Recuerde, sin embargo, no es solo Google del que debes ser consciente. Siempre es mejor errar por hacer que sus enlaces sean fáciles de seguir.

En resumen

Es crucial asegurarse de que su contenido sea accesible para los bots, ahora y en el futuro.

Eso significa que si su sitio web se basa en gran medida en JavaScript para cargar contenido, puede tener dificultades para comunicar esa información a algunos motores de búsqueda.

Es cierto que Google es mucho mejor para representar sitios pesados ​​de JavaScript de lo que solía ser, pero el campo de juego SEO no es solo Google.

Para asegurarse de que su sitio web pueda funcionar bien en las plataformas de búsqueda más allá de Google, es posible que desee cambiar la forma en que su sitio web le hace contenido, asegurándose de que su contenido principal esté en HTML.

Más recursos:

Imagen Feaded: Paulo Bobita/Search Engine Journal