Cada vendedor que está comenzando con un blog, tiene que hacer esta pregunta: “¿Cuáles son las dimensiones estándar de la página web?” El tamaño de su sitio determinará qué tan hermoso se verá y también influirá en la experiencia del usuario, la velocidad de la página y mucho más.
Por lo tanto, debe optimizar todas estas variables para activarlas más allá de la perfección, pero primero debe conocer el tamaño de página web estándar.
¿Cuál es el tamaño de página web estándar?
El tamaño de página web estándar utiliza un ancho máximo de 1440 píxeles para escritorios. Esto se debe a que la mayoría de las resoluciones de escritorio utilizan una resolución más amplia hoy en día (1920×1080). Sin embargo, la mayoría de los sitios web hoy en día son totalmente receptivos, lo que significa que no usarán dimensiones fijas.
No importa cuál sea el tamaño estándar de una página web, hoy en día los sitios web no usarán una sola dimensión fija.
Se adaptarán a la pantalla del visitante o incluso al tamaño de la ventana si el usuario cambia el tamaño de la página.
Esta técnica se conoce como “Diseño receptivo” y es una práctica común que garantiza que el visitante obtendrá la mejor experiencia sin importar qué dispositivo o pantalla utilice para acceder a un sitio web.
¿Por qué importa el tamaño de una página web?
Es importante conocer el ancho estándar de una página web porque de él dependen muchos otros factores:
Resoluciones de pantalla. La mayoría de las pantallas tienen una resolución de 1920×1080 píxeles o superior (como se indica en Contador de estadísticas), por lo que si diseña para 800×600, se limita a la mitad de todos los clientes potenciales.
Legibilidad del texto. Si su texto no cabe en una línea en una pantalla de 1024×768 y en su lugar tiene que dividirse en dos líneas (o más), será difícil de leer para las personas con problemas de visión.
Accesibilidad. Si su sitio utiliza tablas para diseñar su contenido, entonces el tamaño estándar del encabezado del sitio web y las áreas de pie de página deben permanecer estáticos incluso cuando se cambia el tamaño por resolución de pantalla o nivel de zoom del navegador.
Dimensiones estándar del sitio web
Estas son las diferentes dimensiones estándar de la página web en diferentes dispositivos:
Tamaño de página web estándar para pantallas de escritorio
Las dimensiones de ancho máximo estándar de la página web para pantallas de escritorio son 1440 píxeles. Es una práctica común restringir la dimensión de ancho máximo para su sitio. De esta forma, la página se verá bien incluso en monitores anchos o súper anchos.
Si desea que su sitio web se vea bien en todo tipo de dispositivos, es importante que cumpla con este estándar.
Dimensiones de página web estándar para teléfonos móviles
La dimensión de ventana gráfica más común utilizada en los teléfonos móviles es de 360 x 800 píxeles. Sin embargo, la mayoría de los sitios web usan diseños flexibles y podrán adaptarse a diferentes resoluciones.
También debe asegurarse de que cualquier texto sea lo suficientemente grande como para poder leerlo en pantallas con resoluciones inferiores a 360 px de ancho.
Tamaño de página web estándar para tabletas/iPads
Las dimensiones de un sitio web estándar para iPad o tableta deben optimizarse para una resolución de 768×1024 píxeles, ya que esta es la resolución más común para dispositivos Tablet”.
Si tienes un iPad o una tablet, sabrás lo molesto que es tener que redimensionar constantemente tu web para que el texto en pantalla sea legible.
La buena noticia es que hay dimensiones de página web estándar para estos dispositivos, por lo que si puede hacer que su sitio web se ajuste a esos límites, se reducirá automáticamente para caber en el pequeño espacio sin tener que hacer nada adicional.
Cosas a considerar al decidir el tamaño de su sitio web
Aquí hay algunas cosas que debe considerar al decidir el tamaño de su página web:
1. ¿Qué tipo de contenido desea?
Elegir el tipo correcto de contenido para su sitio es esencial. Necesitas saber qué es lo que quieres comunicar para asegurarte de que el mensaje que estás enviando sea claro y que sepas quién es tu audiencia.
Si tiene mucho texto, probablemente querrá una pantalla más grande para que sea fácil de leer para las personas. Por otro lado, si su sitio tiene contenido de video, entonces una pantalla más pequeña podría ser mejor porque permitirá que las personas vean más fácilmente.
2. ¿Con qué frecuencia se agregará contenido nuevo?
Si va a crear contenido nuevo con regularidad, es importante elegir un tamaño de página que le permita agregar rápidamente contenido nuevo sin tener que preocuparse de si el lector tendrá que desplazarse o no.
También puede ser útil decidir una cantidad máxima de caracteres para cada publicación para que no se encuentre escribiendo publicaciones excesivamente largas.
Si planea agregar contenido nuevo solo una vez a la semana o con menos frecuencia, entonces probablemente sea mejor usar un tamaño de página más grande y dejar espacio para los comentarios del lector.
3. ¿Cuántas páginas necesita?
Al decidir el tamaño de su sitio web, es importante considerar la cantidad de páginas que necesitará y qué tipos de contenido se incluirán.
Su sitio debe ser fácil de navegar para los visitantes y encontrar la información que desean. Una buena regla general es limitar su sitio a no más de 20 páginas.
4. ¿Cuánta información puede contener cada página?
Es esencial considerar la cantidad de información que su visitante querrá digerir al mismo tiempo. Si no tienen suficiente tiempo o interés para leer todo el contenido de su página, es posible que se vayan antes de llegar al final. Una buena regla general es permitir alrededor de 20 palabras por línea para una legibilidad óptima.
5. ¿Tiene suficiente contenido?
Si la respuesta es sí, considere cuántas páginas debe tener cada página. Hay muchos tipos diferentes de páginas que se pueden crear en su sitio, incluidas publicaciones de blog, páginas de destino y páginas de comercio electrónico.
Cada tipo de página tiene su propio propósito y debe diseñarse de manera diferente según lo que necesite lograr.
¿Qué es un Diseño Web Responsivo?
Responsive Web Design (RWD) es un enfoque para el desarrollo web que tiene como objetivo crear diseños compatibles con dispositivos móviles mediante la creación de diseños fluidos y consultas de medios flexibles. Esto permite que el diseño de un sitio web se adapte al dispositivo en el que se está viendo, ya sea una computadora de escritorio, una tableta o un teléfono inteligente, sin necesidad de varias versiones del sitio.
El concepto clave de RWD es asegurarse de que el contenido encaje en el espacio disponible en lugar de perder el control o desaparecer por completo.
¿Por qué usar un diseño receptivo?
Hay muchos beneficios de usar un diseño receptivo. Éstas incluyen:
1. Mayor usabilidad
Una interfaz de usuario que responde bien a diferentes tamaños de pantalla es mucho más fácil de usar que una que no lo hace. Si su sitio no se ajusta correctamente, podría volverse frustrante para los usuarios con pantallas pequeñas (como los que usan teléfonos móviles).
2. Mayor visibilidad en los motores de búsqueda
Los motores de búsqueda como Google están comenzando a favorecer los sitios web con diseños receptivos sobre aquellos que no admiten diferentes tamaños de pantalla. Desafortunadamente, esto significa que si su sitio no responde, puede perder tráfico de Google (y otros motores de búsqueda).
3. Se requiere menos codificación
Muchos desarrolladores piensan que el diseño receptivo requiere más tiempo y esfuerzo que las técnicas tradicionales de desarrollo web. Sin embargo, ¡esto no es cierto en absoluto! El diseño receptivo en realidad requiere menos codificación porque solo necesita realizar cambios en un lugar en lugar de en varios lugares.
Esto hace que sea mucho más fácil para los desarrolladores mantener sitios web creados con técnicas de diseño receptivo a largo plazo en comparación con los sitios web tradicionales.
4. Google lo recomienda
Google ha estado recomendando el diseño receptivo desde 2010 cuando presentó su actualización de algoritmo “Apto para dispositivos móviles” para recompensar a los sitios web con un impulso adicional en las clasificaciones de búsqueda si se crearon de manera receptiva o al menos tenían una versión móvil separada de la de escritorio (y por lo tanto, es más probable que sea accesible para buscadores móviles).
La compañía actualizó ese algoritmo el año pasado para poner más énfasis en la velocidad de la página, así como en la compatibilidad con dispositivos móviles, pero aún recomienda un diseño receptivo en lugar de “movilizar” su sitio existente simplemente redirigiendo a las personas desde su navegador de escritorio a una aplicación móvil cuando están navegando. en su teléfono inteligente o tableta.
5. Experiencia de usuario consistente
Cuando las personas acceden a su sitio web desde su computadora de escritorio o teléfono móvil, deberían tener una experiencia similar en todos los dispositivos. Esto significa que el diseño y la funcionalidad serán consistentes, incluso si el tamaño de la pantalla es más pequeño o más grande que el diseño original.
6. Disminución en Mantenimiento/Costo
Uno de los aspectos más importantes del diseño receptivo es que reduce los costos de mantenimiento y el tiempo dedicado a actualizar el contenido. Echemos un vistazo a un ejemplo:
Una empresa tiene dos sitios web, uno para usuarios de escritorio y otro para usuarios móviles. Para realizar cambios o actualizaciones en el sitio web, deben asegurarse de que ambas versiones estén actualizadas entre sí.
Esto puede llevar bastante tiempo y ser costoso si hay varias páginas o secciones en el sitio web que necesitan una actualización urgente.
Con un diseño receptivo, todo lo que necesita es un sitio web que se ajuste automáticamente según el dispositivo que lo esté viendo, por lo que no importa en qué dispositivo alguien esté viendo su sitio, siempre verá la última versión sin tener que preocuparse por actualizar varias versiones.
7. Aumento del tráfico y las conversiones
Cuando tiene un sitio receptivo, es más fácil para las personas encontrar su sitio web cuando buscan en Google u otros motores de búsqueda. También será más probable que se conviertan en clientes de pago porque pueden comprar fácilmente, sin importar dónde se encuentren o qué dispositivo utilicen.
Conclusión
Al final, una buena regla general es apegarse a las especificaciones que su gurú de optimización de motores de búsqueda (SEO) más cercano le haya recomendado para su sitio.
Incluso si su sitio web no cambia con frecuencia, tener una idea clara de sus dimensiones óptimas probablemente resulte útil para ejecutar controles de mantenimiento y diagnosticar cualquier problema que pueda encontrar. Es mucho mejor prepararse en exceso que lamentar haber hecho muy poco.
Artículos relacionados
