Desafíos de SEO de PWA: ¿Qué impide que su sitio de PWA se clasifique?

Con una velocidad más rápida y una mejor UI y UX, PWA puede impulsar su Google Core Web Vitals y, por lo tanto, mejorar su SEO. Muchos blogs y noticias de tecnología (incluido SimiCart) han afirmado esto.

Sin embargo, esta no es la imagen completa. De hecho, en algunos casos, PWA puede ser perjudicial para el SEO de su sitio web.

Durante 10 años de desarrollo de sitios web de PWA, nos hemos encontrado con varios casos en los que el rendimiento de SEO se ve afectado negativamente por PWA.

Ya hemos escrito un artículo sobre los beneficios de PWA. Ahora, para que pueda ver la parte submarina del iceberg, aquí hay algunos grandes desafíos para SEO que los propietarios de tiendas pueden enfrentar al implementar PWA.

El principal problema con PWA SEO

Esto se remonta a los conocimientos básicos de desarrollo de sitios web: HTML y Javascript. Apostamos a que incluso si no eres un experto en tecnología, ya has oído hablar correctamente de estos dos lenguajes de codificación.

En resumen, HTML es el lenguaje de codificación más simple, que se utiliza para crear la estructura del sitio web.

Mientras tanto, Javascript es uno más avanzado, que se encarga de más efectos especiales.

Por lo tanto, si ve una página web con mucho contenido dinámico, un efecto de desplazamiento elegante o un control deslizante genial, por ejemplo, esa página web hace un buen uso de Javascript.

(crédito: Reddit)

PWA, famosa por su animada experiencia UI/UX, como puede suponer, usa mucho Javascript.

Aquí está el problema: Google y muchos otros motores de búsqueda no representan tan bien los sitios web de Javascript. Los sitios web basados ​​en Javascript suelen ser más complejos y pesados ​​de procesar que los sitios web HTML. De hecho, no sólo los motores de búsqueda, las redes sociales como Twitter o Facebook tampoco son tan aficionados a Javascript.

Como resultado, los bots de los motores de búsqueda pueden tener algunos problemas al indexar su sitio PWA, lo que lleva a un bajo rendimiento de SEO.

Por lo tanto, exige un experto hábil que entienda PWA de adentro hacia afuera para optimizar el sitio web para que sea compatible con SEO.

6 obstáculos al optimizar PWA para SEO.

1. Problemas de rendimiento

"¿Pero se supone que PWA es rápido?" - Tu puedes preguntar.

Sí, lo es, pero eso no significa que PWA no tenga algunos problemas de rendimiento.

Todavía hay algunos problemas destacados relacionados con la velocidad con PWA. Sin embargo, PWA puede ser ultrarrápido si se optimiza correctamente.

Al igual que Usain Bolt, a pesar de que nació súper talentoso, no puede ser el campeón si no tiene un entrenador que entienda su habilidad y lo entrene bien.

Echemos un vistazo más de cerca a cada problema:

Problemas

Los archivos Javascript consumen muchos recursos para su análisis, compilación y ejecución. Además, debido al bajo rendimiento del servidor, el error del motor de búsqueda no puede procesar archivos Javascript rápidamente.

Como resultado, puede afectar algunas métricas de velocidad de la página, como Primera pintura significativa y Primera pintura con contenido. Como estas dos métricas son factores de clasificación importantes, esto es malo para el SEO. Además, un sitio retrasado tampoco puede ser bueno para la experiencia del usuario.

Además de eso, como el trabajador de servicio de PWA requiere certificados HTTPS y SSL para funcionar, puede hacer que su sitio web sea más lento que su versión HTTP.

Soluciones

Algunas prácticas comunes para mejorar la velocidad son la implementación de AMP (páginas móviles aceleradas) junto con PWA, así como el uso de HTTP/2 con HTTP.

Dado que PWA es una tecnología avanzada y especializada en el panorama del comercio electrónico, es mejor que los desarrolladores de PWA experimentados optimicen la velocidad de su sitio.

