25 Ago

SEO JavaScript. Qué es y cómo afecta al posicionamiento de una web

¿Qué es JavaScript?

A mediados de 1990 la empresa Netscape desarrolló el lenguaje JavaScript para su navegador: Netscape Navigator. El lenguaje, llamado inicialmente LiveScript, amplió con componentes dinámicos el limitado arsenal de elementos estáticos con el que contaban los desarrolladores web.

Más tarde, cambió su nombre a JavaScript y se convirtió rápidamente en uno de los lenguajes de programación más importantes del lado del cliente, aunque ahora también se usa en el lado del servidor.

En la actualidad, JavaScript es el lenguaje de programación más utilizado en el mundo. Casi 14 millones de desarrolladores lo usan para programar, sobre todo, en la web y para la nube, según reveló el informe State of the Developer Nation de SlashData.

JavaScript es un lenguaje de programación universal que se utiliza principalmente para la creación de scripts del lado del cliente en navegadores web. A diferencia de lenguajes como Python, Java y C++, JavaScript se destaca en la creación de contenido web dinámico e interactivo.

Principales uso de JavaSript

La función principal de JavaScript es ayudarte a mostrar un contenido más atractivo y dinámico en una página web.

El contenido JavaScript (JS) generalmente se complementa con el código HTML y CSS para ofrecer la parte interactiva del contenido, aunque se pueden crear webs completas con JavaScript.

Permite hacer casi todo, desde gráficos animados y mapas interactivos hasta actualizaciones en tiempo real sin necesidad de recargar la página. Algunos ejemplos comunes en los que se aplica JavaScript dentro del contenido de una web puede ser para incluir un carrusel de imágenes, un mapa interactivo, efectos animados, etc.

• Desarrollo de sitios web del lado del cliente (front end, en el navegador).
• Desarrollo de aplicaciones para dispositivos móviles, híbridas o que compilan a nativo.
• Construcción de servidores web y aplicaciones de servidor.
• Desarrollo de aplicaciones de escritorio para sistemas Windows, Linux y Mac.
• Desarrollo de juegos.

Frameworks de JavaSprit más utilizados en la actualidad.

Existen gran cantidad de JavaScript SEO Tools conocidos como frameworks. Todas ofrecen muchas funcionalidades, pero sólo algunos ha ganado popularidad entre los desarrolladores por sus características y usabilidad.

Estos son los tres mejores JavaScript SEO Tools según la experiencia y opiniones de miles de personas que ya las utilizan JS para desarrallorar proyectos web.

React.js

React.js es una de las mejores opciones para crear sitios web grandes y contenidos dinámicos . Creado por Facebook en 2013, te permite simplificar interfaces de usuario y ofrece una alta fiabilidad.

Además de Facebook, también la utilizan PayPal, Instagram y Uber; sin duda, una buena referencia de lo confiable que es esta herramienta.

Meteor.js

Es una herramienta JavaScript SEO orientada a Google. Permite actualizar contenido de manera muy rápida. Otra de sus cualidades es que centraliza la gestión las bases de datos, el back end y el front end; esto hace que muchas de las tareas se simplifiquen y ahorres tiempo.

Desde su lanzamiento en 2012 se le han incluido muchas mejoras y también se han creado extensiones (plugins) que permiten que sea aún más práctico. Otra de sus ventajas es que su curva de aprendizaje es baja.

Vue.js

Un framework simple e intuitivo se dio a conocer en 2014; gracias a que es Open Source y a una comunidad de usuarios que aportan su experiencia para mejorarlo, crece de forma sostenida y gana cada vez más popularidad entre los desarrolladores.

Además de ser una herramienta que funciona muy bien, el acceso a sus recursos y códigos generado porla comunidad de desarrolladores, lo que hace que esta JavaScript SEO Tool resulte muy versátil, útil y de confianza.

¿Por qué JavaScript es bueno para el SEO y los usuarios?

Como hemos visto, frameworks de JavaScript como React, Angular y Vue.js permiten crear páginas web dinámicas e interactivas, que pueden mejorar significativamente la experiencia y la interacción del usuario.

