John Mueller de Google aconseja colocar el código JavaScript debajo del elemento HTML para garantizar que los motores de búsqueda puedan entender claramente su sitio web.
John Mueller de Google sugiere mantener la sección del elemento HTML
«limpia» para garantizar que los rastreadores de búsqueda puedan comprender completamente su sitio web.Mueller comparte este consejo en un hilo de Reddit, donde un usuario pregunta si la ubicación del código HTML podría causar problemas de SEO.
La respuesta es sí;
Una nota sobre los comentarios de Mueller
John Mueller usa el término encabezados HTML Pero el elemento
normalmente no se denomina de esa manera.- Los encabezados HTML generalmente se entienden (como jerga informal) para hacer referencia al elemento
(H1, H2, H3, etc.). - Los elementos de encabezado son un elemento HTML específico conocido como
, que contiene el menú, el logotipo, etc. - El elemento Head HTML es una sección en la parte superior del documento HTML con metadatos sobre el documento en sí (título, meta descripción, etc.).
Entonces, cuando Mueller hace referencia a «encabezados», está discutiendo específicamente el elemento
.John Mueller sobre JavaScript en el elemento Head
La intención de Mueller era enfatizar la importancia de mantener la sección
del documento HTML ordenada y despejada con scripts que se pueden colocar en otro lugar.El elemento
solo debe contener metadatos sobre el documento en sí que utilizan los navegadores y los motores de búsqueda, lo que ayuda a los motores de búsqueda a comprender de qué se trata la página y proporciona datos a los navegadores y motores de búsqueda para representar la página web correctamente (lo que significa mostrarla).Algún código JavaScript que se puede colocar después del elemento
debería ir después.Después de sacar cualquier código JavaScript de la sección
, Mueller recomienda usar la herramienta de renderizado en Search Console para comprobar si la página se renderiza correctamente después del movimiento.“The html headers (<head>) should be pretty much on top. I’d move any JS to below the HTML headers, and check with the rendering tool in search console that the JS doesn’t mess up the <head> section.”
“Los encabezados html (
) deberían estar bastante arriba Muevo cualquier JS debajo de los encabezados HTML y verifico con la herramienta de representación en la consola de búsqueda que el JS no arruine la sección ”.Con respecto al contenido principal, Mueller dice que su ubicación es menos importante, aunque es crucial que la sección
esté limpia y bien organizada para que Googlebot pueda entenderla correctamente.Müller continúa:
“For the content it doesn’t matter as much, but since the head stuff is for machine-readable information that’s verified to be in a specific part of the page, it really needs to be clean on top.
Down with JavaScript! (in the <head>)”
“Para el contenido no importa tanto, pero dado que el encabezado es para información legible por máquina que se verifica que está en una parte específica de la página, realmente necesita estar limpio en la parte superior.
¡Abajo con JavaScript!
¿Por qué es importante la ubicación de JavaScript para el SEO?
Al diseñar un sitio web, es mejor utilizar los atributos asíncronos y diferidos de una manera estratégica que permita la mejor representación e interactividad a la velocidad de página más rápida para los usuarios.
Esto se debe a que JavaScript puede retrasar la representación de una página web mientras se carga, lo que resulta en una mala experiencia para el usuario.
El HTML se puede representar primero, lo que permite al usuario ver el contenido mientras JavaScript se carga en segundo plano con el uso adecuado de los atributos defer y async.
Fuente: Reddit Reddit
Imagen destacada: StockEU/Shutterstock
Leer el articulo original en Search Engine Journal.
