Um dos pontos mais importantes para quem trabalha com SEO é criar um conteúdo legível pela google, e ter sempre em mente a celebre frase:

A missão da google é entregar para o usuário que fez a pesquisa o conteúdo mais relevante.

E as imagens são parte importantíssima de uma estratégia de conteúdo. Um post com imagens é um post mais enriquecido e o google entende como mais relevante portanto. Mas de nada adianta enriquecermos nosso material se não conseguirmos explicar para o buscador do que se trata cada imagem e qual sua relação com o texto.

Existe 4 ferramentas que nos ajudam a fazer isto. A saber: Nome de arquivo, texto alternativo, legenda e title.

Para entendermos cada uma delas e quais as melhores práticas vamos lançar mão de uma ilustração. Vamos supor que você possua um gatil e queira que seu site ranqueie bem quando as pessoas procuram por “filhotes de gato”. E por fim vamos imaginar que no você escreveu um post falando de qualidade de vida dos gatos, e no topo do post tem o clássico banner do gato com novelo de lã.

Qual deve ser o nome do arquivo? A imagem do banner é um arquivo, e o nome do arquivo ajuda muito o google a entender do que se trata a imagem. Por isso tem se como boa prática nomear o arquivo como banner-gato-com-novelo-la.webp, por exemplo. O nome explica a imagem.

Arquivo nomeado e carregado para o servidor chega a hora de tratarmos texto alternativo, legenda e title.

Texto alternativo é o texto que aparece quando a imagem não é carregada corretamente. Pode acontecer, em função de um problema técnico ou outro, de o navegador não conseguir exibir a imagem para o visitante. Nessas situações ele exibe o texto alternativo.

Além de ajudar com a experiência do usuário o texto alternativo pode ser extremamente útil para a comunicação com o google. É mais um local que temos para explicar do que se trata a imagem. A sugestão é tratá-lo como o nome do arquivo. Uma explicação simples da imagem. No caso de um banner de um gato com um novelo de lã a sugestão seria colocar um texto alternativo do tipo: Imagem de um gato com um novelo de lã.

A legenda e o atributo title por permitirem uma frase um pouco maior, podem ser utilizados para mostrar a relação da imagem com o texto. Seguindo a ilustração do post sobre qualidade de vida uma sugestão de legenda e/ou title seria: Nossos gatos esbanjam vitalidade e alegria brincando com novelos de lã. Repare: não se trata mais de explicar e imagem, e sim a sua relação com o conteúdo. Explicar para o buscador o motivo de ela estar ali.