¿Es su sitio web apto para visualizarse en un teléfono móvil?
La mayoría de los visitantes ven su sitio web desde un teléfono. Google también lo hace así: Google utiliza la versión móvil de sus páginas para indexarlas y clasificarlas. Lo que no aparece en la página en su teléfono, Google tampoco lo ve. En este artículo le explicamos cómo comprobar usted mismo si su sitio funciona bien en una pantalla pequeña.
La regla del viewport
Un teléfono no sabe automáticamente que su página está diseñada para una pantalla pequeña. Sin instrucciones, el navegador actúa como si la pantalla fuera mucho más ancha y reduce toda la página. Esto da como resultado un texto diminuto en el que hay que hacer zoom. La solución es una línea en el <head> de cada página:
<meta name="viewport" content="width=device-width, initial-scale=1">
- Sin ancho fijo como
width=1024: de lo contrario, el teléfono volverá a actuar como si la pantalla fuera ancha. - No bloquear el zoom: omita
user-scalable=noymaximum-scale=1. Las personas con problemas de visión deben poder ampliar el texto.
El AI Bouwer, los temas de WordPress y la mayoría de los demás creadores de sitios web incluyen esta línea automáticamente en cada página. En un sitio creado manualmente o antiguo, vale la pena comprobarlo: abra una página, haga clic con el botón derecho, elija Ver código fuente de la página (o Ctrl+U) y busque con Ctrl+F el término viewport.
Realizar la prueba usted mismo
- Abra su sitio en su propio teléfono y recorra sus páginas más importantes.
- O en el ordenador: abra su sitio en Chrome o Firefox, pulse F12 y haga clic en el icono de un teléfono y una tableta. Elija un dispositivo estrecho.
- Preste atención al texto que queda fuera de la pantalla, a una página que haya que desplazar lateralmente, a botones demasiado pequeños o superpuestos, y a elementos que falten en la versión móvil.
- Después, haga la prueba en PageSpeed Insights en la pestaña Móvil. Cómo leer ese informe se explica en Cómo leer PageSpeed Insights: Core Web Vitals en lenguaje sencillo.
La prueba de optimización para móviles independiente de Google y el informe de usabilidad móvil en Search Console dejaron de existir el 1 de diciembre de 2023. Si se los encuentra mencionados en un artículo antiguo, utilice ahora los pasos indicados arriba.
El mismo contenido en móvil y escritorio
En un sitio responsive (una sola dirección y una sola página que se adapta al ancho de la pantalla), el contenido es automáticamente el mismo. Google recomienda este método. Si tiene un sitio móvil independiente, como m.example.com, o un sistema que envía páginas distintas a los teléfonos, compruebe lo siguiente:
- el mismo texto, incluso si en móvil aparece en un bloque desplegable;
- el mismo título y la misma descripción;
- las mismas imágenes con los mismos textos alternativos;
- que no haya contenido que solo se cargue cuando el visitante desliza, hace clic o escribe: Google no realiza esas acciones.
Más información
- Google: prácticas recomendadas para la indexación mobile-first (en inglés)
- MDN: la regla del viewport (en inglés)