Clique no link no primeiro slide, ou copie e cole no seu navegador: http://bit.ly/link-nas-imagens

1. Clique aqui e veja na íntegra:
Como Colocar Link nas
Imagens com Atributos em
Nova Aba e Alt e Title Tags!
www.ficarricoonline.com
Vinicius Souza

2. • Como Colocar Link nas Imagens com
Atributos em Nova Aba e Alt e Title Tags!

3. Este é um ponto interessante, pois imagens com alt
tags e title tags, costumam ajudar muito em blogs
e sites na internet, pois eles dão um título e
palavras chave para tal imagem. E sem dúvida, se
deseja colocar um link na imagem, é importante se
for sair do blog, adicionar o atributo de nova
aba. Vamos entender um pouco sobre isto agora.

4. • Alt - Significa as palavras-chaves que podem
representar tal imagem, para que caso alguém
faça uma busca no Google, possa encontrar a
imagem na qual você colocou a alt tag.
• Title - Significa o título da sua imagem, é
importante definir dentro do título da sua imagem,
uma palavra chave também.

5. • Para colocar link nas suas imagens, temos
que entender um código de html, onde é
representado uma imagem. Eu irei dar um
exemplo, com um banner do ficar rico online,
onde irei caracterizar, as alt tags, as title tags,
o atributo para abrir numa nova aba, como
colocar um link nela.

6. Veja o exemplo a seguir, se passares o
mouse na imagem, você verá o título da
imagem, e também no canto do seu
navegador, o link para o qual está
apontando, o código do banner ficou o
seguinte:

7. <a href=“http://www.ficarricoonline.com/”
target="_blank"><img alt="banner-ficar-rico-
online“
src="http://img706.imageshack.us/img706/218
3/znxd.png" title="Banner do Ficar Rico
Online" /></a></div>

8. • Em Azul: O link para o qual a imagem irá apontar, veja
que ela é aberta com <a href..., e fechada ao fim da
imagem também com </a>.
• Em Vermelho: Usei target="_blank" para caracterizar
que a imagem e o link na imagem, será aberto em nova
aba. É opcional isto.
• Em Rosa: Já dentro do código html da imagem, adicionei
a tag alt, como já expliquei nos parágrafos anteriores.
• Em Negrito: Incluí a tag title para caracterizar o titulo da
imagem.

9. • Como Colocar Link nas Imagens com
Atributos em Nova Aba e Alt e Title Tags!

10. • Veja com mais atenção no nosso
blog, e aprenda de forma eficaz, a
como trabalhar verdadeiramente
online!