Esta traducción aún no ha sido revisada editorialmente. La versión alemana es la vinculante. Deutsche Fassung →
SEO
¿Por qué mi sitio web se ve tan pequeño en el teléfono inteligente?
Una página web que se muestra diminuta en un teléfono inteligente suele tener una única causa: falta la especificación de viewport en el código fuente. Esta única línea le dice al dispositivo que la página debe ajustarse al ancho de pantalla del teléfono inteligente. Sin ella, el dispositivo muestra la vista de escritorio ancha reducida — solo legible si el visitante constantemente amplía y se desplaza horizontalmente.
La especificación de viewport ajusta la página a la pantalla
La pantalla de un teléfono es mucho más estrecha que un monitor. Para que un sitio web se lea bien en él, el dispositivo debe saber: ajusta la presentación al ancho real de la pantalla. Exactamente eso dice la especificación de viewport — una línea en el código fuente que cada página debe traer. Con ella, el contenido se adapta al ancho estrecho: el texto se divide, las columnas se ordenan una encima de la otra, los botones permanecen lo suficientemente grandes para tocar. Sin la línea, el dispositivo asume que debe mostrar una página de escritorio ancha y la reduce hasta que todo cabe en la pantalla.
Sin ella, pierdes visitantes móviles
La mayoría de las búsquedas de un negocio regional provienen del teléfono — por ejemplo, cuando alguien busca un artesano, un restaurante u horarios de apertura mientras está fuera. Si este visitante encuentra una presentación del tamaño de un sello postal, debe ampliar, desplazarse horizontalmente y apuntar con el pulgar a pequeños elementos de menú. La mayoría abandona después de unos segundos y elige el siguiente resultado. Google también presta atención a lo fácil que es usar páginas en dispositivos móviles; la especificación de viewport que falta le quita esta señal base. Nuestra comprobación reporta la especificación faltante como defecto de gravedad media — corregible con una sola línea.
- Abra su sitio web en su propio teléfono inteligente y compruebe si el texto se puede leer sin ampliar.
- Observe si debe desplazarse horizontalmente para ver contenido — esa es una señal de advertencia clara.
- Pídale a su agencia que agregue la especificación de viewport en todas las páginas si falta.
- Después de la corrección, pruebe nuevamente en el teléfono inteligente si el texto se ajusta y los botones se pueden tocar bien.