¿Cuál es la mejor resolución gráfica para un sitio web?
Aquellos que se ocupan de SEO difícilmente se preguntan el problema de resolución de un sitio web, ya que no parece una característica que los motores de búsqueda tengan en cuenta.
Sin embargo, esto es un grave error, porque cualquiera que acceda a nuestro sitio y no vea las páginas correctamente lo abandonará después de unos segundos. Por esta razón, la elección de la resolución en la que establecer el diseño de un sitio web es importante.
Si usamos un Diseño 100% se ajusta automáticamente a la resolución de la pantalla. Sin embargo, se debe tener cuidado de que todos los módulos internos también puedan adaptarse. Esta técnica a veces es perjudicial para el diseño, que puede no ser muy atractivo.
Para ver cuál podría ser la resolución óptima para nuestro sitio web, podemos confiar en estadísticas tomadas de otros sitios web para conocer cuál es la resolución más utilizada por los usuarios que navegan por la web. A partir de los datos facilitados por markethare.hitslink.com se puede ver que hoy en día la resolución más utilizada es 1024 x 768, seguido por 1280 x 800. La resolución óptima sería desarrollar páginas con ancho dinámico, pero con una estructura mínima de unos 1000px.
Es importante reservar un diseño especial para dispositivos móviles, luego asegúrese de que nuestro sitio web también sea utilizable por teléfonos móviles, PDA, teléfonos inteligentes, etc. Una vez que se han implementado el diseño y los gráficos, queda un último paso para ver para comprender si nuestro sitio se muestra correctamente en los distintos navegadores, probar lo que se creó en otras resoluciones o en otros navegadores web. En este sentido, algunas herramientas útiles vienen en nuestra ayuda para comprobar cómo se muestra nuestro sitio web en diferentes resoluciones y en diferentes navegadores.
Realizar las llamadas pruebas navegador cruzado es un paso fundamental pero la mayoría de las veces resulta una tarea difícil.
Un primer paso es realizar pruebas preliminares a través de software de simulación que comprueben la compatibilidad del sitio web dentro de diferentes navegadores. Entre los principales servicios podemos mencionar:
http://ipinfo.info/netrenderer
http://www.webdevlab.com/app/screenshots
A través de las herramientas ilustradas podemos entender si el trabajo realizado es adecuado o si es necesario realizar algunos cambios en los gráficos o componentes para que el sitio web sea compatible con diferentes resoluciones de video y en diferentes navegadores.