Descrição em Imagens e Textos - Tag Alt e Title

Uma coisa bem simples de fazer é aquele texto que geralmente aparece nas imagens quando colocamos o mouse sobre, isso é feito com a tag alt, elas que serve como uma descrição da imagem ou uma informação que desejamos mostrar, além disso, facilita nossas imagens aparecerem nos resultados das buscas de imagens do Google.

Mas também é possível fazer o mesmo com links de texto, mostrar uma descrição sobre o link quando passamos o mouse sobre ele, mas em vez de usar alt colocamos a tag title, veja como funciona:

Descrição sobre a imagem
<img src="endereço da imagem" alt="texto sobre a imagem" width="300" height="228" border="0" />

Veja que na imagem que postamos mais abaixo aparece um texto sobre ela ao passar o mouse. Se quiser no caso de imagens com links pode ser usado title como no links de texto e funcionará da mesma maneira.

Descrição sobre o link de texto
<a href='http://www.dicasparablogs.com.br/p/lista-de-tutoriais.html' title='Diversos tutoriais para blogs'>Dicas para blogs</a>

Deste modo aparece o link deste jeito: Dicas para Blogs, veja que ao passar o mouse sobre ele é exibido o texto Diversos tutoriais para blogs.

tag aparecer no google: alt e title
No caso do link de texto o que escrevemos na tag title não precisa ser igual ao texto exibido na pagina. E da mesma maneira que falamos sobre a imagem isso pode ajudar na indexação do seu blog e links no Google e outros buscadores, dando mais informações sobre seu site através dos links. Veja algumas outras técnicas que ajudam aparecer em melhores posições nos resultados do Google:

Usando melhor o Google
Melhorar o Título do Blog – Aparecer na Pesquisa Google
Aparecer no Google, Yahoo e outros
Novas idéias para publicar no blog