Cuando se optimizan correctamente, estas páginas pueden lograr excelentes resultados en las páginas de resultados de los motores de búsqueda.

Estas son algunas de las razones por las que JavaScript es beneficioso:

• Contenido dinámico : JavaScript permite actualizaciones dinámicas y elementos interactivos en las páginas web, lo que ayuda a los usuarios interesados.
• Código eficiente : estos marcos de programación generan código limpio y eficiente, que permite velocidades de carga rápidas y mejora la experiencia del usuario.
• Optimización móvil : los frameworks de JavaScript admiten varias técnicas de optimización móvil, mejorando el rendimiento en dispositivos móviles.
• Integración de microdatos : marcos como React y Angular permiten la integración del marcado de esquema, lo que ayuda a los motores de búsqueda a comprender y clasificar el contenido de manera efectiva.
• Simplicidad. Posee una estructura sencilla que lo vuelve más fácil de aprender e implementar. 
• Versatilidad. Es compatible con otros lenguajes, como: PHP, Perl y Java. Además, hace que la ciencia de datos y el aprendizaje automático sean accesibles.
• Popularidad. Existen numerosos recursos y foros disponibles para ayudar a los principiantes con habilidades y conocimientos limitados.
• Carga del servidor. La validación de datos puede realizarse a través del navegador web y las actualizaciones solo se aplican a ciertas secciones de la página web.
• Actualizaciones. Se actualiza de forma continua con nuevos frameworks y librerías, esto le asegura relevancia dentro del sector.

Pero no todo iban a ser ventajas, JavaScrpt también tiene algunos puntos débiles

OJO: La mayoría de los rastreadores de IA no pueden renderizar JavaScript, e incluso aquellos que sí pueden hacerlo podrían desistir si les lleva tiempo. Por lo tanto, es fundamental garantizar que toda la información importante esté disponible sin tener que renderizar JavaScript.

¿Qué es JavaScript SEO?

Ante el crecimiento absoluto del uso de JavaScript en las últimas décadas, se ha vuelto necesario realizar un buen trabajo para optimizarlo. La comunidad de innternet se ha dividido en dos grandes bandos respecto al uso de JavaScript, frente a otros lenguajes clásicos, para la creación de webs que tienen intención de posicionarse en Google y otros buscadores.

Por un lado, Para los diseñadores y desarrolladores web, JavaScript es maravilloso: permite crear desde sitios web pequeños a grandes webs complejas, muy atractivas y funcionales de forma rápida.

En el otro lado, los técnico de SEO que dudan de la capacidad de Google de indexar correctamente los contenidos generados en JS.

Ojo, creo que los SEO’s no dudamos de la capacidad de renderizado ( lo que ve Google, que es lo que defienden los desarrolladores, y seguro que es cierto), sino de indexar y clasificar los contenidos de la web, para posicionarlos. Es una gran diferencia.

El SEO de JavaScript implica optimizar sitios web que utilizan mucho JavaScript para garantizar que los motores de búsqueda como Google puedan rastrearlos e indexarlos.

El SEO de JavaScript aborda desafíos como minimizar el riesgo de problemas con JavaScript y optimizar el contenido para un mejor rendimiento en los motores de búsqueda.

Las técnicas incluyen el uso de URL únicas para todas las páginas, la implementación de almacenamiento en caché de larga duración y la optimización del contenido para una carga más rápida. 

Este vídeo de Google explica  cómo la Búsqueda de Google procesa JavaScript y se describen las prácticas recomendadas de optimización de aplicaciones web con JavaScript para la Búsqueda de Google.

Ver Los problemas de JavaScript en buscadores LLM. Cómo solucionarlos

¿Cómo rastrea e indexa Google JavaScript?

Para Googlebot, rastrear una página HTML es un proceso sencillo. El robot de Google descarga el HTML, extrae los enlaces de la página y los añade a su índice de rastreo.

Ver Crawling. Qué es y Cómo afecta al SEO en 2024

El rastreo de una página con JavaScript es algo más complejo que una página web HTML, ya que, para los bots de Google, descargar y renderizar este código le consumirá más recursos y, por lo tanto, prioriza las páginas HTML.

