Anchura mínima del sitio web
Antes de que los teléfonos inteligentes y las tabletas se hicieran populares, los diseñadores web creaban páginas de ancho fijo que funcionaban en los tamaños de pantalla más comunes: normalmente 1024 píxeles de ancho por 768 píxeles de alto. Todo esto cambió alrededor de 2013 con el aumento masivo del uso del iPhone para navegar por la web. Ahora no hay una respuesta única a “¿qué tamaño debe tener mi página web?” – todos los sitios web deben ser responsivos.
El diseño responsivo significa crear páginas web que se adapten a diferentes dispositivos y tamaños de pantalla. Utiliza el mismo contenido pero lo presenta de forma diferente según se utilice un teléfono móvil, un iPad, un portátil o un ordenador de sobremesa. Responde a las diferentes interacciones, como los estados hover para los usuarios con ratón y los eventos de clic para las pantallas táctiles, y cambia el diseño para adaptarse a la pantalla disponible.
Un punto a tener en cuenta es que el hecho de tener espacio de pantalla disponible no significa que haya que utilizarlo. Los diseños que se extienden a todo lo ancho en todos los tamaños de pantalla pueden resultar ilegibles en pantallas muy anchas. Por ejemplo, una página de 1300px de ancho es legible en dos columnas, pero es lo máximo que la mayoría de la gente puede leer cómodamente en una sola columna de texto. Nos resulta más fácil seguir el texto que se envuelve en bloques más pequeños.
Anchura del sitio web con capacidad de respuesta
Los sitios que utilizan una anchura de 720px parecen muy pequeños en las pantallas de alta resolución, y no dejan espacio para una barra lateral. Ahora la mayoría de los sitios web se mantienen en torno a los 960px de ancho. Algunos sitios incluso se adaptan a la última tecnología con sitios mucho más anchos.
Aunque es importante tener en cuenta los nuevos dispositivos, creo que el ancho óptimo de un sitio web sigue siendo de 960px. Esta anchura se adapta a la mayoría de los dispositivos y hace que su sitio se adapte bien a las pantallas de 1024px y 1366px de ancho.
La tasa de lectura y la retención disminuyen a medida que aumenta el ancho de las columnas. Es mucho más difícil leer una página ancha que una columna de texto moderada. Para el diseñador web, hay que tener en cuenta el tamaño de la fuente y la resolución. En la mayoría de los casos, una anchura segura para una columna de lectura está entre 400 y 700 píxeles, y elegir el tamaño de fuente adecuado ayudará mucho a tus lectores.
Por lo general, empiezo con este tamaño y luego voy aumentando la altura en función del contenido. Recuerda que no puedes tener la misma altura para todos los usuarios porque todos tienen diferentes tamaños de navegador / diferentes resoluciones de pantalla.
Tamaños de pantalla más utilizados
Seguir un estándar establecido para el tamaño de la página de su sitio web evita que los visitantes tengan que desplazarse para leer su información. Si determina las dimensiones básicas de su sitio web antes de publicarlo, puede eliminar esta preocupación.
La mayoría de los sitios web tienen entre 720 y 1.000 píxeles de ancho. Si un visitante del sitio web tiene su monitor configurado a 800 píxeles o más y la página es más ancha que 720 píxeles, tendrá que desplazar la pantalla hacia la derecha para mostrar toda la información. Obligar a un visitante a desplazarse a la izquierda o a la derecha reduce la probabilidad de que siga utilizando su sitio web.
La resolución habitual de un monitor de ordenador muestra aproximadamente 600 píxeles antes de que el visitante tenga que desplazarse hacia abajo. Aunque algunos propietarios de sitios web pueden argumentar que quieren que toda la información aparezca en la página sin que el espectador tenga que desplazarse, la mayoría de los sitios simplemente se aseguran de enumerar la información más importante dentro de esa área de 600 píxeles.
Una sola página de un sitio web que supere los 70 kilobytes tardará más en descargarse. Los diseñadores de sitios web pueden modificar el “peso” de una página si saben cómo acceden sus espectadores al sitio web, por ejemplo, a través de un módem de cable o una red inalámbrica.
Tamaño del sitio web
A veces no es el diseño o el contenido lo que marca el tono de una página web, sino el tamaño de la misma. En este artículo, aprenderemos por qué son importantes los comprobadores de tamaño de páginas web y hasta qué punto se puede utilizar esta brillante herramienta.
Los visitantes de Internet no tienen paciencia para esperar a que se cargue una página web. Una página web corta debe tener un tamaño medio de 12 KB, que se cargará rápidamente. Cuantos más medios haya en una página, más grande será el sitio y más lento se cargará. Los vídeos, las imágenes, el audio, los gráficos y otros medios incrustados aumentan el tamaño de la página.
Rastrearemos su sitio, incluida la URL que ha añadido a la herramienta. Sólo tardaremos unos segundos y obtendrás los resultados de tu URL con los datos del tamaño de la página. También en la página de resultados, obtendrá la auditoría SEO de la página con todo tipo de problemas que tiene su página.
Después de crear una cuenta de prueba, obtendrá una auditoría gratuita de todo el sitio. Incluye muchos tipos de problemas y listas de URLs con ese tipo de problema en su sitio. Además, tenemos instrucciones y guías en vídeo sobre cómo solucionarlos.
