<strong>1- Fazer tudo o que for possível para tornar seu site mais leve e rápido</strong>

Já falamos inúmeras vezes de técnicas para melhorar a performance de um site. Manter conteúdo estático em cache, otimizar a página para os browsers, manter o código limpo, reduzir excessos de mídias. Tudo é válido e existem muitas opções que podem ajudar a deixar um website enxuto. O importante é que isso seja, sim, uma das prioridades durante o processo de desenvolvimento. (Leia mais 10 dicas para sites rápidos aqui)

<strong>2- Usar HTML5. Ele é amigável aos motores de busca, rápido e flexível</strong>

Não restam dúvidas quanto aos benefícios do HTML5. Os atributos e novos elementos trouxeram muitas facilidades, entre elas está o fato de que a sua estrutura é muito bem reconhecida por motores de busca, sobretudo os do Google. Isso porque o buscador dá bastante importância a tudo que é mais semântico na web. Mas é claro que existem alguns mitos e verdades sobre o assunto que precisam ser desvendados, antes de mais nada. Uma boa dica é um artigo sobre o assunto publicado no Tableless (leia aqui).
<div class="alert alert-warning"><strong><a href="http://www.agenciaflag.com.br/contato">FALE COM A AGÊNCIA FLAG SOBRE A CRIAÇÃO DE SITES EM CURITIBA, DESENVOLVA SEU PROJETO CONOSCO!</a></strong></div>
<strong>3- Separar informação com menus e submenus</strong>

Bons menus fazem parte de uma boa navegação, o que é essencial para manter o visitante de um site satisfeito com a experiência. É preciso separar as informações de uma página de forma hierárquica, de algum termo mais geral para outro mais específico. Pode parecer óbvio, mas há inúmeras páginas por aí que acabam misturando tudo e bagunçando as coisas. No mobile, por exemplo, os menus precisam ir direto ao ponto. Nada de colocar um guarda-chuva imenso de itens que com certeza não caberão na tela de um smartphone.

<strong>4- Tratar fotos antes de publicá-las. Imagens com alta resolução prejudicam o carregamento da página</strong>

Tratar imagens não significa enchê-las de efeitos no Photoshop. A questão aqui é trabalhar em fotos que atendam às necessidades do projeto. Se puder abrir mão de imagens pesadas, não pense duas vezes. Mas em alguns casos, como para projetos touch ou otimizados para telas de alta resolução talvez esse não seja o caminho. O tipo do projeto também influencia. Como mostrar o portfólio de um fotógrafo ou de uma agência de publicidade sem boas fotos? Não tem jeito. Uma opção que pode atender alguns casos é o uso de algumas ferramentas de compressão.

<img class="alignnone size-full wp-image-3152" src="http://www.agenciaflag.com.br/wp-content/uploads/2018/02/criacao-de-sites-curitiba-blog1.jpg" sizes="(max-width: 709px) 85vw, (max-width: 909px) 67vw, (max-width: 1362px) 62vw, 840px" srcset="https://www.agenciaflag.com.br/wp-content/uploads/2018/02/criacao-de-sites-curitiba-blog1.jpg 1000w, https://www.agenciaflag.com.br/wp-content/uploads/2018/02/criacao-de-sites-curitiba-blog1-800x560.jpg 800w, https://www.agenciaflag.com.br/wp-content/uploads/2018/02/criacao-de-sites-curitiba-blog1-768x538.jpg 768w" alt="" width="100%" />

<strong>5- Cores fortes estão permitidas. Mas é preciso conhecer as combinações e atender aos objetivos do projeto. </strong>

Escolher uma combinação de cores pode ser uma tarefa cheia de indecisões. Na dúvida, há especialistas que acreditam que o azul é uma cor de sucesso na internet. Mas antes de sair espalhando a cor pelo layout, o ideal é escolher uma paleta que combine com o projeto. Se for um site de hospital, não é recomendado que você escolha um vermelhão com um amarelo reluzente (amarelo exige parcimônia). Tente traduzir a personalidade do projeto com as cores. Como fazer isso? Com um bom briefing e uma boa pesquisa sobre os objetivos (seus ou de clientes).

