Error de conexión. Inténtalo de nuevo.

Saltar al contenido
SEO Tools
Ayuda y documentación
UX / UI Impacto crítico Fácil 2 minutos

Ventana gráfica/pantalla móvil

La meta ventana gráfica garantiza una visualización correcta en dispositivos móviles.

Qué es

La metaetiqueta de la ventana gráfica le indica al navegador cómo escalar la página al ancho del dispositivo. Sin él, el dispositivo móvil se representa al ancho del escritorio y todo es "pequeño y reducido".

Por qué importa

Google indexa los dispositivos móviles primero: evalúa principalmente la versión móvil. Sin una ventana gráfica correcta, el sitio no pasa la prueba de usabilidad móvil, lo que reduce directamente la clasificación, ya que la mayoría de las visitas provienen de dispositivos móviles.

Cómo hacerlo

  1. 1Agregue la metaetiqueta de ventana gráfica estándar a <head>.
  2. 2No desactive el zoom (escala máxima=1 / escalable por el usuario=no): perjudica la accesibilidad.
  3. 3Verifique que el contenido no se desborde horizontalmente y que los botones sean lo suficientemente grandes (consulte la auditoría de UX).

Ejemplo

Correcto
<meta name="viewport" content="width=device-width, initial-scale=1">

Conclusión

Una sola línea en la cabeza, pero esencial para un mundo donde los dispositivos móviles son primero. Sin él, el sitio es prácticamente inutilizable en dispositivos móviles y Google lo penaliza fuertemente. Después de la implementación, pruebe en un teléfono real y en la herramienta de usabilidad móvil.

Temas relacionados