Google procesa JavaScript en tres etapas principales: rastreo, renderizado e indexación.

1. Rastreo: Googlebot verifica la URL de su sitio para determinar si puede procesar la página. Después de analizar el archivo robots.txt, la página se agrega a la cola de rastreo.

2. Renderizado: Google renderiza páginas en línea mediante el motor Chromium. Existen tres tipos de renderizado:

• Representación del lado del cliente (CSR) : esto aumenta la interactividad del contenido, pero es posible que no sea compatible con SEO de forma predeterminada.
• Representación del lado del servidor (SSR) : la representación se produce en el servidor, lo que puede mejorar el SEO para contenido estático.
• Representación dinámica (DR) : representación de código en tiempo real, adecuada para actualizaciones de contenido dinámico.

3. Si el rastreo y la representación son correctos, la indexación es sencilla. Puede verificar que su contenido se haya indexado buscándolo en Google, utilizando Google Search Console (GSC) o mediante alguna herramienta externa . 

Fuente: Google Search Central

Si bien en teoría funciona perfectamente, este procedimiento nunca está garantizado en la práctica. Las plataformas JS pueden tener deficiencias en términos de compatibilidad con SEO e impedir que Google lea e indexe sus páginas de manera efectiva.

Los problemas más frecuentes en SEO a causa de JavaScript suceden cuándo no llega a ser indexado o cuándo Google no puede interpretarlo adecuadamente, para ello vamos a ver como comprobar si el JS está causando estos errores en tu sitio.

Como saber si tu contenido esta indexado:

Debés fijarte si está siendo indexado. Para hacerlo, puede utilizar dos métodos  igualmente efectivos: mediante el mismo Google Search Console o a través del buscador.

Desde Google Search Console:

• Inspección de URLs
• Índice de Google: “Ver página rastreada”
• Realiza un escaneo del código HTML de los fragmentos que corresponden a JavaScript para confirmar que están siendo encontrados.

Desde el buscador web:

• Escribe el comando “site:” en el buscador y luego la URL del sitio que estás analizando. Si el contenido está siendo correctamente indexado, este aparecerá en la página de resultados del motor de búsqueda. Puedes hacer la búsqueda de una url concreta, también.

Rendering Difference Engine es una extensión gratuita que muestra claramente qué elementos de tu página pueden ser invisibles para los rastreadores que no pueden renderizar JavaScript. 

Problemas SEO frecuentes con JavaScript

Poco HTML

Mucha de la información relevante de un sitio se configura en Java y se deja de lado HTML (lenguaje de marcado de hipertexto). HTML es un lenguaje informático presente en la grandísima mayoría de los sitios webs y las aplicaciones que funcionan de manera online. Permite, por un lado, el enlace de un texto con otros, y por otro, la estructuración y el estilo de un determinado documento.

El problema está en que, si la mayor parte de tu contenido está en el código de JavaScript, el rastreador no disponga de la cantidad de información necesaria para procesar tu sitio cuando intente indexarlo por primera vez.

Por eso, resulta muy importante que el grueso del contenido crucial de una web esté producido con HTML, para que pueda ser rastreado, procesado e indexado rápidamente por los buscadores.

Ver Etiquetas HTML. Importancia para el SEO. Por qué optimizarlas

Bloqueos en Robots.txt

Un de los errores más comunes que puede evitar que Google no pueda ver tu contenido JS es que exista alguna regla en robots que esté prohibiendo a los crawlers de Google acceder y rastrear el archivo JS.

¿Cómo comprobar que este error no te afecta?

Accede al probador robots.txt de Google y comprueba si se puede acceder a alguno de los archivos JS que se encuentran en la página, incluyendo su dirección y llevando a cabo la prueba.

Paginación infinita

Uno de los usos de JavaScript en los que se encuentran problemas, es el uso de desplazamiento infinito en una página. Cuándo se quieren mostrar varías página o gran cantidad de contenido, se puede optar por utilizar un estilo de paginación normal, botones de cargar más o la paginación infinita.

