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