Diseñado para móviles

Silktide carga cada página en un dispositivo móvil simulado y comprueba si se ha diseñado para funcionar allí en absoluto: si se adapta a una pantalla estrecha o simplemente muestra una página de escritorio encogida.

Por qué es importante

Más de la mitad del tráfico web es móvil, así que una página que solo funciona en escritorio falla a la mayoría de su audiencia en el primer toque. Los visitantes, ante texto diminuto y un interminable "pellizcar para hacer zoom", se marchan; los motores de búsqueda, que indexan primero la versión móvil de las páginas, posicionan el sitio en consecuencia.

Esta comprobación detecta el fallo fundamental —una página sin diseño móvil en absoluto— en lugar de cuestiones de acabado. Una página que aprueba aún puede tener problemas móviles menores, que otras comprobaciones cubren.

Cómo solucionarlo

La solución duradera es el , para que la misma página se adapte a cualquier anchura de pantalla. Si tu sitio es anterior al diseño adaptable, esto suele implicar una reconstrucción o un nuevo tema; la mayoría de los temas de modernos son adaptables de serie. En concreto:

Declara un móvil en la cabecera (head) de cada página:

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

Usa diseños flexibles y media queries de para que el contenido se reorganice en una sola columna en pantallas estrechas, en lugar de fijar la página a un ancho de escritorio.
Mantén el texto del cuerpo a un tamaño legible en móvil; evita diseños que reduzcan toda la página para que quepa.
Prueba en un teléfono real o con la emulación de dispositivos de tu navegador, con anchuras de hasta alrededor de 320 píxeles.

Cómo lo prueba Silktide

Cargar la página en un dispositivo móvil simulado.
Comprobar que la página declara un viewport utilizable. Si falta el viewport, o si está fijado a más de 480 píxeles de ancho, la página suspende; este es el mínimo imprescindible para ofrecer soporte móvil.
Medir el texto visible: si más del 35% se renderiza a un tamaño ilegible (por debajo de 10 píxeles tras el zoom), la página suspende.
Comprobar cuánto se reduce (zoom out) la página para encajar en la pantalla: un zoom por debajo del 60% del tamaño normal indica que la página es, en la práctica, un diseño de escritorio, y suspende.
Una página aprueba cuando no presenta ninguno de estos problemas. Silktide también informa, a lo largo del tiempo, de cuántas páginas no están diseñadas para móviles.

Solución de problemas

Mi página se ve bien en mi teléfono

Algunas páginas parecen aceptables y aun así incumplen alguna de las señales anteriores —por ejemplo, una etiqueta viewport generada por una herramienta heredada con un ancho fijo. Revisa el código fuente de la página y comprueba que la etiqueta <meta name="viewport"> coincide con la forma recomendada.

La comprobación aprueba, pero mi experiencia móvil es deficiente

Aprobar significa que la página cumple los requisitos básicos, no que sea óptima. Consulta las comprobaciones relacionadas sobre texto pequeño, objetivos táctiles pequeños y zoom desactivado.