El problema en el uso del scroll infinito puede ser que los rastreadores no lleguen a descubrir ese contenido. Google no puede comportarse como un usuario, y si se incluye un tipo de paginación infinita, puede que los bots no lleguen a conocer que existe más contenido y este no sea descubierto, ya que Google se guía a través de los enlaces <a href> para descubrir el contenido.

Una solución para aplicar el scroll infinito sin que se genere este tipo de problema es utilizar un desplazamiento infinito con paginación. 

Aqui puedes ver un ejemplo de cómo sería una página con este tipo de desplazamiento infinito.

Imágenes que no se indexan

Martin Splitt de Google, desmintió recientemente un mito del SEO y confirmó que las imágenes cargadas con JavaScript pueden ser indexadas por Google si se configuran correctamente.

Hay varias formas de cargar imágenes con JavaScript como:

• Carga diferida: carga imágenes solo cuando es necesario.
• Carga progresiva: muestra primero una imagen de baja calidad y luego se actualiza a una de alta calidad.
• Carga de desplazamiento infinito: carga imágenes a medida que los usuarios continúan desplazándose.
• Inserción de imagen de fondo: agrega imágenes a través de fondos CSS.

Si se configuran correctamente, todos estos métodos pueden funcionar con la indexación de Google.

Según Splitt si las imágenes cargadas con JavaScript no aparecen en los resultados de búsqueda, generalmente hay otro problema como:

• Problemas con los mapas del sitio: A veces, faltan imágenes clave en los mapas del sitio XML.
• Encabezados HTTP: algunos archivos de imagen pueden tener encabezados que impiden su indexación.
• Problemas con el HTML renderizado: si las imágenes no aparecen en el HTML renderizado (la versión que Google ve después de ejecutar JavaScript), no se indexarán.

Renderizado del JavaScript

En los primeros días de los motores de búsqueda, una respuesta HTML descargada era suficiente para ver el contenido de la mayoría de las páginas, pero con el uso creciente de JavaScript, los motores de búsquedaa necesitan procesar muchas páginas como lo haría un navegador para que puedan ver el contenido como lo ve un usuario.

El sistema que maneja el proceso de representación en Google se denomina Servicio de Representación Web (WRS).

El Rendering o renderización es la forma como se llama en desarrollo web al proceso que ocurre para que el navegador (cliente), represente gráficamente el contenido de una página web en la pantalla de un computador.

El renderizado ocurre en el momento en que un usuario (persona que interactúa con un sitio web), hace una petición a un servidor para que este le descargue información en su navegador y a continuación, se «pinte» gráficamente en su pantalla.

Ojo: El renderizado web es un elemento fundamental para que los motores de búsqueda entiendan la información de un sitio web.

Evalúa los enlaces de menú, los «anchor text», las imágenes, las jerarquías y la estructura html  para SEO del sitio.

Los 2 tipos de renderización actuales

En la actualidad hay 2 grandes tipos de renderización: los de lado ciente y los de lado usuario.
La forma en que un sitio dinámico se renderiza puede afectar la capacidad de los bots para rastrear la información y esto evidentemente afecta al SEO.

Esta es la razón principal de que los sitios construidos con Frameworks JavaScript tengan tan mala reputación. 

¿Qué es Client Side Rendering (CSR) o renderización del lado del cliente?

El Client Side Rendering o CSR, es el método de renderización más utilizado en las aplicaciones de una sola página (Single Page Aplication) o aplicaciones con contenido dinámico.

En la renderización del lado del cliente todos los archivos o recursos que necesita una página para su funcionamiento son insertados por un lenguaje de programación interpretado en un témplate HTML ya establecido. Este proceso ocurre en el navegador, también llamado cliente.

La renderización de lado del cliente solo utiliza un HTML en donde se cargaran todos los recursos que vaya requiriendo la aplicación, lo que permite que no se tengan que cargar los mismos recursos una y otra vez con cada cambio de página.

A través de JavaScript se puede incluir y retirar dinámicamente el contenido sin tener que hacer nuevas peticiones al servidor, esto hace que la navegación sea mucho más rápida cuando se visitan varias páginas del mismo sitio.

¿Qué ventajas tiene el renderizado CSR?

