[Inspire B.] Como otimizar as fotos do seu blog

Você sabia que nós recebemos 80% de toda a informação através dos olhos? Visão é de longe o nosso sentido mais importante. 

Foto: Casa Abril

 

Os blogs são agendas virtuais onde se escreve sobre o que se gosta de fazer, com o boom das redes sociais os blogs também cresceram e muitas pessoas administram um (ou as vezes mais de um). Foi-se o tempo em que o blog era um espaço só para desabafo, hoje em dia diversos profissionais (liberais ou não) utilizam-se dessa rede para dividir ideias e experiências com seus clientes ou potenciais clientes, nós vemos blogs de: culinária, artesanato, nutrição, química, maquiagem, enfim a blogosfera cresce e não tem fim!

Não tem nada que me deixa mais desmotivada em voltar a visitar uma página do que falta de organização visual, se eu encontro e entro em um blog e ele está todo bagunçado mesmo que eu goste do conteúdo pode ter certeza que dificilmente eu voltarei a visitá-lo.

Imagine só…
Você está muito a fim de comprar uma blusa, passa por uma loja e entra, a vendedora vem com um sorriso nos lábios mas você repara que as prateleiras estão todas desorganizadas, que a loja está suja. 

Você vai ter vontade de comprar algo ou recomendar essa loja para um amigo?

A mesma coisa acontece no mundo virtual, se você entra em um ambiente que aparenta desorganização, você terá vontade de sair da página tão rápido quanto entrou.

Separei algumas dicas que podem ajudar você a organizar o visual do seu blog em especial das fotos das suas postagens, acredito que possa ajudar também você que está começando e ainda se perde com as edições.

Antes de postar
– Edite as suas fotos e imagens, estabeleça um padrão redimensione as fotos para o tamanho exato de exibição. Salve a imagem ou foto dando a ela um nome coerente e de preferência que tenha relação com o assunto da postagem;

– Veja se sua imagem ‘cabe’ na área de postagem e verifique se a qualidade da imagem é boa. Muito chato entrar em um blog em que a imagem está pequena demais ou gigante a ponto de demorar muito para carregar.

– Caso a imagem seja de sua autoria você pode inserir uma marca d’água.

– Fotos são pessoais, e mesmo que esteja publicada em outro blog peça autorização ao dono para usá-la. Imagens impessoais até podem ser salvas em seu computador e utilizadas sem consentimento, mas fotos jamais! Você pode pesquisar imagens no Bing ou Google Imagens ou em bancos de imagens (tem alguns gratuitos);

– Assim como copiar conteúdo alheio é crime, utilizar-se de imagens sem autorização também. Se a imagem é free retirada de um banco de imagens ou se é uma foto de divulgação de um produto por exemplo, use sem preocupação. Se possui direitos autorais mas você não sabe quem é o autor, link a fonte (site) da onde você a retirou;

Importante
Para usar uma imagem clique com o botão direito do mouse e salve em seu computador. Copiar a imagem e colar diretamente no post é hotlink, e isso é roubo. Salve a imagem e divulgue a fonte

Editando as imagens

Você sabia que o posicionamento do seu blog nos resultados de pesquisa também pode ser influenciado pelo peso de suas imagens?

Você precisa saber qual é a largura da sua área de postagem, a minha tem 690px essa foto por exemplo tem 800px de largura por 600px de altura e pesa 2.1mb

A foto foi redimensionada para tamanho ‘muito grande’ mas seu peso não é modificado

A maioria das pessoas na hora de editar apenas clica em cima da imagem e redimensiona automaticamente a foto selecionando: pequeno, médio, grande, muito grande ou tamanho original

Problema resolvido?
Errado! a imagem embora pareça bem menor na verdade continua com o mesmo peso (e tamanho) isso porque o blogger não redimensiona imagens, apenas faz uso do CSS (aparência) dando a ilusão do redimensionamento.

A largura máxima da minha área de postagem é de 690px a mesma foto foi redimensionada para 500px de largura por 375px de altura e agora ela pesa 126.9 kb

A foto foi redimensionada para tamanho ‘muito grande’ mas seu peso é bem menor mas ela não perdeu nitidez ou qualidade

Pronto problema redimensionamento resolvido! mas e agora criei um padrão e quando a foto por pequena demais? Aumento e já tá bom! NÃO nem pense nisso!

A foto tem 200px de largura por 150px de altura e foi redimensionada para tamanho ‘muito grande’ mas perdeu qualidade

Percebe como essa foto ficou desfocada, perdeu nitidez e ficou sem brilho? Cuidado imagens feias espantam leitores ao invés de atraí-los!

Se você quer ilustrar uma postagem e a foto está muito pequena, procure uma outra imagem que tenha a medida próxima do padrão que você determinou para suas postagens.

Para quem hospeda seu blog no blogger existe um recurso que ainda é desconhecido ou pouco usado pela grande maioria dos blogueiros: Meta Tags

Você sabia que utilizando meta tags descritivas em suas imagens quando alguém procurar por uma imagem existe grandes chances de ser direcionada para seu blog?!

Pare o mouse sobre a imagem

Viu a descrição?
Eu descrevi a imagem ‘dicas da Jackie sobre cabelos cacheados’ com essa meta tag descritiva é possível que mais pessoas sejam direcionadas ao blog quando fizerem buscar relacionadas ao tema.

Como faço para inserir as meta tags?
Passe o mouse sobre a foto clique em Propriedades =>preencha ‘Texto do Título’ e se desejar ‘Texto alternativo’

Aprenda a nomear suas fotos
Em geral quando vamos salvar nossas fotos elas ficam sem nome ou simplesmente com aquele código automático de registro da câmera. Números não dizem nada sobre a imagem, procure escolher um nome compatível e descrição apropriada sempre relacionada claro ao tema da sua postagem. Escolhendo uma descrição compatível pode ajudar também no redirecionamento e aumento de tráfego para seu blog.

Isso acontece porque os robots do provedor de pesquisa não leem imagens, mas sim textos. Quando eles encontram uma imagem cruzam o nome dela com os dados da pesquisa. Se alguém pesquisar por ‘cabelos cacheados’ uma foto minha renomeada assim tem chances de aparecer na pesquisa, e como já foi dito isso melhora o posicionamento do blog. Se alguém postou conteúdo semelhante mas nomeou a imagem 2013-08-20-1234.jpg vai ficar ‘no limbo’ da pesquisa. Entendeu?!

Editores Online [editado Set/21]

Canva

Adobe Spark

SumoPaint
PicMonkey
Photoshop online  (em português)

Editores Para baixar
Photoscape
PaintNet

Bancos de imagens gratuitos
MorgueFile
Dreamstime
Everystockphoto
Free Stock Photos Bank

Dicas
Marca d’água – Vídeo tutorial Photoscape
O que é Hotlink e como evitar