2. Errores de JavaScript

Problema

Al analizar, los navegadores como Google Chrome pueden corregir automáticamente la sintaxis HTML, como las etiquetas de cierre. Sin embargo, esto no es lo mismo con los errores de Javascript.

Como consecuencia, cualquier error en Javascript puede impedir que las arañas de los motores de búsqueda rastreen e indexen sus páginas web.

Soluciones

Es importante que los desarrolladores escriban códigos Javascript limpios y bien estructurados para su sitio para evitar muchas correcciones que consumen mucho tiempo más adelante.

Si el sitio se encuentra con errores de Javascript, los desarrolladores deberán limpiarlos manualmente e informar a los motores de búsqueda después de corregirlos.

3. Hipervínculo/imagen no rastreada debido a contenido oculto

El contenido de encubrimiento es el que ven los ojos humanos, pero no los motores de búsqueda. Por ejemplo, el texto que está oculto detrás del botón "mostrar más" o los enlaces del menú de carga diferida. Estos son a menudo contenido dinámico y enlaces escritos en Javascript

Problema

Como Google todavía tiene algunas dificultades para comprender Javascript, es posible que Google no acceda a algún contenido de Javascript de PWA.

Si su contenido (por ejemplo, un enlace importante, la imagen de un producto) es invisible para los motores de búsqueda, no pueden indexarlo. En consecuencia, esto tendrá un impacto negativo en su clasificación SEO.

Solución

Siempre puede confiar en herramientas como Sitechecker o Small SEO tool para ver si su página web contiene contenido oculto. Asegúrese de que todo el contenido clave, como textos, imágenes y enlaces que se entregan a sus usuarios, coincida con lo que se entrega a Googlebot.

4. Compatibilidad de módulos

Problema

Como una tecnología relativamente nueva, PWA a menudo aprovecha los últimos módulos. Esto podría entrar en conflicto con Google u otros navegadores, que generalmente se basan en módulos menos modernos. Algunos ejemplos notables de esto son ES6, Fetch API o nuevas sintaxis o métodos.

Solución

Antes de implementar, debe verificar su compatibilidad. No es un gran problema si algunos módulos de su PWA no funcionan con Googlebot, porque existen herramientas o polyfills para solucionar esto.

Polyfill son algunas líneas de código Javascript que pueden permitir que los navegadores más antiguos usen funciones modernas, incluso si no las admiten de forma nativa.

Según los módulos con los que entra en conflicto Googlebot, también podría haber una herramienta de transpilación.

Para su información, transpilar (traducir + compilar) significa traducir e interpretar un lenguaje de programación a otro. Tomemos el módulo ES6 como ejemplo, servicios como Babel pueden transpilar archivos Javascript C6 modernos a ES5, lo que permite que los navegadores más antiguos funcionen sin problemas con él.

5. Problema con el renderizado del lado del servidor

En un esfuerzo por mejorar los sitios web basados ​​en Javascript, Googlebot utiliza la representación tanto del lado del servidor como del lado del cliente.

En resumen, el proceso de renderizado es así:

1. Googlebot rastrea su sitio web para encontrar enlaces y contenido por primera vez
2. El servidor mostrará los enlaces y el contenido encontrado después del primer rastreo. Estos enlaces y contenidos se indexarán poco después.
3. Google continúa rastreando el sitio web por segunda, tercera vez, etc.
4. De ahora en adelante, el cliente procesará los enlaces y contenidos restantes, lo que significa que se procesarán en los dispositivos de sus usuarios.
5. Una vez finalizada la representación, Google indexa sus páginas web.

Problema

Al principio, el flujo de representación de Googlebot parece bastante plausible, pero existen algunos inconvenientes importantes:

• Velocidad de indexación más baja :

Google puede indexar archivos HTML con renderizado del lado del servidor rápidamente, pero puede llevar días indexar archivos Javascript con renderizado del lado del cliente

• Prioriza las páginas incorrectas :

Imagina que tienes una página web que enlaza con otras páginas. Estos se llaman enlaces internos. Google se basa en la estructura de estos enlaces internos para comprender la relación entre los enlaces y qué enlaces deben priorizar.

Sin embargo, para los enlaces insertados en Javascript, Google debe esperar a que finalice la representación del lado del cliente antes de que pueda comenzar a indexar. Para decirlo de otra manera, Google puede evaluar completamente la estructura de enlaces internos del sitio web solo después de que finaliza la representación del lado del cliente.

Como resultado, algunos enlaces no tan importantes que no necesitan representación del lado del cliente pueden rastrearse primero y con más frecuencia. Por lo tanto, Google puede priorizar su página secundaria e ignorar las páginas de venta.

• Conflicto entre la representación del lado del servidor y la representación del lado del cliente:

A menudo hay problemas entre la representación del lado del servidor y la representación del lado del cliente. Por ejemplo, algunos elementos importantes de la página (metaetiquetas, etiquetas canónicas) no están indexados. Además, las dos fases pueden enviar señales mixtas a Google, por lo que el motor de búsqueda no sabe cómo proceder con sus páginas.

Solución

Un servidor más eficiente es una solución importante para estos problemas. Es posible que los desarrolladores necesiten optimizar el servidor para que responda instantáneamente a las solicitudes de enlaces profundos. Además, deben funcionar para archivos HTML bien renderizados, especialmente aquellos para elementos de página cruciales como navegación, enlaces, contenido, metaetiquetas e imágenes.

La tecnología moderna también puede ayudarnos a resolver el conflicto entre Javascript y los navegadores web. Por ejemplo, la técnica isomórfica puede facilitar a los navegadores la representación de archivos Javascript.

6. Errores comunes de SEO

Hay más de 200 factores de clasificación SEO, algunos de ellos son muy técnicos, como etiquetas canónicas, rebot.txt, etc. Por esta razón, los comerciantes pueden ignorar fácilmente estas configuraciones y, por lo tanto, terminar dañando el SEO de su sitio web.

Antes de comenzar a arreglar su PWA SEO, es mejor asegurarse de que sus sitios actuales sigan las mejores prácticas de SEO.

>> Ver más: Las mejores prácticas de SEO de Magento

Ahora, llegando a la pregunta más cosquilleante:

¿Debo actualizar a PWA?

… Si no quiero dañar el SEO de mi sitio web.

Debe ser muy confuso para los comerciantes que piensan en implementar PWA, especialmente cuando las búsquedas orgánicas son un canal vital de tráfico del sitio web.

Sin embargo, estos desafíos no significan que los bots de Google no puedan rastrear sitios de PWA, ni que clasifiquen los sitios de PWA de manera diferente debido a su lenguaje de programación.

Es solo que los comerciantes deben ser conscientes de algunos desafíos técnicos al implementar un sitio PWA compatible con SEO.

De hecho, los sitios web de PWA pueden posicionarse absolutamente bien en los motores de búsqueda, si no mejor que sus sitios web equivalentes que no son de PWA. Como se mencionó anteriormente, la aplicación web mejora Core Web Vitals de SEO.

Entonces, en términos de SEO, ¿PWA es un héroe o cero? Depende de si sus desarrolladores entienden profundamente la tecnología PWA y el desarrollo de sitios web.

Quitar

PWA puede ser un cuchillo de doble filo para el ranking SEO de su sitio web. Por otro lado, su velocidad mejorada y la experiencia del cliente pueden ayudar a impulsar los puntos vitales principales de la web de SEO. En el lado oscuro, PWA, con su rico contenido de Javascript, es más complicado para trabajar con motores de búsqueda como Google. Por lo tanto, una implementación deficiente sin una comprensión profunda de PWA puede provocar una caída en picado de la clasificación.

Es totalmente posible crear un sitio web de PWA compatible con SEO. La clave es encontrar desarrolladores de PWA que estén familiarizados con estos desafíos y sepan cómo resolverlos rápidamente.

Llevamos 10 años creando PWA headless para Magento