👀 Respuesta RETO 3: ¿Qué ves tú, qué ve Google?

Hola de nuevo!!

Gracias a tod@s los que habéis participado en este reto. Me ha encantado ver vuestras respuestas y la interacción que ha habido. ¡Así da gusto seguir aprendiendo SEO! 💪

Puedes verlo aquí https://www.skool.com/dinorank/reto-3-que-ves-tu-que-ve-google

❓Entonces… ¿lo que ves tú en tu navegador es lo mismo que ve Google?

Habéis vuelto a demostrar vuestros conocimientos. La respuesta es... 🚨 FALSO! 🚨

Aunque parezca que sí, Google no siempre ve lo mismo que tú. Y eso tiene mucho que ver con cómo se renderiza tu web.

Vamos a dar una pequeña explicación (como en otras publicaciones, vuelvo a decir, que espero no daros mucho la chapa, pero el tema tiene su miga...😅)

🧠 ¿Qué es el renderizado y por qué afecta al SEO?

Renderizar es el proceso de transformar el código (HTML, CSS, JS) en una manera visual, vamos, lo que se muestra cuando se ejecuta todo el código.

Existen principalmente 2 tipos de renderizado:

👉Renderizado del lado del cliente (CSR):

Este renderizado es el que tú conoces, el que ves en tu navegador.

El contenido se genera después de cargar la página a través de JavaScript.

Muchas veces existe contenido en JavaScript que se carga con la acción del usuario, es decir el usuario tiene que hacer click o scroll para que se cargue.

¿Problema? Google no interactúa como un usuario, es decir Google no hace clicks ni scroll por lo que si el contenido principal no está visible, puede que Google no lo vea y por tanto no lo indexe, o no de la manera correcta.

👉Renderizado del lado del servidor (SSR):

El servidor envía en HTML ya preparado con el contenido, es decir, sin necesidad de ejecutar JavaScript ni esperar interacción del usuario.

Por tanto,. Google lo ve todo desde el principio, sin depender de JavaScript.

Es la opción más segura para el SEO.

¡¡Genial!! Pero como preguntaba @Eduard Pampalona ¿cómo me aseguro que Google esté accediendo correctamente a ese contenido?

Para saber qué es lo que Google está viendo (está renderizando)

Puedes verificarlo tanto desde GSC como desde Rich Results Test (si no tienes acceso a GSC).

✅ Desde Google Search Console:

1.-Ve a herramienta de inspección de URLs

2.-Añades la URL que quieres revisar

3.- Haces click en "Probar URL publicada"

4.- Click en "Ver página probada"

5.- En el apartado HTML comprueba que el contenido generado con JS aparece correctametne renderizado, es decir, que se ve lo que esperas después de que se ejecute el código JavaScript.

6.- También puedes verificar como ve tu página Google desde "captura de pantalla" pero OJO!! no sale toda la web renderizada, no va desde el header hasta el footer, es solo una captura por lo que no es la página entera sino "partes" de ella.

Si el contenido que tú ves no aparece ahí, Google probablemente no lo está viendo.

✅ Desde Rich Results Test (prueba de resultados enriquecido):

1- Accede a https://search.google.com/test/rich-results

2.- Inspeccionar URL

3.- Haces click en "Probar URL publicada"

4.- Click en "Ver página probada"

5.- Revisar HTML renderizado y captura de pantalla

Lo bueno... es que la mayoría de nosotr@s tenemos las webs en Wordpress así que...la buena noticia es que WP usa renderizado del lado del servidor, por lo que GOOGLE VE TODO BIEN!!

🚨🚨🚨🚨PEEEROOOOOO!!! Si abusamos de constructores como Elementor (y otros...) y usamos widgets dinámicos, efectos JavaScript... y tu contenido depende de la interacción del usuario o genera más tarde el JS, puede que Google no renderice correctamente esa URL.

Pero como ya te he dicho cómo puedes comprobarlo... no me seas vag@ y verifica que tu contenido importante está visible desde el HTML inicial (Renderizado del lado del cliente).

Consejos:

✔️ No bloquees JS ni CSS en robots.txt

✔️ Asegúrate de que el contenido importante no dependa de la interacción del usuario

✔️ Usa Renderizado del lado del servidor (SSR) siempre que sea posible

✔️ Comprueba regularmente cómo Google ve tu web

Este tema tiene mucha chicha de la que tratar... si os interesa decírmelo y veré cómo puedo plantear publicaciones sin ser tochas y que sean didácticas.

Y si queréis que siga con los retos... también decírmelo!!

Nos leemos!!

Ya tenéis el Reto 4 publicado!! https://www.skool.com/dinorank/reto-4-urls-con-parametros-o

4 comments