Impacto de JavaScript en SEO y métodos de optimización

Análisis y problemas de SEO

Se realizó un análisis diagnóstico de SEO para varios sitios, y el problema más evidente es que se implementó utilizando Wordpress. Se ha realizado un mal trabajo en cuanto a la optimización interna, como el rendimiento front-end, la simplificación del código, entre otros aspectos. Especialmente, el uso de JavaScript en el sitio web, que se ha convertido en un problema cada vez más importante en la optimización de SEO. Ya sea cargar de forma asíncrona o agregar interactividad a las páginas, hoy en día es casi inevitable utilizar scripts de JS. Un uso incorrecto de JavaScript puede tener un gran impacto en el SEO.

Procesamiento de JS por los motores de búsqueda

Simple explanation of Google crawling steps. When traditionally crawling HTML pages, Google bot downloads the HTML pages, extracts URL addresses from the source code, and rapidly visits these URLs. Then downloads CSS files, sends the downloaded resources to Google's Indexer, and indexes the pages. When crawling website content generated by JavaScript, Google bot downloads the HTML page, doesn't find links in the source code because JavaScript is not executed. Then downloads CSS and JavaScript files, uses WRS (renderer, part of the Indexer) to parse, compile, and execute JavaScript, fetches data from external APIs, databases, Indexer can index content. Finally, Google discovers new links and adds them to the crawling queue.

Do not use JS for important links

Search engine crawling and page retrieval rely on tracking links. If important links need to be called or parsed using JS scripts, the search engine might not be able to track them. This doesn't mean that links can't be invoked using JS, and often, the common footer of a website is implemented through JavaScript, but important pages that are intended to be indexed should at least have the most basicProporcionar enlaces formateados para la entrada de rastreo.

Usar con precaución la carga bajo demanda y el diseño en cascada.

La carga de imágenes bajo demanda e incluso el contenido de texto bajo demanda son métodos comúnmente utilizados por muchos sitios web para mejorar la velocidad de la página. Sin embargo, hay que tener en cuenta que al implementar la carga bajo demanda con JavaScript, es posible que se requiera interacción del usuario para cargar, como hacer clic en un enlace de "más información" o desplazar la página hacia abajo, acciones que los rastreadores de motores de búsqueda no realizan, por lo que podrían no ver el contenido cargado bajo demanda. Tanto la carga bajo demanda de más contenido en la misma página como de listas de otras páginas pueden causar problemas de rastreo e indexación. El uso del diseño en cascada en páginas de lista también es una elección común para muchos sitios web, ya que los usuarios están acostumbrados, fundamentalmente es un aprendizaje de la presentación en las redes sociales. Sin embargo, los sitios web de redes sociales suelen bloquear activamente a los motores de búsqueda para evitar la indexación. Si quieres que el contenido de tu sitio web se indexe completamente, evita en la medida de lo posible el uso de diseño en cascada. Si usas diseño en cascada, diseña también otras entradas de enlace que los motores de búsqueda puedan seguir.

Velocidad de apertura y respuesta de la página web

Usar JS normalmente ralentiza la apertura y la velocidad de respuesta de la página. Descargar archivos JS no es necesariamente un problema grande, pero la ejecución de JS en el navegador puede consumir muchos recursos del dispositivo, el JS podría ejecutarse durante varios segundos, lo que podría causar bloqueos de scripts, lo cual es una experiencia bastante mala para los usuarios. Por lo tanto, es recomendable eliminar los JS que tarden mucho tiempo en ejecutarse; se debe considerar seriamente cualquier script que dure más de 1-2 segundos. Es aconsejable combinar los scripts de JS para reducir la cantidad