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.

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

Postagens mais Comentadas Receba Dicas por E-mail Recomendações dos Leitores

Link desta Pagina

21Comentários:

Sr.Inútil disse...: 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.; 10 de dezembro de 2010 16:43
Matheus Rezende disse...: 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!; 3 de janeiro de 2011 00:49
Fabiano Roberto disse...: 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.; 3 de janeiro de 2011 01:17
centraldecolchoes.com.br disse...: 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.; 27 de janeiro de 2011 17:43
Fabiano Roberto disse...: centraldecolchoes.com.br
notei essa diferença entre os navegadores firefox e internet explorer, então sempre uso os dois alt e title; 27 de janeiro de 2011 17:45
central disse...: Obrigado pela resposta. Mas então também colocas os dois: alt e title na mesma imagem?
Abraço!Eduardo.; 27 de janeiro de 2011 17:49
Fabiano Roberto disse...: 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...; 28 de janeiro de 2011 12:05
centraldecolchoes.com.br disse...: 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.; 28 de janeiro de 2011 13:59
Fabiano Roberto disse...: 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; 28 de janeiro de 2011 17:13
centraldecolchoes.com.br disse...: 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.; 29 de janeiro de 2011 11:15
Fabiano Roberto disse...: o title é somente para quando usar links e o alt para imagens; 29 de janeiro de 2011 14:41
rai disse...: tenho uma pergunta meio noob, eu faço um post, posto a imagem, mas ond coloca esse codigo?; 3 de março de 2011 10:30
Fabiano Roberto disse...: 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; 3 de março de 2011 15:03
rai disse...: Fabiano Roberto

obrigado; 4 de março de 2011 12:29
Henrique C disse...: 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?; 4 de maio de 2011 16:46
Fabiano Roberto disse...: 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; 4 de maio de 2011 17:27
Felipe disse...: porque no firefox 4 não funciona??; 9 de maio de 2011 13:12
Fabiano Roberto disse...: eu uso o firefox 4 e parecer funcionar normalmente; 9 de maio de 2011 13:45
Central Forró Donwloads disse...: 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!!!; 3 de novembro de 2011 15:33
Central Forró Donwloads disse...: 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.; 4 de novembro de 2011 01:49
Fabiano Roberto disse...: 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; 4 de novembro de 2011 14:05

Melhores Dicas para Blogs

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

21Comentários:

Postar um comentário

Dicas e Tutoriais Úteis para Blogueiros