É verdade ou não, que todo blogueiro procura aumentar as visitas em seus blogs a todo custo? Uma destas formas é otimizando o blog para conseguir melhores resultados nos mecanismos de buscas como o Google.
O fato é que muitos blogueiros cuidam do SEO de seus blogs, mas acabam se esquecendo de otimizar suas imagens, e é isso o que vamos discutir aqui.
Quem já utilizou o buscador do Google, já deve ter notado ou mesmo utilizado o Google Imagens, que é o mecanismo de busca que procura apenas por imagens presentes nos websites e blogs
Digamos que você acesse o buscador de imagens e pesquise pela palavra “Ferrari“. Lhe será mostrado várias imagens de Ferraris e se você clicar em uma, será enviado a página onde a imagem está sendo exibida. Esta é uma forma alternativa de um visitante encontrar o seu site.
Porém, como você já deve imaginar, os computadores não são muito bons para entenderem a mensagem que uma determinada imagem tenta passar. Então como será que o Google faz para saber quais imagens exibir após um usuário realizar uma busca no Google Images?
Entenda o que é o ALT TAG
A resposta está na tag <alt> ou Alt Tag. ALT é o acrônimo para Alternative (alternativa) que é um código adicionado ao HTML da imagem e que deve refletir a mensagem que represente o conteúdo da imagem.
Essa descrição é utilizada pelo Google para retornar os resultados sempre que alguém realize uma busca por imagens.
Por ser um texto alternativo, a tag <alt> também é importante quando a imagem não é carregada na página, seja porque houve erro no carregamento por parte do servidor, porque o usuário desabilitou o carregamento de imagens no navegador ou porque a imagem realmente não existe.
Nesse caso o texto alternativo é exibido no lugar em que a imagem deveria aparecer, indicando ao visitante do que se trata a imagem que está faltando.
Daí a importância de o texto alternativo ser altamente descritivo, refletindo exatamente o que a imagem trata. Confira um exemplo abaixo que mostra uma imagem normal e outra que não existe no servidor do CriarSites.com. Repare que a segunda somente mostra o texto alternativo.
Como Utilizar o ALT TAG nas Imagens
A maioria dos editores de sites em suas versões mais recentes, pedem o texto alternativo sempre que uma imagem é incluída na página, nesse caso o próprio editor se encarrega de gerar o código da tag <alt>, porém se você precisar criar o código manualmente, pode fazê-lo inserindo o seguinte código alt=”Texto Alternativo” dentro da tag <img>
Ficaria algo mais ou menos assim:
<img src=”http://www.site.com/imagem.gif” alt=”Ferrari Modena” />
Você pode adicionar o texto que quiser, mas evite criar um texto muito longo para que o texto alternativo não pareça ser spam para o Google.
Dicas importantes para otimizar suas imagens:
- Jamais deixe suas imagens sem alt ou title;
- Utilize nomes de arquivos e atributos “alt” curtos e descritivos;
- Forneça atributos “alt” ao utilizar imagens como links;
- Para toda tag “alt”, usar uma tag “title”, com o mesmo conteúdo (réplica);
- A descrição da imagem deve ser relevante ao conteúdo da imagem;
- A descrição da imagem deve ser relevante às palavras-chave do texto do artigo em que a imagem se encontra.
- Prefira nomes de arquivos curtos
- É importante que as imagens tenham boa qualidade, mas evite que os arquivos fiquem muito grandes, para que o tempo de carregamento não fique muito grande.
Se você fizer uma procura rápida no Google Imagens vai reparar que este motor de busca dá mais prioridade a imagens bem otimizadas no tamanho e no formato .jpg/.jpeg. Isto acontece porque este formato consegue ter uma boa qualidade e ao mesmo tempo um tamanho aceitável.
Gostou do artigo Como Utilizar o ALT TAG nas Imagens de seu Site ou Blog? Ainda tem dúvidas ou sugestões sobre SEO no Google? Então deixe um comentário abaixo e vamos discutir sobre o assunto.
