Otimizando Tag alt e Title da imagem: dúvidas mais comuns

Por ,
em

As imagens presentes no seu site são importantes, pois também fazem parte do conteúdo, seja para ilustrar ou mesmo para complementar as informações contidas nos textos.

Considerando-as como fatores de ranqueamento, as tags presentes na imagem aumentam a relevância das keywords utilizadas na landing page. Conhecida como alt e Title, elas estão presentes no código HTML do seu site linguagem utilizada pelos robôs dos buscadores para lerem as informações de cada página.

 

Para que serve o alt e o Title?

Por não ler imagens, os Crawlers (nome dos bots do Google) vêm essas figuras com base no que descrevemos no atributo. Com isso, teremos a possibilidade do nosso site aparecer na busca de imagens do Google, podendo também aparecer nos resultados da SERP:

O que é alt?

Essa tag tem como função principal oferecer uma alternativa de leitura desse elemento da página. A partir dele, é possível identificar que há uma imagem presente naquele espaço do site.

O seu site se torna ainda acessível com a configuração correta do atributo alt nas imagens. Isso ocorre porque a maioria dos softwares utilizados por deficientes visuais utiliza esse atributo para fazer a descrição em páginas da web.

 

Qual é o melhor jeito de escrever o alt?

Por essa tag substituir uma imagem, é importante que ela seja bem objetiva. Por isso, focar nas keywords selecionadas e evitar termos como “de”, “com” e “para” é um bom caminho para uma descrição eficiente e que favoreça os seus objetivos (acessibilidade e posicionamento).

Observe a imagem abaixo:

Uma boa maneira de fazer uma descrição objetiva e relevante é:      

<alt=”Relógio-Preto”>

O que é Title?

Essa tag é um complemento do alt. E, como o próprio nome sugere, é o título que representa a imagem em questão. Quando colocamos o cursor sobre uma imagem, a informação que aparece é a que foi inserida na Title:

É comum a utilização da mesma descrição em ambas as tags: alt e Title. Ao final da otimização, o código deverá ficar assim:

<img src=“relogio-preto.png” title=“Relógio-Preto” alt=“Relógio-Preto”>

Outra sugestão de uso pode ser dar créditos à imagem, explicar o que está acontecendo nela etc.

Qual é o melhor formato para imagens? O tamanho delas interfere?

A definição do formato e do tamanho é fundamental no momento de inserir uma nova imagem em um site. Escolha sempre formatos comuns, como JPEG, GIF ou PNG.

Quanto ao tamanho, escolha imagens que tenham a dimensão ideal para o espaço em que serão posicionadas. Lembre-se: o peso das imagens interfere no tempo de carregamento do seu site, fator também decisivo em posicionamento. ;)

A Conversion na mídia
Rede Globo de Televisão SBT Rede Record TV Bandeirantes Portal do UOL Yahoo Notícias Diário do Comércio e Indústria
Voltar ao Topo
fechar

Solicite Orçamento