Otimizar as fotos do site da sua marca pode influenciar diretamente no design e na interação com o usuário, quanto na velocidade de abertura de cada página.
Para que sua marca possa ter um site mais atraente, escolher as melhores fotos é apenas o primeiro passo.
Neste artigo traremos algumas dicas e informações para te ajudar como otimizar as fotos do seu site de forma mais planejada, tornando-o muito mais profissional.
Ah, aproveito para te convidar a conhecer o MARKETING DIGITAL DE ALTO PADRÃO.
O MARKETING DIGITAL DE ALTO PADRÃO é uma solução única e exclusiva que que já gerou mais de R$20 milhões em vendas pra alguns de nossos clientes.
CONFIRA TAMBÉM:
O QUE VOCÊ DEVE SABER ANTES DE OTIMIZAR AS FOTOS DO SITE
Quando falamos em um site de alto padrão temos que ter em mente que, talvez, aquele seja o primeiro ponto de contato de seu cliente-alvo com sua marca.
Sendo assim, é muito importante que se utilize as melhores fotos de seus projetos, além de boas fotos de você e de sua equipe, a fim de valorizar ao máximo seu trabalho.
Para transmitir o máximo de profissionalismo, recomendo que você contrate bons fotógrafos.
Um grande erro que muitos cometem é acreditar que, somente por ter uma boa câmera ou um bom smartphone, serão capazes de produzirem boas fotos.
Claro que, as vezes, a utilização de fotos feitas com smartphones ficam excelentes para serem utilizadas em redes sociais e em fotos pequenas em seu site.
No entanto, na hora de fotografar seus projetos, nada supera um bom profissional.
COMO OTIMIZAR AS FOTOS DO SEU SITE DE ALTO PADRÃO
Quando falamos de otimização de fotos estamos nos referindo a preparação necessária para que suas fotos tenham a melhor performance possível em seu site.
Utilizar fotos muito pesadas ou em um formato incorreto pode fazer com que seu site demore muito para abrir, fazendo com que o usuário desista continuar na página e dificultando a indexação de seu site nos mecanismos de busca (Google).
Por outro lado, o excesso de compactação de suas fotos podem torna-las de má qualidade, tornando-as menos atraentes.
O ideal aqui é buscar o equilíbrio entre o “peso” de cada imagem com a qualidade das mesmas.
Separamos abaixo algumas opções para você possa otimizar as fotos de seu site de forma rápida e profissional:
01 – OTIMIZAR AS FOTOS DO SEU SITE COM PHOTOSHOP
O conhecido “Salvar para Web” do Photoshop permite escolher várias opções de qualidade para suas imagens, sendo possível testar em tempo real se aquela configuração é adequada para seu projeto.
O painel Salvar para Web é bem intuitivo e fácil de ser explorado. O ideal é ir alterando a o campo Qualidade até encontrar o equilíbrio entre peso e qualidade da imagem.
Note que à medida que o valor do campo Qualidade é alterado, um novo peso é calculado no canto inferior direito.
Alterando o valor do campo Qualidade para 60, um ajuste muito simples, já é possível ter uma significativa redução do peso da imagem.
Uma imagem de 196kb, por exemplo, sendo otimizado pelo “Salvar para Web” com 60% de qualidade já terá seu peso reduzido para apenas 96kb com, praticamente, a mesma qualidade visual.
Se houvessem 10 imagens como essa em uma seção de um site, a otimização pouparia aproximadamente 1Mb de carregamento.
Multiplique isso por dezenas, centenas ou talvez milhares de visitantes diários na página e a quantidade de tráfego economizado entre o cliente e o servidor será extremamente significativa. Viu como a otimização de imagens é importante?
02 – OTIMIZAR AS FOTOS DO SEU SITE COM TINY JPG/PNG
Existe dois serviços gratuitos muito bons para quem deseja otimizar uma imagem de forma ainda mais simples: o TinyJPG e o TinyPNG.
Para usar, é bem simples: basta carregar as imagens para o site (máximo de 20 imagens por vez) e deixar que ele faça tudo.
Para utilizar o Tiny basta acessar o site, fazer o upload das imagens clicando em “Drop your .png or .jpg files here!”.
Em poucos segundos a compressão é feita, possibilitando o download da imagem otimizada logo em seguida.
Desta forma é possível alcançar uma redução de até 50% no tamanho da imagem com praticamente nenhuma perda de qualidade. Legal né?
Utilizando qualquer uma das duas formas citadas você conseguirá uma significativa melhora no tempo de carregamento de suas páginas.
Lembre-se que sites que carregam mais rápido são favorecidos pelo Google e outros mecanismos de buscas. Otimizar imagens é um dos processos de SEO (Search Engine Optimization).
Ah, vale lembrar também que esse tipo de otimização é válido somente para web. Caso seu projeto seja gráfico, talvez o melhor seria trabalhar com a forma “bruta” (sem compressão) da imagem para garantir uma boa impressão.
COMO OTIMIZAR AS FOTOS DO SEU SITE PARA APARECER NO GOOGLE
Após ter otimizado o peso e medida das fotos do seu site, é hora de otimiza-las para que sejam indexadas e apareçam nos resultados de busca do Google.
Basicamente, o Google não “lê” tão bem imagens. Logo, é necessário adicionar descrições a estas fotos para que as mesmas ganhem maior relevância no mecanismo de buscas do Google.
Para isso é necessário que você adicione três atributos muito importantes às fotos do seu site: O nome, o “alt” e o “title”.
NOME DA IMAGEM
O nome da imagem na mais é do que o nome que você utiliza para salva a imagem no seu computador ou smartphone.
Para melhorar o a otimização das imagens do seu site, opte por nomear cada imagem com a palavra-chave que você deseja que ela seja encontrada no Google.
Ex.: Se você vai utilizar a foto de uma produto da sua marca no seu site, ao invés de da salvar essa imagem como “imagem1.jpg” salve como “nome-do-produto.jpg”
ATRIBUTO “ALT”
O atributo “alt”, que é a abreviatura para “alternative“, é um texto que aparecerá caso a imagem, por uma conexão ruim por exemplo, não seja carregada no site.
No atributo “alt” você deve usar uma frase que explique a imagem que apareceria naquele local.
Esse atributo também é utilizado pelos programas de leitura de tela quando pessoas com deficiência visual acessarem seu site.
Para que esta imagem seja indexada e apareça nos resultados do Google, você deve utilizar dentro da frase, a palavra-chave por qual deseja que está imagem seja encontrada.
ATRIBUTO “TITLE”
O atributo “Title” é bem parecido com o atributo “alt” porém com uma função um pouco diferente.
O atributo “Title” deve trazer um resumo mais detalhado da imagem e aparecerá quando um usuário colocar o mouse sobre a imagem.
Semelhante ao atributo “alt”, para que esta imagem seja indexada e apareça nos resultados do Google, você deve utilizar dentro do atributo “title” a palavra-chave por qual deseja que está imagem seja encontrada.
EXEMPLO DE OTIMIZAÇÃO DE FOTO PARA SEU SITE
<img src=”papelaria-corporativa.jpg” alt=”Papelaria Corporativa de Alto Padrão” title=”Descubra como utilizar a papelaria corporativa de alto padrão na apresentação da sua marca“>
CONCLUSÃO
Melhorar as fotos do seu site permite uma melhor navegabilidade além de melhorar a indexação nos mecanismos de buscas.
Agora que você já entendeu a importância de otimizar as fotos de seu site, que tal torna-lo muito mais relevante?
Aproveite e leia também Como inovar seu site e ser mais atraente.
Para acompanhar mais das minhas dicas de como ter um site premium para sua empresa de continue navegando neste site.
Ah, aproveitamos para te convidar novamente para conhecer o MARKETING DIGITAL DE ALTO PADRÃO.
O MARKETING DIGITAL DE ALTO PADRÃO é uma solução exclusiva para lojas, escritórios e showrooms que queiram atrair os melhores clientes do mercado de alto padrão.
Forte abraço e conte conosco!