21 comentários :

  1. Acesso o blog a um tempo e ele tem me ajudado muito desde o primeiro blog que eu fiz(que não deu muito certo por culpa minha).
    O Dicas para blogs está me ajudando muito agora (de novo). Mas chega de enrolação, tenho uma dúvida, toda vez que postar uma imagem tenho que fazer isso ou existe uma maneira de utilizar o tag alt automaticamente?
    Obrigado.

    ResponderExcluir
  2. Muito bom!

    @Sr.Inútil não tem como utilizar essa tag automaticamente até porque cada imagem tem que ter um titulo diferente exemplo se vc está falando sobre football ñ pode dizer baseball na sua foto na sua foto!

    ResponderExcluir
  3. você pode usar as palavras que desejar nas tag title e alt, mas por exemplo se usar uma palavra diferente do que mostra a imagem pode ser indexado pelo google de maneira errada, ou seja aparecer a imagem da bola de basquete quando alguém pesquisa por bola de futebol... ou seja mesmo que apareça nos resultados não terá nenhum clique.

    ResponderExcluir
  4. Oi! Por algum motivo, quando coloco somente a tag alt e a descrição nas minha imagens nem sempre aparece a mesma quando passo o mouse.Mas se coloco alt com a mensagem e depois coloco title e a mesma mensagem dá certo e aparece sempre.Mas tenho dúvida se não pode dar algum tipo de problema com o fato de que repito a mesma mensagem com alt e depois com title?
    Abraço!Eduardo.

    ResponderExcluir
  5. centraldecolchoes.com.br
    notei essa diferença entre os navegadores firefox e internet explorer, então sempre uso os dois alt e title

    ResponderExcluir
  6. Obrigado pela resposta. Mas então também colocas os dois: alt e title na mesma imagem?
    Abraço!Eduardo.

    ResponderExcluir
  7. exatamente isso, uso os dois na mesma imagem, claro que um no código da imagem(alt) e outro no código do link(title), mas vou testar usar somente o alt para ver o que acontece...

    ResponderExcluir
  8. Fabiano!
    Então ficaria assim: img src="endereço da imagem" alt="texto" title:"texto" width="300" height="228" border="0" .
    Correto?
    Abraço!Eduardo.

    ResponderExcluir
  9. acho que não me expliquei direito, só uso os dois se for uma imagem com link, então uso title no código do link e alt no código da imagem, assim:

    <a href="http://www.dicasparablogs.com.br/2010/11/descricao-em-imagens-e-textos-tag-alt-e.htmlg"title="tag aparecer no google: alt e title"><img src="http://2.bp.blogspot.com/_-v7nVhXnPEc/TPPcXEoQErI/AAAAAAAABvY/kC7XSI_0p2w/s400/tag-google.jpg" border="0" alt="tag aparecer no google: alt e title"></a>

    se for uma imagem sem link então use somente alt

    ResponderExcluir
  10. Fabiano!Pode ser que eu não esteja sabendo fazer direito mas fiz várias experiências e o que ficou funcionando foi assim:Quando desabilito o link tenho que colocar "title" se não não funciona.
    A opção de colocar juntos alt e depois title tu não aconselhas?
    Para efeito de aparecer no google tanto faz alt ou title?
    Espero ter me explicado direito.
    Abraço!EDuardo.

    ResponderExcluir
  11. o title é somente para quando usar links e o alt para imagens

    ResponderExcluir
  12. tenho uma pergunta meio noob, eu faço um post, posto a imagem, mas ond coloca esse codigo?

    ResponderExcluir
  13. rai
    quando postar a imagem use a guia html então verá o código da imagem e lá tem alt="" então só escreva a descrição da imagem dentro das aspas, veja aqui o código da imagem na postagem:
    Hospedar Imagens no Blogger - Hospedagem Grátis

    ResponderExcluir
  14. Fabiano Roberto

    obrigado

    ResponderExcluir
  15. Grande amigo Fabiano, a duvida é minhas imagens tem alt e algumas ate o title, mas é o seguinte em meu blog eu coloquei faz 2 meses a metatag:

    general rating, (da forma certa de escrever, mas aqui no comentario não da para coloca-la).

    porque minhas imagens aparecem so no modo, SafeSearch desativado. Mas mesmo fazendo 2 meses que coloquei essa metatag não aconteceu nada, em minhas imagens começar a aparecer no, SafeSearch moderado. Ate as novas postagens que faço, ainda aparecem no SafeSearch dsativado.

    Ou seja o que devo fazer para minhas imagens aparecerem no moderado e não no desativado?

    ResponderExcluir
  16. henrique
    sempre usei as tags alt e title sem problemas...

    sobre esse código general rating... não achei nada a respeito dele

    o SafeSearch é proprio dos sites de busca... deve ter algo a ver com o conteudo do seu blog, nomes das imagens... enfim o site de busca não "vê" a imagem ele analisa o conteudo do site e palavras usadas

    ResponderExcluir
  17. eu uso o firefox 4 e parecer funcionar normalmente

    ResponderExcluir
  18. Olá sempre venho aqui em seu site e sempre consigo tirar minhas dúvidas parabéns pelo trabalho tenho um blog de downloads http://centralforrodownloads.blogspot.com/ e apliquei essas dicas à pouco tempo tive um crescimento nas vistas ainda considerado pouco mais já é lucro, vlw!!!

    ResponderExcluir
  19. Olá estou com uma dúvida sobre esse post. Eu tenho um blog de download de cds, no meu blog tem vários posts de uma banda X com a mesma foto só muda a data e local do show. Intão eu quero saber se eu colocar o mesmo nome na TAG ALT nas imagens de todos os posts da banda X vai ser considerado spam? tem algum outro tipo de problema?
    O site tá de parabéns sempre que tenho alguma dúvida eu tiro aqui.

    ResponderExcluir
  20. Central Forró Donwloads
    acho que não é spam, mas seria mais util postar imagens diferentes com nomes e alt diferentes também...

    assim suas chances de aparecer no google imagens são maiores, por exemplo usando o seu nome de perfil (Central Forró Donwloads), você poderia criar imagens com nomes relacionados a isso: forro.jpg, download-forro.jpg, banda-forro.jpg.... e o que mais conseguir imaginar, assim poderá aparecer em pesquisas por mais palavras

    ResponderExcluir