Como colocar imagem com link no Blog / Site

Por | junho 15, 2011

Hoje o Montar um Blog irá explicar como colocar uma imagem com link no seu blog ou site, incluindo as tags de imagens mais importantes. Para inserir uma imagem com link, terá de utilizar o seguinte código:

<a href=”link de destino”><img src=”link da imagem” alt=”texto” title=”texto”/></a>

Resultado:

Como colocar imagem com link

Dica: Para tornar este procedimento mais simples, a nossa equipa criou um gerador de imagens com link automático:Gerador de imagem com Link.

Se pretende tornar o seu blog/site mais profissional deve ter em conta os seguintes aspectos:

1. Tag Alt – a tag alt apresenta um texto alternativo caso o carregamento da sua imagem falhe. Esse texto contém o mesmo link da imagem. A tag Alt é igualmente importante para indexar as suas imagens no motor de busca Google (Imagens).


2. Tag Title – ao adicionar a tag Title, surgirá um texto complementar quando o utilizador colocar o ponteiro do rato na imagem. A Tag Title é importante para melhorar o seu SEO (melhorar a sua posição nos motores de busca) e útil para adicionar informações extra à sua imagem.

3. Width e Height – As tags width e Height definem o comprimento e largura da sua imagem. Embora estas tags não sejam obrigatórias, ajudam os navegadores a construir o seu blog/site, guardando no inicio do carregamento o espaço necessário para a sua imagem.

Resultado Final:<a href=”www.montarumblog.com” target=”_blank”><img scr=”http://i54.tinypic.com/kdu1yv.jpg” alt=”Montar um Blog” Title=”Montar um Blog” width=”120″ height=”60″></a>

Dica: target=”_blank” – abre o link da sua imagem num novo separador.

Deixe uma resposta

O seu endereço de email não será publicado Campos obrigatórios são marcados *