Aqueles que lidam com SEO dificilmente se perguntam o problema de resolução de um site, pois não parece ser um recurso levado em consideração pelos mecanismos de pesquisa.
No entanto, este é um erro grave, porque qualquer pessoa que acesse nosso site e não visualize as páginas corretamente, o deixará após alguns segundos. Por este motivo, a escolha da resolução sobre a qual definir o layout de um site é importante.
Se usarmos um layout al 100% ele se ajusta automaticamente à resolução da tela. No entanto, deve-se ter cuidado para que todos os módulos internos também sejam capazes de se adaptar. Essa técnica às vezes é prejudicial ao layout, que pode não ser muito bonito.
Para ver qual pode ser a resolução ideal para o nosso site, podemos contar com estatísticas tiradas de outros sites para entender qual resolução é mais utilizada pelos usuários que navegam na web. Dos dados fornecidos por markethare.hitslink.com percebe-se que hoje a resolução mais utilizada é 1024 x 768, Seguido por 1280 x 800. A resolução ideal seria desenvolver páginas com largura dinâmica, mas com uma estrutura mínima de cerca de 1000px.
É importante reservar um layout especial para dispositivos móveise, em seguida, certifique-se de que nosso site também pode ser usado por telefones celulares, PDAs, smartphones e assim por diante. Uma vez que o layout e os gráficos foram implementados, resta uma última etapa para ver se nosso site é exibido corretamente nos vários navegadores, testar o que foi criado em outras resoluções ou em outros navegadores da web. Nesse sentido, algumas ferramentas úteis vêm em nosso auxílio para verificar como nosso site é exibido em diferentes resoluções e em diferentes navegadores.
http://testsize.com
http://viewlike.us
Realize os chamados testes navegador cruzado é uma etapa fundamental, mas na maioria das vezes acaba sendo uma tarefa difícil.
A primeira etapa é realizar testes preliminares por meio de softwares de simulação que verificam a compatibilidade do site em diferentes navegadores. Entre os principais serviços podemos citar:
http://browsershots.org
http://ipinfo.info/netrenderer
http://www.webdevlab.com/app/screenshots
http://www.browsercam.com
Através das ferramentas ilustradas podemos entender se o trabalho realizado é adequado ou se algumas alterações nos gráficos ou componentes precisam ser feitas para tornar o site compatível com diferentes resoluções de vídeo e em diferentes navegadores.
