SEO de JavaScript
El SEO de JavaScript es la rama del SEO técnico centrada en garantizar que los sitios web renderizados con JavaScript sean rastreados, renderizados e indexados correctamente por los motores de búsqueda. Ha cobrado una importancia crítica a medida que frameworks de SPA como React, Vue y Next.js dominan el desarrollo web moderno.
El SEO de JavaScript es la rama del SEO técnico centrada en garantizar que los sitios web renderizados con JavaScript sean rastreados, renderizados e indexados correctamente por los motores de búsqueda. Ha cobrado una importancia crítica a medida que frameworks de SPA como React, Vue y Next.js dominan el desarrollo web moderno.
Por qué es importante
Googlebot puede ejecutar JavaScript, pero esto añade un paso de renderizado que retrasa la indexación y consume más recursos que el HTML sin formato. Una investigación de Ahrefs muestra que entre el 10 % y el 25 % del contenido renderizado con JS está ausente o se retrasa en los resultados de búsqueda. Bing y muchos rastreadores de búsqueda con IA tienen una ejecución de JS más limitada, por lo que cuanto más dependa un sitio de JS, más visibilidad corre el riesgo de perder en la era del GEO.
La indexación en dos fases de Google
- Cola de rastreo: Googlebot primero recupera el HTML inicial. En esta fase, el contenido generado con JS es invisible.
- Cola de renderizado: El Web Rendering Service (WRS) renderiza después la página con Chromium para producir el DOM final. El intervalo entre estas fases puede ir de segundos a días.
Como resultado, el contenido o los enlaces inyectados únicamente mediante JS acaban "visibles, pero tarde".
Lista de comprobación principal
Estrategia de renderizado: SSR (renderizado del lado del servidor), SSG (generación de sitios estáticos) o los enfoques híbridos son mucho más seguros que el renderizado del lado del cliente. Los métodos getStaticProps y getServerSideProps de Next.js son soluciones canónicas.
Usa <a href> reales para los enlaces internos: Los enlaces que dependen únicamente de los controladores onClick de JS no serán seguidos por los rastreadores. Incluye siempre un href real.
Contenido crítico en el HTML inicial: Los títulos, el cuerpo del texto, las metaetiquetas y los datos estructurados deben estar en la primera respuesta HTML. Evita inyectarlos solo mediante JS.
Advertencias sobre la carga diferida: La carga diferida basada en el desplazamiento está bien, pero el contenido que solo se revela mediante clics (pestañas, acordeones) puede pasar desapercibido para los rastreadores.
No bloquees JS/CSS en robots.txt: Googlebot necesita acceder a los archivos JS y CSS para renderizar la página.
Herramientas de verificación: Usa la inspección de URL, la prueba de optimización para móviles y la prueba de resultados enriquecidos de Google Search Console para comprobar el renderizado real.
Sources: