enero 2, 2023
Es el choque de los tiempos, la vieja batalla entre los equipos de diseño, desarrollo y SEO. Más aún ahora, cuando Google ha añadido la «E» de Experiencia a sus directrices E-A-T. Por ahora, dejaremos a los desarrolladores con sus actividades matriciales y nos centraremos en el diseño y el SEO. Hay que andar con pies de plomo entre un buen diseño web y la creación de páginas a prueba de SEO. El problema es que esos bonitos elementos no suelen proporcionarle un contenido de alta calidad y rastreable en la página… Bien, basta de preparativos, ¡vamos a lo que debe tener en cuenta, evitar y cómo solucionar algunos de los problemas con los que se va a encontrar!
Cómo descubrir las deficiencias de contenido
Para asegurarte de que tu sitio web sigue posicionándose, aunque siga pareciendo una mosca cojonera, tienes que controlar la cantidad de elementos con JavaScript que hay en tu página. Empecemos por ahí, y llamémoslo el paso de «descubrir si tienes un gran problema». La forma más fácil de averiguar si JS va a hundir tus rankings es instalar este plugin (sólo Chrome, ¡lo siento, no lo siento, usuarios de Safari!). Con este conmutador personalizado, puede desactivar todo el JavaScript de una página. Al desactivarlo, verás lo que ve el rastreador de Google al cargar tu página. En el mejor de los casos, sus desarrolladores han prestado atención durante la producción y no han hecho que elementos enteros dependan de JS. Pero en el peor de los casos… digamos que no sería la primera vez que este conmutador da como resultado una página completamente en blanco, con algunas imágenes dispersas.
Javascript: espectacularidad frente a funcionalidad básica
No es ningún secreto que JavaScript nos ha aportado mucho en términos de diseño UX. Las opciones de contenido dinámico son casi ilimitadas y tienden a dar a sus páginas web ese «factor sorpresa» que podría haber echado en falta. Sin embargo, todo este despliegue de elementos dinámicos viene acompañado de algunas advertencias en términos de rastreabilidad y facilidad de obtención.
Para darle un ejemplo fácil, sólo tiene que fijarse en la velocidad del sitio. Con animaciones complejas y ventanas emergentes abarrotando tu página, vas a pagar el precio en términos de velocidad de carga. Esto podría plantear graves problemas para su sitio, ya que el rastreador de Google sólo dispone de un presupuesto muy concreto para su sitio web. En pocas palabras: si JS está haciendo que su sitio web funcione como un viejo motor Diesel, va a tener serias dificultades para conseguir un buen posicionamiento.
Problemas de renderizado y rastreabilidad
Después del rastreo, Google indexa los sitios web en dos oleadas, la primera oleada pasa semanas o incluso un mes antes que la segunda. ¿La diferencia entre estos dos? Páginas que necesitan renderización y otras que no. Y lo has adivinado: JavaScript aumenta enormemente la cantidad de recursos renderizados en tu página. Lo que significa que su sitio web pasará al segundo lote y se procesará semanas más tarde que las páginas HTML. Tener discrepancias entre su HTML y su JS puede incluso hacer que su página no se indexe en absoluto.
Ahora, por supuesto, te gustaría tener una forma de probar si vas a experimentar algunos de estos problemas, ¿verdad? No te preocupes, lo tengo todo arreglado. Tomemos como ejemplo la propia herramienta de inspección de URL de Google, escondida cómodamente dentro de una de mis herramientas favoritas: Google Search Console.
Con esta herramienta, puede detectar problemas de rastreo en tiempo real, que incluso muestra claramente los mensajes de la consola de JavaScript, como advertencias y errores que Google encontró al intentar rastrear su página.
Corporate Marketing Manager
Niels Krikke es el Gerente de Marketing Corporativo en Seeders Zwolle. Con una experiencia en marketing estratégico y un ojo agudo para el detalle, Niels se dedica a crear campaà±as de marketing efectivas que generan resultados para nuestros clientes. Con un enfoque en estrategias basadas en datos y una pasià³n por la innovacià³n, Niels desempeà±a un papel clave en el desarrollo y ejecucià³n de iniciativas de marketing que ayudan a nuestros clientes a alcanzar sus objetivos comerciales.
