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
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 :)