5/17/2009

Adicionar descrição em imagens e links

Uma dica bacana é adicionar uma descrição em seus links ou imagens. Quando o leitor passar o mouse sobre elas, ele vai se deparar com uma descrição sobre a imagem ou sobre o link.

Exemplo de uma descrição em link:
Acolhedor

Código

<a href="http://acolhedor.blogspot.com" title="Testando, descrição do blog.">Acolhedor</a>

Adicionei cores no código, para um melhor entendimento e interpretação da linha que vamos utilizar.

>> Verde: Link de redirecionamento.
>> Azul: A descrição, quando passar o mouse sobre ele, aparece a descrição referente ao conteúdo do link.
>> Vermelho: O nome recebido ao link do código verde.

Utilizar, descrição em imagens
É muito semelhante ao link. O efeito pode ser visto na imagem abaixo:



É importante utilizar a descrição em imagens. É o SEO de imagem, que ajuda na hora de uma pesquisa. Procure sempre introduzir uma descrição sobre o texto, pois ajuda e muito o pesquisador a ler seu artigo.

Como utilizar?
É muito simples, como o código para link. Separei com cores para um melhor entendimento.

<a href="http://feeds2.feedburner.com/Acolhedor"><img style="alt="Feed" src="http://img9.imageshack.us/img9/8591/rssicone.png" title="Assine nosso Feed RSS"/></a>

>> Vermelho: Link que leva o leitor quando clicar na imagem.
>> Verde: Nome da imagem.
>> Cinza: Endereço da imagem.
>> Laranja: Descrição da imagem.

Para utilizar o código, basta copiar e trocar as partes que deixei em destaque

0 comentários:

Postar um comentário

Leia as regras:
- Palavras ofensivas serão removidas.
- Não coloque links no comentário para divulgar seu blog ou site, basta utilizar o OpenID na hora de enviar o comentário e seu link ficará gravado.
- Antes de fazer uma pergunta veja se ela já não foi respondida.
- Perguntas não referente ao assunto envie em contato.
- Os comentários não refletem a opinião do autor.
- Seu comentário precisa ter relação com o assunto do post.
- Agradeço a colaboração :)

  ©Template by Dicas Blogger.