La necesidad de mejorar la experiencia de usuario, especialmente en el entorno actual en que la mayoría de sesiones se producen desde móvil, ha llevado a un incremento del uso de tecnologías que permiten agilizar la carga de contenidos y facilitan la personalización. Como siempre que se producen avances en desarrollo, aparecen complicaciones para la optimización en buscadores: históricamente a la hora de pensar en nuevos desarrollos se suele pensar en el usuario, pero los desarrolladores olvidan o desconocen que también los buscadores tienen que poder indexar el contenido.
Si los buscadores no indexan tus contenidos, no estás en sus índices ni puedes aparecer en los resultados de búsqueda: estás torpedeando uno de los canales de captación de tráfico más eficientes y rentables.
Angular es un framework Javascript que se centra en lo que hemos comentado, conseguir la mejor experiencia de usuario, especialmente para móvil. Sin embargo, a pesar de que es mantenido en parte por Google, es muy fácil cometer equivocaciones al desarrollar sitios web en Angular y que no todos los contenidos de tu sitio se indexen. El motivo por el que sucede esto es precisamente por la propia naturaleza de estos desarrollos. Javascript es útil para contenidos dinámicos, pero ¿cuáles de estos contenidos va a indexar el buscador y cuáles no?
Valga el símil de Google como biblioteca y el almacenamiento de documentos impresos para su consulta: al final Google es un robot que tiene que indexar un documento con unos contenidos "fijos", que son los que utilizará para determinar si esa página es o no relevante como resultado para unas determinadas búsquedas. Por ello, como especialistas SEO nos tenemos que asegurar de que la renderización de la página (lo que el navegador y el robot de Google finalmente llegan a "ver") coincide con lo que queremos indexar.
Cómo asegurar el SEO de páginas con Angular o Javascript
Javascript modifica los contenidos que puede cargar una página. Lo más importante desde el punto de vista SEO es asegurarnos de que todo el contenido que queremos que se indexe se carga antes del Load Event, que es un evento que activa el navegador cuando el recurso Javascript y los recursos dependientes han finalizado su carga. Todo lo que ocurre en la página tras este evento no es indexable por los buscadores, y ese es el principal problema la mayor parte de las veces en que las páginas de Javascript no se indexan.
Una forma sencilla de comprobar si los contenidos de tu sitio web se indexan es utilizar la herramienta Fetch as Google (Explorar como Google) de la Search Console. La captura de pantalla que hace Google con esta función es la versión renderizada en el Load Event, utiliza el HTML renderizado y no el HTML inicial que aún no ha ejecutado Javascript, por lo que es una constatación válida de que el contenido se está indexando correctamente.
También se puede utilizar la función de Inspeccionar de los navegadores para extraer el código HTML finalmente renderizado en una página que usa Javascript.
En definitiva, nuestros ojos pueden engañarnos con el Javascript: lo que se acaba cargando en el navegador no es siempre lo que el buscador ha sido capaz de indexar. En un entorno en el que cada vez más sitios web utilizan Javascript como por ejemplo el framework Angular para mejorar la experiencia de usuario es importante entender que a pesar de las mejoras de Google (y no de todos los buscadores, sino fundamentalmente Google) a la hora de procesar e interpretar Javascript, aún tiene limitaciones. Por ello, asegurarse de que la indexación de nuestros contenidos es correcta es el primer paso para un SEO en condiciones. Sin indexación no hay ranking ni tráfico desde buscadores.
En Smartbrand somos especialistas en SEO, y contamos en nuestro equipo con los mejores SEO técnicos, te podemos ayudar a hacer tu sitio web tenga un rendimiento impecable siendo al mismo tiempo 100% SEO friendly. Contacta con nosotros para que analicemos tu caso y te ayudaremos.
