Técnicas e boas práticas de otimização de sites

Não escreva uma artigo de blog apenas por fazer, um artigo mal escrito pode prejudicar o seu site em vez de o ajudar!

Quando os artigos são bem escritos, e escritas com foco no leitor e não para apenas com foco nos motores de busca, as páginas irão naturalmente contribuir para as palavras-chave do seu site, por isso, seja paciente, o tráfego ha-de vir.

Não recomendamos particularmente a utilização de esquemas de construção de ligações, chamados "white hat", pois espera-se que as ligações cresçam ao longo do tempo.

No entanto, existem várias maneiras de capturar ou focar a atenção do seu leitor.

Ter um site com cadeado mostra à maioria dos utilizadores finais que se preocupa com a segurança deles.

Isso pode tornar o seu site um pouco lento, mas atualmente vale a pena adicionar isso e é obrigatório se planeia vender itens online ou permitir que membros do público façam login e usem o seu site.

O Google atualmente usa o HTTPS como um factor de classificação de página , o que significa que sites seguros recebem um pequeno impulso em comparação com outros concorrentes que não usem. No futuro, é provável que sites que vendem coisas online usando HTTP padrão ou um certificado de segurança fraco sejam punidos também prejudicados em termos da sua classificação de página.

Uma rede de entrega de conteúdo é uma ótima maneira dos sites de maior volume estarem mais próximos dos seus utilizadores finais, mas não é necessariamente para todos.

Se o seu site recebe uma pequena quantidade de tráfego global, isto pode ser inútil, porque vai estar a adicionar um passo extra no envio dos dados para os seus clientes.

Isto é um pouco mais simples do que a maioria das pessoas pensa. Quando os sites estão em desenvolvimento, a maioria dos programas insere tabs antes dos elementos para facilitar a leitura.

Embora isso seja ótimo em termos  desenvolvimento, aumenta consideravelmente o tamanho do arquivo e o uso de recursos do servidor. Uma correção simples pode ser usar shift+tab no Visual Studio até que todos os itens sejam alinhados à esquerda.

Este simples truque pode pupar milhares de bytes por pedido.

Tal como nas nossas páginas HTML, o CSS é geralmente construído com muitos espaços e, branco para facilitar a leitura, quando for posto em produção, retire-os, as únicas pessoas que vão olhar para o seu código serão os programadores web! Remova também os comentários sempre que possível, estes estão a ser enviados mas nunca lidos.

Esteja à vontade para utilizar a nossa ferramenta gratuita que retira comentários e espaços em branco desnecessários, organizando também algumas partes. Em alternativa, analise o seu site em termos de PageSpeed e utilize os dados que conseguir retirar.

 O CSS é geralmente construído com muitos espaços em branco para facilitar a leitura, ao passar para produção, retire-os as únicas pessoas que vão olhar para o seu código vão ser os programadores a web! Remova também os comentários sempre que possível, estes estão a ser enviados mas nunca lidos.

Esteja à vontade para utilizar a nossa ferramenta gratuita que retira comentários e espaços em branco desnecessários, organizando também algumas partes. Em alternativa, analise o seu site em termos de PageSpeed e utilize os dados que conseguir retirar.

A maioria dos sites agora é construída usando uma das muitas ferramentas de criação de sites disponíveis, como WordPress e/ou com tecnologia de implementação rápida, como Bootstrap e Angular, mas estas podem aumentar o número de arquivos incluídos juntamente com o seu site, fazendo com que os tempos de carregamento da página inicial sejam lentos. o navegador faz vários pedidos para descarregar os vários ficheiros.

Se tiver acesso ao back-end do seu site, geralmente é uma boa ideia tentar combinar ficheiros semelhantes em um só pedido.

Desenvolva os seus sites de maneira funcionarem corretamente em dispositivos móveis e, em seguida, adicione melhorias adicionais para utilizadores desktop. Os dispositivos móveis atualmente representam cerca de metade de todas as pesquisas em todo o mundo, e os mecanismos de pesquisa são inteligentes o suficiente para não enviar um dispositivo móvel para uma página não otimizada.

Se o seu site não for compatível com dispositivos móveis, poderá perder 50% do seu tráfego potencial. Se este for o caso, pode valer a pena dar uma olhada no seu site.

As imagens geralmente representam a grande proporção de dados em cada pedido.

Existem várias ferramentas online e offline gratuitas que podem ser usadas para otimizar cada imagem, listamos algumas delas abaixo e iremos adicioná-las ao longo do tempo;

png (Portable Network Graphics) - apresenta algoritmo de compressão de dados de imagens sem perdas.

• TinyPNG (conversor online)
• ImageOptim (aplicativo para Mac e serviço web)
  
• pngquant (executável de linha de comando que usamos como parte do OusiaCMS)
• pngout (executável de linha de comandos que usamos como parte do OusiaCMS, depois do pngquant)

jpeg/jpg (Joint Photographic Experts Group) - um algoritmo de compressão de imagens com perdas.

• TinyJPG (conversor online)
• jpegtran (executável de linha de comandos que usamos como parte do OusiaCMS)
  

svg (Scalable Vector Graphics) - imagens vetoriais baseadas em xml.

• svgminify (serviço online)
  

A compressão reduz o tamanho de um ficheiro no servidor usando vários algoritmos antes de enviar o dispositivo do visitante, que descompacta os dados e usa o arquivo normalmente. Os métodos de compactação mais comumente suportados estão listados abaixo;

• GZipName
  
• Esvaziar
  

Se for possível e se usa um sistema de gestão de conteúdo, ative também a compressão dinâmica. Leia mais sobre como configurar a compressão no seu servidor web.

Ativar compactação (Google)

Os serviços de SEO que fornecemos são;

• Mídia social
  
• Escolha as plataformas certas
• Configuraçãp
• Marca
• Gestão contínua
• Otimização de Site (Sabemos que os utilizadores do nosso CMS têm uma das ferramentas mais rápidos disponíveis, mas estamos felizes em trabalhar com seja qual for o fornecedor que use que use)
• Otimização de Imagens
• Otimização de CSS e JavaScript
• Compatibilidade móvel.
• Identificação outras áreas para melhoria
• Design do site (quando necessário)
• Análise de conteúdo e utilidade
• Navegação e facilidade de menu
• Identificação de conteúdo que pode ser melhorado e atualizado ou eliminado
• Facilidade de contato
• Link para plataformas de redes sociais

Existem várias ferramentas disponíveis para testar o seu site. Usamos o seguinte para analisar todos os sites que construímos.

Também destacamos algumas das principais dificuldades e como as podemos evitar sempre que possível.

Ferramentas de testes estruturais;

• Google PageSpeed Insights (online, fornecido pelo Google)
  
• YSlow (Instalação no seu navegador, disponível para Chrome, Firefox e Safari + alguns outros)
• GTMetrix (analisa o seu site com relatórios do PageSpeed e YSlow)

Uma coisa a notar é que, se testar o mesmo site em todas essas ferramentas, estas podem fornecer informações que tenham conflito com outras ferramentas. Lembre-se também de que são apenas linhas de orientação, nem sempre são 100% precisas, e alguns erros podem estar fora do seu controle.