• Las páginas son mucho más dinámicas, especialmente cuando se utilizan Framewors de JavaScript cómo React, Vue o Angular.
• Una vez el usuario ha navegado el sitio, la carga de las páginas es muy rápida
• La aplicación solo hará las peticiones necesarias y utilizará los archivos necesarios para su funcionamiento.

¿Qué desventajas presenta CSR?

• La carga inicial de cada página es es lenta por primera vez aunque luego sea increíblemente rápida.
• Los bots de los motores de búsqueda deben regresar varias veces hasta poder entender el contenido, lo que hace que sea poco amigable con SEO.
• Las URLs de fragmentos o que usan parámetros para cargar información dinámica no son rastreadas por los Bots.
• La cantidad de JavaScript requerida para el funcionamiento de una aplicación tiende a crecer a medida que se desarrollan nuevas funcionalidades.

¿Qué es Server Side Rendering (SSR) o renderización del lado de servidor?

El renderizado en el servidor comienza cuando el usuario ingresa a una dirección URL.  Primero carga el HTML se forma en si mismo, se procesa haciendo uso de los CSS, y se envían al navegador. Luego el usuario recibe los datos en el navegador quien los interpreta y crea la representación gráfica de la página en la pantalla.

La renderización de lado de servidor genera el HTML bajo demanda para cada URL, quiere decir que el proceso de carga y descarga de información debe repetirse con cada cambio de página dentro de un sitio web hace que cambiar entre páginas sea lento, para evitar esta demora generalmente se utiliza el almacenamiento en caché del HTML, el CSS.

¿Que Ventajas tienen la renderización SSR?

• El renderizado en servidor ayuda a que los usuarios vean una carga inicial de una página mucho más rápido, ya que no necesita estar completamente terminado para crear la «primera pintura» visible al usuario.
• Ayuda a los bots ya que pueden reconocer cada uno de los elementos que conforman la página que evalúan, lo cual es indispensable para el SEO.
• Generalmente produce mucho más rápido una FP (first Paint – Primera Pintura) y FCP (first contentful paint – Primera pintura con contenido). Ayudando a mejorar la calificación en Core Web Vital.

¿Qué desventajas tiene la renderización SSR?

• Cuaando hay muchos recursos procesándose en el servidor se puede retardar el tiempo de representación gráfica para el usuario, afectando el TTFB (el tiempo que se demora desde que se hace un clic en un enlace, hasta que se recibe el primer contenido en el navegador).
• El servidor debe procesar y reconstruir la misma página varias veces para el mismo usuario, para una navegación en varias páginas del sitio el usuario tendrá que esperar a que algunos recursos vuelvan a cargarse de nuevo.

¿Cómo Afecta el uso del renderizado CSR y SSR al SEO?

La forma en que un sitio dinámico se renderiza puede afectar la capacidad de los bots para rastrear la información y esto evidentemente afecta al SEO.

Con el SSR, el servidor debía construir los archivos HTML utilizando los recursos vinculados a él, de esta manera, los bots podían acceder fácilmente a esos archivos ya construidos y rastrear cada uno de los elementos responsables del posicionamiento (meta títulos, meta descripciones, textos, encabezados, imágenes, etiquetas alts, atributos de enlaces, entre otros).

Con el CSR, es el navegador quien asume la responsabilidad de construir la página a través de los datos solicitados al servidor. Esto dificulta la interpretación y la representación gráfica de los contenidos. 

Es importante mencionar que Google es capaz de ejecutar JavaScript, pero los sitios que se renderizan de lado de cliente deben esperar en cola hasta que los bots tengan recursos para hacer su interpretación de manera correcta.

Un sitio construido en React o Angular puede tardar hasta 3 rastreos por página para poder ser interpretada de la manera correcta y de esa manera, ser indexado en las SERPs.

¿Qué renderizado es mejor, SSR o CSR? ¿por qué?

La elección entre renderizar en el lado del servidor (SSR) o en el lado del cliente (CSR) dependerá de las necesidades específicas del proyecto.

Para sitios que dependen del tráfico orgánico, SSR es generalmente mejor para SEO, ya que facilita a los motores de búsqueda indexar el contenido.