<strong>6- A navegação deve seguir uma ordem lógica. O CSS torna uma página mais acessível</strong>

Pensar nas trajetórias do usuário pela página faz parte de estudos para desenvolvimento de interfaces. Alguns recursos podem ser usados nesse sentido para que você organize as informações e elementos visuais de um site de acordo com a navegação. Além de abusar de CSS e XHTML ferramentas que demonstram heatmaps mostram as chamadas “áreas nobres” de um site. São elas que merecem a sua atenção.
<div class="alert alert-warning"><strong><a href="http://www.agenciaflag.com.br/contato">FALE COM A AGÊNCIA FLAG SOBRE A CRIAÇÃO DE SITES EM CURITIBA, DESENVOLVA SEU PROJETO CONOSCO!</a></strong></div>
<strong>7- Cuidar dos títulos das páginas. Elas ajudam os buscadores a encontrarem seu site e favorecerem o SEO</strong>

Este ponto está mais relacionado com o conteúdo, que é o filé do site. Depois de cuidar de uma boa “apresentação deste filé no prato”, com bons métodos de design, pensar em conteúdo é crucial para uma página de sucesso. Quando o assunto é SEO, leve em consideração que o Google dá preferência para conteúdos relevantes, então cuide do seu texto, prefira os que tem mais de 500 caracteres e repita algumas vezes as palavras-chaves mais importantes para tentar melhorar o posicionamento orgânico. Esses são pequenos passos iniciais.

<strong>8- Usar apenas um tipo de fonte em todo o website. Se quiser mais de uma, usar apenas para destaques, citações e títulos. Assim o visual fica mais limpo e padronizado</strong>

A tipografia é um dos aspectos mais importantes do design. Além de ser um detalhe visual importante, precisa estar de acordo com a legibilidade do conteúdo escrito da página. Leve em conta em que plataforma o site vai ser mostrado, a quantidade de informação que será inserida e o posicionamento.

<img class="alignnone size-full wp-image-3153" src="http://www.agenciaflag.com.br/wp-content/uploads/2018/02/criacao-de-sites-curitiba-blog2.jpg" sizes="(max-width: 709px) 85vw, (max-width: 909px) 67vw, (max-width: 1362px) 62vw, 840px" srcset="https://www.agenciaflag.com.br/wp-content/uploads/2018/02/criacao-de-sites-curitiba-blog2.jpg 1280w, https://www.agenciaflag.com.br/wp-content/uploads/2018/02/criacao-de-sites-curitiba-blog2-800x450.jpg 800w, https://www.agenciaflag.com.br/wp-content/uploads/2018/02/criacao-de-sites-curitiba-blog2-768x432.jpg 768w, https://www.agenciaflag.com.br/wp-content/uploads/2018/02/criacao-de-sites-curitiba-blog2-1024x576.jpg 1024w, https://www.agenciaflag.com.br/wp-content/uploads/2018/02/criacao-de-sites-curitiba-blog2-1200x675.jpg 1200w" alt="" width="100%" />

<strong>9- Códigos devem ser escritos manualmente ou por programas específicos, como Dreamweaver, Code ou Notepad++. Um processador de textos qualquer poderá criar códigos desencessários e inválidos</strong>

Existem inúmeras ferramentas ótimas para escrita de códigos (além do Dreamweaver). Escolha de fontes confiáveis e recomendadas e fique de olha nas novidades em softwares para esse setor. O importante é encontrar a ferramenta que mais agrade o seu workflow e que atenda ao menos as necessidades essenciais de programação.

<strong>10- Espaço em branco ajuda a deixar o conteúdo legível – não exagere, para não comprometer o design.</strong>

O espaço em branco é constantemente a parte “polêmica” do design. Isso porque encontrar a dose certa pode não ser tão fácil quanto parece. Mas, acredite, quando você exagerar no espaço em branco as lacunas no design ficarão bem claras. O mesmo para os casos em que a empolgação acaba poluindo uma interface com muitos elementos. O melhor jeito de lidar com isso é: experimente. Não tenha medo de começar de novo. Reorganize tudo se achar necessário, leve em conta o respiro que o usuário precisa ter ao enxergar a página. E tente equilibrar tudo com o conteúdo.