¿Cómo comprobar si su página web es realmente responsive?

Respuesta corta: abra su página en su celular y recórrala como un cliente: si tiene que hacer zoom, si el texto se sale de la pantalla, si los botones quedan muy juntos o si el menú no abre, no es realmente responsive. Además, puede simular otros tamaños con las herramientas de desarrollador de su navegador.

Pruebas en cinco minutos

1. Abra cada página en su celular, en vertical y en horizontal.
2. Intente llenar el formulario y tocar los botones de WhatsApp y teléfono.
3. En el computador, presione F12 y active la vista de dispositivos.
4. Pruebe al menos un celular pequeño, uno grande y una tableta.

Foto: Jeremy Keith · CC BY 2.0 · Recortada

Errores comunes

Por qué importa

Google usa la versión para celulares de su página para indexarla y posicionarla, y la mayoría de las visitas llegan desde el teléfono. Más detalles en indexación mobile first.

Ejemplo hipotético

Una constructora revisa su página solo en el computador. En el celular, la tabla de precios de apartamentos se corta y el botón de cotizar queda debajo de una ventana de cookies. Tras corregirlo, las solicitudes desde celular se duplican.

Preguntas frecuentes

¿Mi página antigua se puede adaptar?

Depende del código. A veces basta con ajustes; otras conviene un rediseño. Vea quién puede mejorar su página para celulares.

¿Google castiga las páginas que no son responsive?

Lea lo que dice Google sobre las páginas no adaptables.

Fuentes: Indexación centrada en dispositivos móviles (Google Search Central) · Modo de dispositivo de Chrome DevTools