¿Qué tamaño debe tener mi página de destino estándar en píxeles?

Equipo de negocios creativos en una cafetería con laptop

Credito de imagen: Jacob Ammentorp Lund/iStock/Getty Images

Las páginas de aterrizaje bien diseñadas dejan una impresión positiva y venden efectivamente el producto o servicio que ofreces en tu sitio web. El uso de un tamaño de ventana inapropiado para el dispositivo puede arruinar la capacidad de una página de destino para dejar una buena impresión y hacer que el visitante haga clic en la "X" para cerrar la ventana. Las páginas de destino deben diseñarse en torno a conceptos que atraigan a los usuarios y expliquen claramente el producto o servicio. Las páginas de destino no son páginas de inicio: los visitantes llegan a las páginas de destino haciendo clic en un enlace o anuncio.

Dimensiones de la página de destino de escritorio

Los monitores de escritorio y portátiles vienen en una amplia gama de tamaños y resoluciones, lo que facilita apelar al mínimo común denominador al dimensionar su página de destino. El tamaño promedio de la pantalla sigue creciendo, pero la mayoría de los monitores cuentan con una resolución de al menos 1024 por 768. Las páginas de destino de escritorio con un ancho de 960 píxeles funcionarán en casi cualquier monitor de computadora. Cualquier contenido de la página de destino dentro de la altura de 720 píxeles se mostrará de forma segura en la pantalla al cargar la página. El ancho de una página de inicio de escritorio es mucho más importante que la altura porque los usuarios de escritorio pueden desplazarse hacia abajo en la pantalla para ver contenido adicional. Siempre puede hacer una página más pequeña y sacrificar el espacio de la pantalla.

Vídeo del día

Diseño para dispositivos móviles

Una página de destino de escritorio grande no funcionará en dispositivos móviles: el contenido se derramará por un lado o se reducirá a un tamaño ilegible. Los dispositivos móviles encajan en la categoría de tamaño de pantalla "pequeña" y cuentan con un ancho de resolución seguro de aproximadamente 320 píxeles. Si bien algunos dispositivos móviles tienen pantallas más grandes, cualquier página de destino diseñada para un ancho de 320 píxeles se mostrará bien en la mayoría de los dispositivos móviles. Al igual que con las computadoras de escritorio, la altura es una preocupación secundaria para las páginas de destino móviles; sin embargo, puede colocar alrededor de 426 píxeles verticales de contenido en la pantalla a la vez.

Personalizar para dispositivos de tableta

Puede desarrollar páginas de destino personalizadas para sitios de tabletas; sin embargo, las páginas de inicio de escritorio con un ancho de 960 píxeles caben en tabletas más grandes. Las tabletas más pequeñas en el rango de 7 pulgadas generalmente cuentan con pantallas de 640 píxeles de ancho: las páginas de destino diseñadas para pantallas de 960 píxeles de ancho se reducirán en aproximadamente un tercio para adaptarse a la pantalla más pequeña. Dado que puede mostrar contenido más pequeño en una pantalla más grande sin sacrificar la calidad y legibilidad, el diseño de páginas de destino para tabletas con un ancho de 640 píxeles y una altura de 480 píxeles funcionará en todos los dispositivos. Los usuarios de tabletas más pequeñas pueden optar por mantener el dispositivo en modo horizontal, mientras que los usuarios de tabletas más grandes mantendrán el dispositivo en modo vertical, lo que hace que el ancho de 640 píxeles se adapte a ambos tamaños de pantalla.

Cambiar a diseño receptivo

Puede renunciar a crear diferentes páginas de destino para diferentes dispositivos y, en su lugar, utilizar consultas de medios y una concepto de diseño receptivo para construir una página que reorganiza el contenido según el tamaño de la página del visitante pantalla. Las páginas de destino con diseño receptivo se pueden configurar para moverse por el contenido y cambiar el tamaño del contenido en diferentes rangos de resolución, lo que permite que el contenido se muestre cómodamente en cualquier pantalla.