Por otro lado, el renderizado CSR puede proporcionar una experiencia de usuario más rápida y dinámica, por lo que es ideal para aplicaciones web con muchas interacciones, donde la indexación por parte de los motores de búsqueda, no sea tan importante ( web de grandes marcas)

Más info en esta documento de Web.dev

Render híbrido, un salvavidas para el SEO Javascript

En los últimos años, ha aparecido un tercer tipo de renderizado que intenta unir lo mejor de ambos sistemas: el render híbrido

El Prerendering es llamado también renderizado estático y nació como una solución de renderización a las aplicaciones hechas con Frameworks JavaScript.

En esta estrategia, la renderización ocurre cuando la página esta en tiempo de construcción. Una vez se realiza la petición al servidor este construye un archivo HTML separado para cada URL del sitio.

Esta estrategia ofrece un FP (first Paint – Primera Pintura) y FCP (first contentful paint – Primera pintura con contenido) similar al SSR tradicional, generando una velocidad de carga rápida y convirtiéndolo en el método favorito de los SEO que trabajan con JavaScript.

Veamos que dice Google al respecto:

Resumiendo, lo que hemos visto hasta ahora, que me está quedando un artículo super largo.

Un sitio con JavaScript puede ser tanto enemigo como amigo del SEO. Sino auditas las páginas y resuelves errores o aplicas buenas prácticas, puede ser un enemigo para la indexación del contenido de tu web. Igual que cualquier otro lenguaje o CMS.

Sin embargo, las páginas JS con buenas prácticas de SEO, serán páginas mucho más atractivas para el usuario y con amplias funciones que con el uso únicamente de HTML y CSS sería imposible aplicar.

Como ves, uno de los secretos del SEO JavaScript está en como se realiza el renderizado, si se realiza de lado de cliente (CSR) o si es del lado del servidor (SSR), pero aún hay más retos que debemos solucionar para optimizar una página web con mucho Javascript.

JavaScript y los buscadores de IA. Riesgos

Un informe publicado por Vercel destaca el impacto creciente de los bots de IA en el rastreo web.

GPTBot de OpenAI y Claude de Anthropic generan casi mil millones de solicitudes mensuales en la red de Vercel. Los datos indican que GPTBot realizó 569 millones de solicitudes el mes pasado, mientras que Claude representó 370 millones.

El análisis analizó los patrones de tráfico en la red de Vercel y en varias arquitecturas web y encontró algunas características clave de los rastreadores de IA:

• Los principales rastreadores de IA no procesan JavaScript, aunque sí extraen archivos JavaScript.
• Los rastreadores de IA suelen ser ineficientes: ChatGPT y Claude gastan más del 34 % de sus solicitudes en páginas 404.
• El tipo de contenido en el que se centran estos rastreadores varía. ChatGPT prioriza el HTML ( 57,7 % ), mientras que Claude se centra más en las imágenes ( 35,17 % ).

Si los rastreadores de IA no ejecutan JavaScript, significa que cualquier contenido que dependa de la representación del lado del cliente podría ser invisible, por tanto:

• Implementar la representación del lado del servidor para contenido crítico
• Asegúrese de que el contenido principal, la metainformación y las estructuras de navegación estén presentes en el HTML inicial
• Utilizar la generación de sitios estáticos o la regeneración estática incremental cuando sea posible

Mejores prácticas en SEO con JavaScript

Ahora que comprendemos mejor cómo maneja Google los sitios web con JavaScript, es momento de aplicar las mejores prácticas para mejorar el SEO del contenido dinámico.

Implementar técnicas de SEO con JavaScript

Comprender cómo los motores de búsqueda rastrean y procesan las páginas JavaScript nos ayuda a crear un sitio bien estructurado. Utiliza herramientas como Screaming Frog o Serpstat para auditar las páginas JavaScript e identificar problemas de forma rápida.

14 acciones para optimizar el SEO JavaScript

Asegúrate de que la página web cumple estos requisitos básicos:

