Dominio: codigosblog.com.br
Chave: af255c39c6cbf2ba03ac5b531649215539d8d61a
Hora do cache: 1490295728
Vida do cache: 1490554928
Status: 1
Mensagem: Licença válida
Chave do Pedido: 11808bbc6205bade68f0b70c302eaa74d4305945
Chave do Produto: PROKEY
Scroll Top

Junte-se a 22.515 pessoas que
decidiram aprender tudo sobre Blogs,
SEO e Monetização.

Hospedagem - 728 x 90

Dicas SEO

O uso dos atributos ALT e TITLE nas imagens

Quando utilizamos uma imagem em nosso site ou blog, devemos seguir um padrão a fim de melhorar nosso posicionamento em sites de busca.
Ao inserir uma imagem em nossas postagens, automaticamente ou manualmente inserimos um código HTML da seguinte forma:
Simplificado:

<img scr="LINK_IMAGEM"/>

Otimizado:

<img src="LINK_IMAGEM" alt="TEXTO" title="TEXTO"/>

Exemplo:
<img src="logo_codigos_blog.jpg" alt="Logotipo Códigos Blog" title="Logotipo Códigos Blog"/>

Os atributos ALT e TITLE fazem referência à imagem ali inserida. Uma pequena descrição da imagem.
O TITLE é o título da imagem, o que vai aparecer quando a pessoa passar o mouse em cima da imagem (também conhecido como tooltip). Exemplo:

O ALT é a descrição que os buscadores indexam das imagens. Ou seja, é o que melhora seu posicionamento no Google e outros. Igualmente tem a função de substituir a imagem pelo texto caso o link seja quebrado.

Em alguns casos o TITLE também é usado em mecanismos de busca, então é importante usar o código da imagem completo. Isso se você quiser ganhar mais visitas dos buscadores. =]
Também podemos usar as descrições ali inseridas em outros lugares, usando códigos de programação, como PHP, JavaScript, etc.

No Blogger:

Usar o sistema de inserção de imagens automático do Blogger ao escrever um novo post, não inclui um código completo, pois ao inserir uma imagem, os atributos alt e title não são inseridos. É recomendável dar uma incrementada logo em seguida.

Basicamente é uma questão de SEO, em que muitos não ligam muito. Todavia, faz grande diferença.



De um play no vídeo abaixo e aprenda a Criar blogs Profissionais




Gostou deste artigo? Ajude nosso projeto.
Compartilhe em suas redes sociais nos botões abaixo:

8 Comentários

  1. Aristóteles Meneses disse:

    Muito bom esse seu post, pois facilita na acessibilidade digital pois quem utiliza ALT e TITLE torna seu site ou blog acessível aos nossos amigos deficientes visuais que utilizam leitores de telas para navegação. Pois a utilização dos mesmos faz regra na acessibilidade. Abraços…

  2. humbertolimacb disse:

    O Blogger já deveria ter atualizado o Editor com as opções ALT e TITLE na imagem.

    Outras melhorias que acho que deveria ter é a inserção de atributos REL e TARGET ao colocar links na postagem.

    E também toda imagem inserida por padrão, deveria ter TARGET = _BLANK, dai a pessoa mudaria ou não, ficando ao seu gosto.

  3. downfirelivre disse:

    cara desde que eu comecei a usar o atribulto alt e title, minhas visitas no google imagens melhorou muito!!! valeu pela dica!!.

  4. Daniel disse:

    Essa semana eu li num outro site sobre o uso dessas alts nas imagens e por isso estou começando a usálas nas imagens dos posts.
    Como você mesmo disse, infelizmente tem que editar o código html do post para adiconar o elemento ALT.
    Não faz nem uma semana que eu adotei essa medida e então acredito que o efeito de aumentar as visitas devam aparecer mais depois.

  5. Victor disse:

    Olá, boa tarde!

    tenho um site com 40 produtos e cada um deles tem uma sequencia de 10 fotos em média. se eu colar o mesmo texto (alt tag e title tag) para as 10 fotos o Google me punirá?

    Exemplo:

    foto 1 – texto: Cadeira XXXX, alto padrão na fabricação. Conforto e qualidade.

    Obrigado
    Victor

  6. leandro disse:

    Tem com fazer estas alterações nas fotos do facebook, flickr????

Para enviar seu comentário, preencha os campos abaixo:

Por gentileza, se deseja alterar o arquivo do rodapé,
entre em contato com o suporte.