¿Es importante que Google Renderiza tu Versión Móvil?
En SEO; es muy importante que Google renderice correctamente tu versión móvil.
Desde el cambio a Mobile-First Indexing, Google utiliza principalmente la versión móvil del sitio web para indexar y clasificar su contenido. Esto significa que si tu versión móvil no se renderiza bien; Google podría no ver el contenido de tu sitio.
Podemos decir que la renderización asegura que Google acceda y entienda completamente la estructura, texto e interactividad de tu web… y en éste caso, tal como lo ven los usuarios en dispositivos móviles.
Además, una renderización efectiva permite que Google analice aspectos clave como la experiencia de usuario, el tiempo de carga, la compatibilidad con dispositivos móviles… y errores de renderización como elementos que no se cargan o contenidos bloqueados por robots.txt…
Factores claves para el SEO…
En éste post os comento paso a paso cómo asegurarte de que Google rastrea y renderiza tu versión móvil sin problemas… a ello!
Google Search Console para Verificar la Indexación
Antes de nada, echa una visita a Search Console para verificar si Google está indexando tu versión móvil:
Sencillo, tan solo usa la herramienta “Inspección de URL”e ingresa la dirección de la página…
Haz clic en “Probar URL publicada” para ver cómo Google la renderiza…
Y ahora examina la captura de pantalla y el HTML renderizado para tener claro que los elementos clave (textos, imágenes, botones, etc…) se muestran correctamente.
Revisa si hay diferencias entre la versión móvil renderizada y la versión real de la página. Si faltan imágenes, scripts o estilos CSS, probablemente se deba a bloqueos en el archivo robots.txt.
¿Cómo Verificar el Archivo Robots.txt?
El archivo robots.txt controla qué partes de tu sitio web pueden ser rastreadas por los motores de búsqueda y, en ocasiones se hace habitual el error de bloquear CSS, JavaScript y otros recursos esenciales para la versión móvil.
De forma rápida, accede a tu archivo robots.txt y busca líneas como estas:
User-agent: *
Disallow: /wp-includes/
Disallow: /scripts/
Disallow: /css/
Que serían las líneas por las que los rastreadores no pueden acceder. Revisa y si ves que estás bloqueando directorios que contienen éstos archivos .css, .js, .png, etc… es una señal de alerta.
Si no lo encuentras, también puedes usar herramientas externas como:
https://technicalseo.com/tools/robots-txt/
Introduce la URL completa que contenga un recurso, tal que:
https://tudominio.com/wp-includes/js/jquery/jquery.js
y Verifica si está permitida o bloqueada por las reglas de tu archivo robots.txt
Como consejo, os dejo una lista de Lista de recursos que no deberías bloquear tanto para randerizar ok tu version móvil como en general:
- CSS (.css)
- JavaScript (.js)
- Imágenes importantes (.png, .jpg, .svg)
- Archivos utilizados para el diseño o la interactividad
Y revisar muy mucho directorios comunes como:
- /wp-includes/
- /wp-content/themes/
- /wp-content/plugins/
- /js/
- /css/
Y poco más, Si identificas que estás bloqueando recursos críticos; edita el archivo robots.txt y modifica Disallow por Allow…
Recuerda que Google penaliza webs que usan intersticiales molestos en versiones móviles así que reduce el uso de pop-ups grandes, evita contenido bloqueado que implique acciones para accede y muestra banners menos intrusivos que no afecten la experiencia del usuario.
En conclusión...
Vigila regularmente que Google rastree y renderice sin problemas tu versión móvil. En ocasiones, no se trata de que no se muestre visualmente, sino que elementos clave de información o interacción dentro de la web den problemas…
Una revision a las páginas clave, las de conversion, landings puede detector fallos que pesen en la generación de ventas, en la conducción de tráfico interno o, sencillamente, en la estética y definición de la imagen corporative de tu marca.
Son pequeños pasos con los que mejorarás la indexación, la experiencia de usuario y el rendimiento general en tu web.