1. Implementa la renderización del lado del servidor (SSR) o la representación dinámica para que el contenido sea accesible para los motores de búsqueda.
2. Optimiza la carga de JavaScript minimizando el tamaño de los archivos y eliminando el código no utilizado.
3. Utiliza algún módulo de SEO para incluir el contenido esencial como metadatos y títulos en HTML
4. Utiliza datos estructurados para facilitar la comprensión de su contenido por parte de los motores de búsqueda
5. Utiliza enlaces html < a href > para que los robots los puedan seguir y entender el contenido de la web
6. Evita las URL con #. Googlebot no rastrea páginas con URL que contengan hash como páginas independientes.
7. Crea URL únicas que ayuden a los bots a comprender y navegar por la estructura de su sitio de manera más efectiva, lo que garantiza que todo el contenido se descubra e indexe.
8. Respeta los enlaces canónicos: evita sobrescribir enlaces canónicos, atributos rel=»nofollow» y directivas meta robots con JavaScript.
9. Implementa la carga diferida y la división de código para optimizar la entrega de JavaScript. Lazy y Suspense son los módulos más populares para la carga diferida.
10. Asegúrate de que CSS, JS y otros recursos importantes no estén bloqueados en el archivo robots.txt.
11. Crea una página de error 404. Como JavaScript no es del lado del servidor, realmente no pueden arrojar un error del servidor como un 404. Usa un redireccionamiento de JavaScript a una página que responda con un código de estado 404. Agrega una etiqueta noindex a la página que falla junto con algún tipo de mensaje de error como “Página 404 no encontrada”. Esto se tratará como un 404 suave ya que el código de estado real devuelto será 200 correcto.

Ver Cómo crear la página de error 404 perfecta

1. Crea un mapa del sitio XML con todas las páginas importantes de tu web
2. Utiliza siempre redirecciones HTTP del lado del servidor (301 o 302) en lugar de redirecciones de JavaScript.
3. Para evitar contenido duplicado elige una versión que deseas indexar y establece etiquetas canónicas. Con JavaScript puede haber varias URL para el mismo contenido causado por mayúsculas, ID, parámetros con ID, etc. (domain.com/123, domain.com/?id=123,…)

Ver ¿Qué es la etiqueta rel=canonical y para qué sirve?

Como ves, JavaScript es un lenguaje de programación muy versatil que cada día tiene más uso y defensores, sobretodo entre los programadores, aunque sigue despertando el recelo de los técnicos SEO por mucho que Google diga que cada día lo renderiza mejor ( recuerda renderizar en es paso previo a indexar, que es lo que los SEOs perseguimos).

Aun así, hay un serie de acciones que podemos implementar en una página web desarrollada en JS para optimizarla, es lo que llamamos SEO Java Script, que con los frameworks más populares como React, Vue,… se puede implementar sin mucho problema.

Dicho esto, y como hemos visto antes dependerá de cual sea tu propósito: conseguir tráfico orgánico o ofrecer el máximo de funcionalidades, necesitarás prestar más atención al SEO y la optimización de la web para conseguir un buena indexación y posicionamiento orgánico.

En todo caso, confía en una buena agencia seo si te estás planteando crear una nueva web o migrar tu página utilizando JavaScript.

En la imagen superior puedes ver, lo que ocurrió en la migración de WordPress a React, mal ejecutada, en uno de nuestros clientes. Sino la hubiesemos tenido monitorizada, hubiese perdido todo el tráfico sin marca. Fué reactivar la antigua web y recuperar todo lo que se había perdido !en menos e un mes!.

Los desarrolladores y diseñadores web, son eso y lo hacen muy bien, pero en la mayoría de ocasiones no tienen formación en SEO y desconocen las cosas básicas que Googel necesita para indexar y clasificar una página web. Así, que mucho cuidado. Perder el tráfico en la actualidad es muy fácil, recuperarlo puede que no tanto, sino se hace rápido.

También puedes leer:

Las claves del SEO para imágenes

Del SEO centrado en Keywords al SEO orientado a temas

8 ideas para crear una web optimizada para SEO

Hacia dónde va el trabajo del consultor SEO

Qué hacer si tu web cae tras una actualización de Google